Skip to content
JavaScript SDK for Arengu Forms
TypeScript CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Improve navigation.location object Aug 5, 2019
.eslintrc.json Migrate source code to TypeScript Jul 13, 2019
.gitignore Migrate source code to TypeScript Jul 13, 2019
LICENSE Update info after rebranding Jun 15, 2018
README.md
jest.config.js Migrate source code to TypeScript Jul 13, 2019
jsconfig.json Migrate source code to TypeScript Jul 13, 2019
package-lock.json Increase minor version Aug 6, 2019
package.json
tsconfig.json Improve project configuration Aug 5, 2019
webpack.common.js Migrate source code to TypeScript Jul 13, 2019
webpack.dev.js Migrate source code to TypeScript Jul 13, 2019
webpack.prod.js

README.md

Arengu Forms JavaScript SDK

Embed our forms easily into your website with our JavaScript SDK.

Getting started

To get started, paste this snippet into the head tag of your website:

<script async src="https://sdk.arengu.com/forms.js"></script>

This snippet will load our JavaScript SDK into your website asynchronously, so it won’t affect your website load speed.

Specify where you want to embed our form using any of the following techniques.

Method 1: Using a HTML tag (Recommended)

Place the following HTML tag where you want your form to appear:

<div data-arengu-form-id="YOUR_FORM_ID"></div>

You have to replace YOUR_FORM_ID with your Form ID, which you can find in your form settings or share page.

You can place multiple HTML tags on the same page, our SDK will detect all tags with data-arengu-form-id attribute and embed the forms inside them.

Method 2: Calling our embed method

Our SDK has an embed method that allows to embed your form inside any element.

embed method definition:

ArenguForms.embed(formId, selector);

The embed call has the following fields:

Parameter Type Description
formId (required) String The Form ID of your form. You can find it in your form settings or share page.
selector (required) String|Element Query selector or DOM element that the form will be appended to.

Example using the query selector:

ArenguForms.embed('5073697614331904', '.form-container');

That snippet will embed the form with ID 5073697614331904 into the element with .form-container class.

Another example using the element directly:

const container = document.querySelector('.form-container');
ArenguForms.embed('5073697614331904', container);

In this case, the snippet gets a reference to the element and passes it directly to the embed() method.

You can’t perform that action at this time.