Webflow Embedding

This article shows you how to embed your Heyflow flow on a site created and hosted by Webflow.

Heyflow avatar
Written by Heyflow
Updated over a week ago

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

Easy. Just follow these few steps.

πŸ’‘ 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 here.


Setup

Follow these steps to embed your Heyflow flow on your Webflow website

  1. Copy the given script tag for Webflow as generated under INTEGRATE > Response Handlers. See the steps here.

  2. Open your Webflow editor and select 'Add Elements' from the sidebar navigation on the top left of the page
    ​

  3. Scroll down and select 'Embed' under 'Components'

4. Drag and drop the embed component to wherever you wish the flow should live within your website

β€Œ

5. Paste the code snippet copied earlier from go.heyflow.app

6. Click 'Save & Close'

Did this answer your question?