What is Embedding of Alvéya Forms
Embedding Alvéya forms means integrating a form from Alvéya directly onto your website using your own website editor, allowing visitors to fill it out without being redirected elsewhere. This makes the process seamless, ensuring that opt ins, customer enquiries, or appointment bookings happen right within your branded environment. The best part? You won’t need to switch between multiple platforms or make adjustments in different places—just copy the embed code from Alvéya and paste it into your website editor.
Key Benefits of Embedding Alvéya Forms
Embedding Alvéya forms can significantly improve engagement and lead generation on your website. Here are the key benefits:
Capture More Leads: Alvéya forms enable you to collect visitor information directly on your site, making it easier to nurture leads.
Cross-Platform Integration: Use the forms on various website platforms such as SquareSpace, Wix, Shopify and WordPress.
Seamless CRM Syncing: Automatically sync collected data with your Alvéya CRM for streamlined follow-up and automation.
Improved Engagement: Use customisable forms to display targeted messages, promotions, or surveys.
Performance Tracking: Leverage Alvéya’s built-in analytics to monitor and optimise the performance of your forms.
Where to Find the Embed Link in Alvéya?
To embed Alvéya forms on your website, you first need to locate the embed link in your Alvéya account. This link provides the script that allows the form to appear on your chosen website. Here’s how you can find it:
Access Form Builder
From the dashboard, go to the “Websites & Funnels” section in the main navigation menu. Click on the “Forms” menu located at the top right corner. It will take you to the form builder area.
Choose or Create a Form
To embed a form, you can either select an existing one from the list or create a new form. If you’re starting fresh, simply click the “+ Add Form” button to build your form. If you already have a form ready, just select it from the available options.
Access the Embed Link
Once your form is ready, go to the “Integrate” tab located at the top right corner. Select the type of form from the options and click on the Copy Embed Code option. If you want it to be on a page, choose “Inline”
Ready to Use
Your embed link is now ready to be pasted into your website’s code, following the platform-specific instructions outlined below.
How to Embed Alvéya Pop-Up Forms
Now that you’ve obtained the embed code for your pop-up form, let’s walk through the steps to seamlessly integrate it into your website. We’ve outlined detailed instructions for the most popular website builders.
Squarespace
POP UP FORM –
Squarespace allows adding custom code through its code injection tool, enabling easy embedding of different types of forms. Let’s understand each step in details :
Access Settings
Start by logging in to your website builder account and navigating to the Website -. Pages menu in your dashboard.
Select Code Injection
Add the Embed Code
Decide where to add the embed code:
To display the form across all pages, paste the code into the Header or Footer section of the Code Injection panel.
Save and Publish
Once the code is added, click Save in the Code Injection panel or the Per-Page Code Injection field.
Publish your website to apply the changes.
** SquareSpace does not support embedding of forms on checkout pages. Ensure your forms target other areas of your website.
EMBED THE FORM ON A PAGE
Add a HTML code block to the page you want it on. from Alvéya, use the inline embed code
Wix Integration
Wix Website Builder Options
Click the “+” button to find the embed option.
Click Embed option.
Select the Embed a Widget option.
Paste the Code in Wix Editor
Select Code option. Paste the embed script and click Update option to save your changes.
Publish Your Website
Preview the site to confirm the form appears correctly. Once confirmed, publish your Wix website.
WordPress Integration
WordPress supports embedding scripts via plugins or theme settings, making it versatile for adding pop-up forms.
Access the Editor
To begin, navigate to the Pages section in your website’s admin dashboard. This is where you can manage your site’s visual settings and design elements. To get into the editor mode, hover over the page where you wish to embed your Alvéya form and click the Edit button
Open the Block Menu
Click the ”+” icon in the editor to reveal the list of available blocks for customizing your page.
Select the Custom HTML Block
Scroll down and select the Custom HTML option to insert your own code into the page layout.
Inserting the Embed Code
Paste the embed code into the appropriate section within the selected file. Ensure it’s placed correctly between the or
tags for proper functionality. Save your changes once done.
Update and Test
Save changes and refresh your website to verify the form appears correctly