Important: If you're migrating from ScheduleWidget, please remove the old ScheduleWidget code from your website before installing Intelibly Book Now Button to avoid conflicts.
Connect your own button
You can connect any existing button or link on your website to the Intelibly Book Now Button. This allows you to use your own custom-styled buttons or links to open the booking widget, instead of (or in addition to) the default floating button.
First, make sure that the Intelibly Book Now Button script is added to your website.
How to connect your own button
To connect your own button or link, simply add the data-scheduleconnect-button attribute to any HTML element you want to use for booking. When a user clicks this element, the Intelibly Book Now Button will open automatically.
Example link:
<a href="#" data-scheduleconnect-button="">Book appointment</a>
Example button:
<button type="button" data-scheduleconnecct-button="">Book appointment</button>
Example element:
<div class="" role="button" data-scheduleconnect-button="">
Book appointment
</div>
When connecting your own button, link, or element to the Intelibly Book Now Button, do not set the element to navigate to another page. The element should not have an href or onclick that causes a page change.
Additional information
- When using a CMS like WordPress, you can link navigation menu items to the Intelibly Book Now Button. However, this usually requires modifying the theme files. When the theme is updated, these changes will likely be overwritten, so customizing theme files is not recommended. Please note that we do not offer support for WordPress theme customizations.