> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://appointyhelpdesk.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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)_

![](https://storage.crisp.chat/users/helpdesk/website/9aa6b7d6a74dd800/1cd7d069-4419-4e9d-ba34-72326c_yifn26.png)

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.