β Available on the following plans: Business
π Not sure which plan you're on? Check your subscription here.
Heyflow allows you to customize your flow beyond the 40+ native blocks. Simply write your own HTML-based block and customize it beyond the built-in variables. Implementing your own HTML-block in your flow even allows you to integrate 3rd parties.
You can find the HTML block on the left-hand side in the Build section of your Heyflow under Blocks.
β Note on Custom HTML Code
When using the HTML block, keep in mind that you're working with custom, individual code. Our team cannot provide support in writing or debugging HTML or JavaScript.
There may also be limitations when embedding your flow, depending on your environment - thorough testing is essential to ensure compatibility and performance.
For more guidance, also refer to our JavaScript integration article.
Limitations
To keep your flow functional and avoid breaking the layout, some HTML tags are not supported in the Custom HTML block and will be automatically removed:
<head>
and any content inside it (e.g.<title>
,<meta>
, etc.)<html>
<body>
<footer>
<header>
These tags are typically part of a full HTML document and are not needed (or allowed) in embedded HTML blocks.
You can use <style>
tags within the Custom HTML block. However, we strongly recommend using the Custom CSS feature instead, as it helps avoid style conflicts and ensures your styles are properly scoped.
You can also use <script>
tags within the Custom HTML block. However, we strongly recommend using the Custom Head Code or JavaScript feature instead
Examples
Individual Cookie Consent
If you already have a different Cookie Consent provider than we offer, don't worry. You can also integrate your Cookie Consent script via HTML or our Head Code section.
E.g. Cookiebot by Usercentrix can be implemented via a script in the Head Code.
Reviews
Most review tools provide HTML snippets to implement on your website. Simply copy and paste the code to your heyflow and gain trust from your leads!