Add the "Book Now" button to your Weebly website

Setmore Support avatar
Written by Setmore Support
Updated over a week ago

Adding appointment booking capabilities to your website is essential to bringing your online visitors to your storefront and converting them into customers. If you built your website using Weebly, then you'll be pleased to know that Setmore offers a way to add a "Book Now" button in just a few steps, no coding experience required.

This button, when clicked by a customer, will open your Setmore Booking Page directly on your website in a lightbox or a new browser tab (your choice). Customers may then proceed to book an appointment with your business, as usual.

Adding the button

1. In Setmore, navigate to Integration, scroll down and click the "Weebly" card.

2. Beneath the grey box of HTML code, click the "Copy" button.

3. Now open your Weebly editor in a new browser tab. In your Weebly toolbox, find the option for "Embed Code" and drag this field into your website where you would like the "Book Now" button to appear.

4. Click on the field to edit the code, then paste the HTML code that you copied in the previous steps.

5. Save your changes and publish your website.

Once you complete the integration and reload your Weebly page, you should see the "Book Now" button on your website, and clicking the button will open your Setmore Booking Page. Congratulations, you can now make appointments online!

Setmore Workaround:

Add greater customization to your button options

In the previous steps, you're essentially plugging a snippet of HTML code into your Weebly website. However, Setmore's primary Booking Widget will give you additional options to customize the snippet of HTML code, if you so desire:

  • You can choose to have the "Book Now" button floating on the side of the visitor's browser window, or appear in line with your website's body content.

  • You can choose to have the Booking Page open in a lightbox (a window that hovers in the current browser tab), or open in an entirely new browser tab.

These options are all accessible under the "Booking Widget" integration card. We'll cover how you can access these options below.

1. Navigate to Integrations, then scroll down and click the Booking Widget card.

2. Click on Instructions. You will be asked to set your preferences for Steps 1 and 2:

In Step 1, you can choose to place a button in line with your website content, or you can "float" a button on the side of the user's browser window. If you're unsure of what to do, simply choose the first option to place a button (we don't mean to play favorites but it's the best one).

In Step 2, you can choose to have the button open your Booking Page as a pop-up window, or in a new browser tab.

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

4. In Step 4, the form fields will change to display a section of HTML code. Select and copy all of this code.

5. Open Weebly in a new browser tab. Repeat steps 3 through 5 from the preceding section in this support article.

Did this answer your question?