Display Form as Inline Component

Instead of showing the Avenue form as a floating button, you can embed it directly into your page as a visible component. This is useful for dedicated booking pages or contact sections.

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

Add the <avenue-embed /> element anywhere in your page HTML. The Avenue form will automatically display in that location.

Adding the Embed Component

Step 1: Edit Your Page

Open the page where you want to display the form.

Step 2: Add HTML Block

In your page builder, add a custom HTML block or code element. The exact steps depend on your builder:

• Elementor: Add an "HTML" widget
• Wix: Add an "Embed Code" element
• WordPress Block Editor: Add a "Custom HTML" block

Step 3: Insert the Code

Paste the following code:

<avenue-embed />

Step 4: Save and Preview

Save your changes and preview the page. The Avenue form will appear where you placed the code.