LocalMed: Website Widget Implementation

This article will discuss implementing your Local Med widget link into your website

Grace Richards avatar
Written by Grace Richards
Updated over a week ago

For the best results when implementing LocalMed widgets, we suggest:

  • Placing your widget in the header or on your home page where it can be seen without scrolling

  • Placing LocalMed widgets behind any button of your choice

  • Naming your button in a way that the patient knows they will have a true appointment at the end of the process. We suggest wording such as “Book Now”, “Schedule Online”, or even “Schedule 24/7 Here”


Option 1: Placing a widget link behind a button

For quick and simple installation, you can place your website widget link behind any button or image. Instructions for adding a link to a button can differ based on your website host, but generally you will see an add URL link as an option for your button or image. Use the online scheduling URL link here.


Option 2: Instructions for Creating a Pop Up Widget

Step by Step Instructions:

(We suggest you share this with your website company for installation)


1. Include the below JavaScript SDK on your page once, ideally right after the opening <body> tag:

<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = 'https://www.localmed.com/assets/web/js/widget.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'localmed-wjs'));
</script>

2. Place this tag wherever you want the widget to render:

<a data-localmed-toggle="modal" href="PLACE WEBSITE WIDGET LINK FROM EMAIL HERE">Schedule Online</a>


3. Replace the "PLACE WEBSITE LINK FROM EMAIL HERE" with the website widget link supplied in your email


Note: If you do not have your LocalMed widget links, reach out to our support team! We will be able to provide them to you.

Did this answer your question?