Heyflow
Heyflow is a platform for building interactive forms, funnels and landing experiences designed to capture leads and guide users through structured journeys.
Key features include:
- Drag-and-drop flow builder
- Conditional logic and multi-step forms
- Lead capture and conversion tracking
- Embeddable flows for websites
- Integrations with marketing and CRM tools
Heyflow integrates with ShopWired by providing that can be added to your theme or specific pages so you can display interactive flows on your website.
Account creation
Account creation
Create an account on the website at Heyflow.
After creating and configuring your flow, Heyflow will provide the embed code required to install the flow on your website.
Theme installation
Theme installation
Heyflow provides embed code similar to the example shown below:
<script src="https://app.heyflow.com/widget/latest/web.js"></script>
<div class="heyflow-embed" data-heyflow-id="YOUR_FLOW_ID"></div>
The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.
- Navigate to Website > Themes
- Select the
code editoroption for the theme you want to edit - Open the
master.twigfile - Add the script just above the closing
</head>tag - Select Save changes
Adding Heyflow to a page
Adding Heyflow to a page
To display a Heyflow flow on a specific page, you must add the embed container to your page content.
The embed container will be provided by Heyflow and will be similar to the example shown below:
<div class="heyflow-embed" data-heyflow-id="YOUR_FLOW_ID"></div>
The code shown above is provided as an example only. You must copy the exact code provided in your own account.
- Navigate to Website > Themes
- Select
customise your themefor the theme you want to edit - Navigate to the page where you want the flow to display
- Select
add a new section - Select the
custom HTMLsection type - Paste the Heyflow embed container into the Custom HTML setting
- Position the section as required on the page
- Save your changes
If you want to add the flow to a website page select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.
Recommendations
Recommendations
- Add flows only to pages where user interaction is required
- Use landing pages to isolate and optimise conversion performance
- Keep embed placements consistent across similar page types
- Test flows on a draft theme before publishing live
- Maintain a record of flow IDs and their placement within your site
