Thanks to our SDK, Arengu forms are compatible with any stack, including popular CMS platforms and landing page builders. Learn how to embed them in the most popular ones.
Webflow
There are 2 methods to embed Arengu forms in your Webflow site. However, in order to minimize the loading time of the SDK, we highly recommend adding it to your head code and then use the 'Embed' component to embed the form in the pages.
You will find the head code in your project settings, under the ‘Custom code’ section.
Method 1: Using the 'Embed' component (Recommended)
Webflow has an 'Embed' compontent to add custom HTML anywhere in your page, so you can just use it to paste our tag where you want your form to appear:
Method 2: Adding a custom attribute
If you can't use the Embed component, you can always add the custom attribute data-arengu-form-id with your form ID as value to any component:
Framer
You can add our JavaScript SDK into the head tags of your page under Settings > Site settings > Custom code section:
Then, you just need to add our form tag using the Embed widget (Insert > Utility > Embed) where you want the form to appear:
Typedream
Type "/embed" to add an Embed component:
Go to the "Code" tab and add our JavaScript SDK and the form tag:
Leadpages
You can add our JavaScript SDK into the head tags of your page under Settings > Analytics > Head Section Tracking Code section:
Then, you just need to add our form tag using the HTML widget where you want the form to appear:
Landingi
You can add our JavaScript SDK into the head tags of all your pages under JavaScript code settings clicking on the app icon at the top left corner. We recommend choosing Head position to load our SDK as fast as possible.
Once the SDK is ready, you can place the form tag using the HTML component where you want it to appear:
Unbounce
You can add our JavaScript SDK into the head tags of your page under JavaScripts settings at the bottom menu.
Once the SDK is ready, you can place the form tag using the HTML component where you want it to appear:
Then just save the changes. The form is ready!
Publish changes, in one click
Once the form is embedded, any edition you make to it in the editor will be automatically updated on all the pages it's embedded on.
Just edit the form and click on the 'Publish' button. You won't have to re-embed them.
Do you miss any page builder in this guide? Let us know!
