Open the Form from Your Own Button

You can trigger the Avenue form to open when a user clicks any button or element on your page. This is useful for "Book Now" or "Get a Quote" call-to-action buttons.

This is for buttons on your own website. For a Book Online button on your Google listing, see how to get bookings from Google with the Book Online button.

Prerequisites

Before you begin, make sure you have:

• The Avenue embed script already added to your website header. See setup guides for WordPress or Wix.

How It Works

Any element with the class name open-avenue will open the Avenue form when clicked. You just need to add this class to your button or link.

Example: Elementor (WordPress)

If you're using Elementor to build your WordPress pages, follow these steps.

Step 1: Edit Your Page

1. Open the page you want to edit in Elementor
2. Select the button or element you want to use as a trigger

Step 2: Add the Class

1. With the element selected, go to the Advanced tab in the left panel
2. Scroll down to CSS Classes
3. Enter open-avenue in the field
4. Click Update to save your changes

Step 3: Test

1. View your page
2. Click the button
3. The Avenue form should open

Other Page Builders

The same principle applies to any page builder or custom HTML. Add the class open-avenue to any clickable element.

HTML Example

<button class="open-avenue">Book Now</button>

or

<a href="#" class="open-avenue">Get a Quote</a>

Multiple Classes

If your element already has classes, just add open-avenue to the list:

<button class="btn btn-primary open-avenue">Book Now</button>