Heyflow

You have a Wix page set up, and you now want to integrate your Heyflow?

WIX Logo, symbol, meaning, history, PNG, brand

💡 Before we start, make sure to publish your flow before you embed it into your website. Only after you've published your flow is the embed script generated.

🔎 If you want to learn more about embedding and customization options, click <a href="https://www.heyflow.help/en/articles/5466166">here</a>.

❗ Having issues with embedding? Check out our <a href="https://www.heyflow.help/en/articles/5466166-embedding-inline-or-popup-intro#h_4f7a1c98c1">troubleshooting guide</a> for solutions to common problems and tips on how to get your embed working smoothly.

___________________________________________________________

There are two ways to embed a Heyflow into your Wix site:

<a href="#h_b6429a85f6">Embed via Custom Elements (Recommended)</a> This feature is available on higher Wix plans and works best for full tracking support (e.g. GTM, UTM parameters) and more flexibility.

<a href="#h_aba9ccd7da">Embed via HTML (Alternative)</a> This feature is available on all plans, but uses an iframe. It works for displaying the flow, but limited for advanced integrations.

- <a href="#h_b6429a85f6">Embed via Custom Elements (Recommended)</a> This feature is available on higher Wix plans and works best for full tracking support (e.g. GTM, UTM parameters) and more flexibility.
- <a href="#h_aba9ccd7da">Embed via HTML (Alternative)</a> This feature is available on all plans, but uses an iframe. It works for displaying the flow, but limited for advanced integrations.

Make sure your Wix plan supports Custom Elements.

Copy the embed code from your Integrate &gt; Embed tab in Heyflow. ​

In your Wix editor, go to the page where you want to embed your Heyflow. ​

Click the Add (+) icon → Embed Code &gt; Popular Embeds &gt; Custom Element.

Customize the element’s tag and attributes to include your Heyflow snippet. ​

Publish your site and you're good to go — this method allows proper GTM and tracking support.

1. Make sure your Wix plan supports Custom Elements. 
2. Copy the embed code from your Integrate &gt; Embed tab in Heyflow. ​
3. In your Wix editor, go to the page where you want to embed your Heyflow. ​
4. Click the Add (+) icon → Embed Code &gt; Popular Embeds &gt; Custom Element.
 
 
 
5. Customize the element’s tag and attributes to include your Heyflow snippet. ​
6. Publish your site and you're good to go — this method allows proper GTM and tracking support.

Copy the embed code from your Integrate &gt; Embed tab in Heyflow.

In your Wix editor, go to the page where you want to embed your Heyflow.

Click the Add (+) icon → Embed Code &gt; Popular Embeds &gt; Embed HTML. ​

Resize the HTML box where your Heyflow will appear. ​

Click Edit Code (top-left of the box) and paste your Heyflow embed code. ​

Click Update, then Preview your site to see your flow live.

1. Copy the embed code from your Integrate &gt; Embed tab in Heyflow. 
2. In your Wix editor, go to the page where you want to embed your Heyflow. 
3. Click the Add (+) icon → Embed Code &gt; Popular Embeds &gt; Embed HTML. ​
 
 
4. Resize the HTML box where your Heyflow will appear. ​
5. Click Edit Code (top-left of the box) and paste your Heyflow embed code. ​
 
 
6. Click Update, then Preview your site to see your flow live.

❗ Important to note: The Embed HTML method on lower Wix plans uses an iframe, which restricts:

- Google Tag Manager (GTM)
- Parameter forwarding (e.g. UTM tags)
- Custom scripts that rely on the parent page

For full integration support, we recommend switching to <a href="#h_b6429a85f6">Custom Elements</a> (available on higher Wix plans).

Wix Embedding

S‌etup

Embed via Custom Elements (Recommended)

Embed via HTML (Alternative)