Skip to main content

Use a Custom 'Book Now' Button Image

The default ' Book Now'button works fine. But if you want it to match your brand, your colors, your look, just swap in your own graphic.

Updated over a month ago

By default, the 'Book Now' button uses a ServiceForge image. Replace it with anything you want.

Retrieve Your Default Button Code

  1. Go to Integrations > Booking Widget.

  2. Follow the steps to get your code. In Step 1, select the position of your 'Book Now' button.

  3. In Step 2, choose how your Booking Page opens.

  4. In Step 3, select "I'll embed the code myself."

  5. Copy what's provided and paste into a doc you can edit easily. Word or Google Docs works great.

Modifying Your Button Code

You've got HTML. Keep everything except the part that references the button image. To swap in your own, you'll need the URL of an image hosted online.

  1. Replace the URL with the URL of your new image. Keep the quotation marks before and after.

  2. Add the updated snippet to your website source file and save or publish your changes.

🔧This only changes the button image, everything else stays the same.


Did this answer your question?