How can I integrate parameter in the Overlay widget?

The Overlay widget code can be obtained from  "_MARKETING →  INTEGRATE ON YOUR WEBSITE →_ Under Add Scheduling Widget → Integrate on your website → Overlay Widget ".

(A sample of overlay widget integration is shown in the image below)



You can generate parameterized URL from  "_MARKETING →_ INTEGRATE ON YOUR WEBSITE → Under Add Scheduling Widget → Integrate on your website →Under Mini Website Tab → Want to automatically select a specific services or staff or combination?" area of your Appointy admin.

There is one extra line "**var AppointyExtraParameter** " that you need to pass in the overlay widget code for the parameterized URL. 

An example of such code is as below. We have passed on service id and category name in the parameterized URL. The name of Appointy is SAMPLE. Service ID is 012345 and Service Category name is Sample Category Name

<script type="text/javascript">
var appointy = 'SAMPLE';
var appointyHeight = '700';
var appointyWidth = '900';
var ShowSchedulemeImg = true;
//if showSchedulemeImg is set to false then it will override the properties below. This can be used if you want to call overlay from your own custom link.
var ScheduleMeBgImg = 'http://static.online-scheduling-software.com/Widget/Images/scheduleme.png';
var ScheduleMeBg = 'transparent';
var ScheduleMeWidth = '47';
var ScheduleMeHeight = '150';
var ScheduleMePosition = 'right'; // right, left
var AppointyExtraParameter = 'sr=012345&cat=Sample Category Name';

// You can also call function ShowAppointyInOverlay() onclick of any tag.
// e.g. <a href="javascript:void(0)" onclick="ShowAppointyInOverlay();">Schedule with us</a>
</script>
<script type="text/javascript" src="http://static.online-scheduling-software.com/widget/js/appointyOverlayGadget.js"></script>


In case you need assistance with this, please don't hesitate to contact us at contact@appointy.com.

Updated on: 24/12/2020