Have you added a 'Book now' button to your website? It's free, and lets website visitors jump straight to your Booking Page.
By default, the button displays a standard Setmore image. We don't offer built-in style options for it, but you can swap in your own image by editing the button's code directly. Here's how.
Retrieve your default button code
1. Navigate to Integrations > Booking Widget.
2. Follow the steps to retrieve your code. In step 1, select the position of your ‘Book now’ button.
3. In Step 2, select how your Booking Page will open.
4. In Step 3, select "I'll embed the code myself."
5. Copy the code provided and paste it into doc you can edit easily.
We recommend using Word or Google Docs!
Modifying your button code
What you have now is a piece of HTML code. You want to preserve all of the code except for the part that references the button image. To replace the default button image, you'll need the URL of another image that's hosted online.
Find the part of your code that reads:
src=”https://assets.setmore.com/integration/book-now/live/v1/anywhere-book-now.js"
Replace the 'https URL' with the URL of your replacement image. Make sure that you keep the quotation marks before and after the URL.
Copy and paste the entire code into your website source file and save or publish your changes.
This only edits the line of code that references the ‘Book now’ button image. All other code remains the same.
Start FREE
