Embedding an Alia form allows you to place your campaign directly inside your website layout, giving you full control over where it appears.
Common Use Cases
Here are some common ways brands use embedded forms:
• Adding a dedicated sign-up page for email or SMS capture
• Placing a newsletter signup section in the footer
• Embedding a signup bar in the header
• Inserting a form within a landing page or promotional page
• Adding a form directly on a product page for lead capture
Step 1: Enable the Embed Settings
Open your campaign in Alia, then navigate to the Embed tab from the right panel.
Check Embed and you'll generate the embed snippet.
Step 2: Copy the Embed Snippet
You’ll see a code snippet similar to this:
<div id="_alia_mount_campaign_32907"></div>
Copy this snippet. This is the container where your form will render.
Step 3: Add the Snippet to Your Website
Paste the snippet into your website’s HTML where you want the form to appear.
This could be:
A product page section
A landing page block
A custom HTML section on Shopify or in your CMS.
The form will load exactly in that location.
Step 4: (Optional) Use a Custom Selector
If you prefer targeting an existing element instead of adding a new <div>:
Enable Use a custom selector
Enter your CSS selector (e.g. .form-container or #signup-section)
Alia will mount the form inside that element instead.
Important Notes
• Make sure the Alia base script is installed on your site, otherwise the form won’t render.
• Ensure the container is visible and not hidden by CSS