Add the MedEssist booking widget to your website
Website embed

Add the MedEssist booking widget to your website

With MedEssist, you gain access to your own digital storefront where customers can easily browse and select services such as medication refills, prescription transfers, and more.
Have your own website? Add the embed to your website today! Three pieces of code and your booking widget resizes itself to fit its content. Takes about five minutes.

schedule5 minute setupcodeCopy & pastedevicesWorks on any platform
Start here — this is all you need

Build your booking link

Enter your pharmacy phone number and pick a service. We'll generate the link and the complete embed code — all three steps already assembled.

Digits only — no dashes, spaces or brackets.

Need something more specific? See the full service list →

https://bookmypharmacy.com/services/yourphonenumber
check_circle

Paste this block where the widget should appear and you're done. Nothing else is required — the steps below are a reference that explains each of the three pieces inside it.

Reference

What's inside that block

Only read on if you'd rather add the three pieces yourself — for example if your platform keeps site-wide scripts in a separate header or footer field, or you already have an iframe on the page to replace.

1

Add the resizing script

Add this script tag to the page — or site-wide in the header or footer, whichever your platform supports.

<script src="https://cdn.jsdelivr.net/npm/iframe-resizer@4/js/iframeResizer.min.js"></script>
2

Update the iframe embed

Replace your existing iframe code with the version below, pasting your booking link in place of PASTE LINK HERE.

<iframe id="medessist-booking-frame"
  src="PASTE LINK HERE"
  style="border:0; width:100%;"
  scrolling="no"
  width="100%"></iframe>
3

Initialize the resizer

Add this directly below the iframe — or anywhere after both the iframe and the Step 1 script have loaded.

<script>
  iFrameResize({ log: false, checkOrigin: false }, '#medessist-booking-frame');
</script>

That's the full implementation. Once these three pieces are in place, the iframe automatically matches the booking widget's real content height and updates live as the visitor moves through the booking flow.

Customizing your service link

Direct links follow one structure — the service slug, then your pharmacy phone number with no dashes, spaces or brackets.

https://bookmypharmacy.com/{service}/{pharmacyPhone}
ServiceSlug
All Servicesservices
Prescriptionsprescriptions
Vaccinesvaccines
Minor Ailments and Conditionsminorailment
Access to Care Servicesaccesstocare
Travel Consultationstravel

These are the common ones. For every available service, see the full service list, or view them in the QR / link generator under the Marketing tab on your MedEssist dashboard.

Hiding the nav bar or campaign banner

lightbulb

Want to hide the nav bar or campaign banner on your direct links? Add ?noNav=true or ?noBanner=true to the end of the URL — or both:

https://bookmypharmacy.com/vaccines/4165551234?noNav=true&noBanner=true

MedEssist provides software for pharmacies and is not a pharmacy, telehealth provider, or drug manufacturer.

*This integration is for demo purposes only.
Ready to simplify your practice and meet new patients?
Go live with your new digital storefront and pharmacy dashboard in less than 24 hours.
Still unsure? 
Send us a message!
Our team is here to answer any questions you have.
Support is just a click away!