Guides & tutorials

Embedding Arengu forms in page builders

No items found.
Table of contents

Webflow

There are two methods you can use to embed Arengu in your Webflow site. As both of them require our JavaScript SDK to be loaded, we highly recommend to add it to your head code in your project settings under 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:

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:

You might like to read

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.