Block Tab: Site Banner

When to use a Site Banner

The Site Banner is a versatile tool that sits at the top of your website. While not every business needs one active at all times, it is a very convenient way to keep your customers in the loop without changing your main website design.

Think of it as a "Quick Announcement" bar for whenever you need to:

• Answer Common Questions: If you are closed for a holiday, fully booked for the month, or have updated your contact details, the banner is the easiest place to let everyone know at once.
• Add a Professional Touch: A simple greeting or a "Welcome to our new website!" message makes your business feel active and managed.
• Highlight a "Special": If you want to fill up a quiet week, you can quickly add a discount or a "Limited Time Offer" to grab attention as soon as the page loads.
• Promote a Call-to-Action: You can use it to lead people directly to your booking page or a specific service with just one click.

Whether you keep it up year-round or just use it for occasional updates, it’s a handy "shortcut" for communicating with your visitors.

How to Set Up Your Site Banner

Choose Your Template

Under the Block tab, click on Site banner. Select the one you like, and it will appear at the top of your website.

This opens a list of different banner designs.

Select the one you like, and it will appear at the top of your website.

If you switch to another page, you will notice that the banner stays on the other pages as well.

Change the Text

For demo purposes, we will use a typical discount: "Get 10% OFF all bookings this weekend only!"

Add a "Call to Action" Button

A great offer needs a way for customers to act on it. Here is how you can add a call-to-action button right next to your text.

Click on the text block inside the banner where you want the button to appear next to. In the Quick Action Toolbar, select the Insert icon.

A window will pop up on the left, where you can choose the type of block you want from the sidebar in the pop-up window, and the templates will appear on the right.

Click on Button as the type of block from the sidebar and choose a button that will fit your business look.

Once the button appears, you can start customizing it. If the padding is too big or the color of the button is not to your liking, you can adjust it from the visual builder sidebar on the right.

Link the Call to Action Button

To make the button actually work, you need to tell it where to go:

1. Open the Link Settings: Click on the button, and from the Quick Action Toolbar, click on the Chain Link icon.

2. Choose Your Link Type: A window will pop up. On the left side of the window, you can choose where the button leads (like a phone number, email, or another page). For this demo, we will link the button to your Booking Page.

3. Select Page from the sidebar. You will see two fields appear on the right:

• Which page?: A dropdown field for you to select your destination
• Continue Arrow: A checkbox that adds a small arrow → next to your button text.

4. Enable your price list: Click on the dropdown field under Which page?. Under the Checkout Tab, you will see an option to enable your price list.

5. Finalize: Once enabled, select Checkout. This will show up in the dropdown field as the destination. When done with your selection, click on the Save button.

6. Verify Your Link: You should now see that the Chain Link icon has a black background instead of white; this indicates that the button is successfully linked. To test it out and enter the booking page (or whichever page you linked), simply click on the Enter Page icon. This will take you directly to the destination so you can see exactly what your customers will experience.