Embedding a scheduling page onto your website is the best way to encourage visitors to book with you. With our three embed options, you can choose the look and functionality that suits your webpage the most. Because our embed code may perform differently across host platforms and site themes, we're providing answers to some common embed questions. You may wish to consult a developer for further customizations.
IN THIS ARTICLE:
Change the position of the widget
When using our pop-up widget embed code, the default placement of the widget will be the bottom of the webpage aligned to the right corner. To change the alignment to either the left or center of your page, add one of the CSS codes below. Then, adjust the left and right inputs until you arrive at your desired spacing.
<!-- left align the badge widget -->
right: auto !important;
left: 20px !important;
<!-- end left align the badge widget -->
<!-- center align the badge widget-->
left: 50% !important;
<!--end center align the badge widget-->
Create your own button
<!-- Calendly link widget begin -->
<!-- Calendly link widget end -->
Remove scroll bars
If you are experiencing performance issues with your embed code, fill out this form to reach our support team. Include the link to your website and the host you are using, as well as screenshots of what you’re seeing to help us better assist you.
Make your mobile schedule fullscreen
<meta name="viewport" content="width=device-width, initial-scale=1">