Guides & tutorials

How to embed Arengu forms in page builders

No items found.
Import this tutorial scenario in your workspace
Table of contents

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!

You might like to read

See more tutorials

Getting started with Arengu

Arengu allows you to build all your user flows connected to your current stack, and avoids coding all the UI, complex integrations, validations or logic from scratch. Try it for free and start building faster and scaling your application needs as they grow.