Don't love our amazing button designs? That's ok! Here's how you can use your own button.

Let's start by looking at the website embed code:

<script src="https://d35xd5ovpwtfyi.cloudfront.net/loader/loader.min.js?v=1440696613" async defer></script>
<img data-appointlet-organization="..." src="https://d35xd5ovpwtfyi.cloudfront.net/loader/buttons/008DBD.png?v=1440696613">

The <img...> portion draws the button on your site, so it's what needs to be replaced with the custom button. The important thing to note about it is the data-appointlet-organization="..." part. Any HTML element that has this attribute will become click-able and opens the booking page.

With that in mind, let's do some examples:

Plain Link:

<script src="https://d35xd5ovpwtfyi.cloudfront.net/loader/loader.min.js?v=1440696613" async defer></script>
<a href="#" data-appointlet-organization="...">Book Now</a>

Image:

<script src="https://d35xd5ovpwtfyi.cloudfront.net/loader/loader.min.js?v=1440696613" async defer></script>
<img src="/path/to/image" data-appointlet-organization="...">

Button:

<script src="https://d35xd5ovpwtfyi.cloudfront.net/loader/loader.min.js?v=1440696613" async defer></script>
<button type="button" data-appointlet-organization="...">Book Now</button>

Related Articles 

Share Booking Page with a Customer

Link Directly to a Meeting Type and Member

Share booking link on a site: 

Share Your Booking Page on Your Website

Facebook: Add a Book Now Button

Wix: Install the "Book Now" Button

Squarespace: Add a Booking Page Link

Share booking link with an email signature:
Gmail: Adding Appointlet to Your Signature
Mail.App: Adding Appointlet to Your Signature

Did this answer your question?