Arengu Modal Forms
To get started, paste this snippets into the
head tag of your website:
<script async src="https://sdk.arengu.com/forms.js"></script> <script async src="https://sdk.arengu.com/modal.js"></script>
Trigger your modal form using any of the following techniques:
Method 1: Add a HTML attribute (Recommended)
Place the following attribute where you want to add a click listener to trigger your modal:
<button data-arengu-modal-form-id="YOUR_FORM_ID">Trigger modal</button>
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 attributes on the same page, our modal library will detect all tags with
data-arengu-modal-form-id attribute and attach a click listener.
Method 2: Calling our
Our modal library has a show method that allows to trigger your modal form on the website.
show method example:
show call has the following fields:
|formId (required)||String||The Form ID of your form. You can find it in your form settings or share page.|
You can also close the modal form using the
hide method, this method doesn't require to pass a form ID as our modal flow uses the same tag.