Form Builder For Modern Makers

Form editor features

Connect flows with custom logic

Execute custom server-side logic flows in any step of the form. Validate data, jump between steps, integrate any service with an API and trigger different actions and automations based on form inputs.



Build your own UI components

Add an HTML block to build your own fields, set custom validations using JS and configure server side logic with our flows.

You can also use our pre-build UI components and modify its CSS styles easily.



Social login

Sign your users in with a frictionless form using your favorite social providers such as Google or Facebook. Start authenticating users with just one click, using their existing accounts.



Payments with Stripe

Include one-off payments and subscriptions with Stripe by dragging and dropping the payment field to any step of your form. Easily set a different subscription plan based on user selection and integrate your own sign-up API.



Recall and prefill form data

Recall data in labels and to prefill form inputs based on URL params, using previous fields or getting data from an API (e.g: data enrichment, dynamic pricing, etc.). Easily reference these variables thanks to the autocomplete menu.



Track everything and get insights

Save hidden fields in your form (UTMs, metadata, etc.) and track every form interaction to improve your sign-ups and find where users get stuck. Use custom DOM events with your current analytics stack (eg. Google Tag Manager, Segment, etc) in an easy way.



Made for developers

Embed it everywhere

Perfect fit with every frontend framework, thanks to our JS SDK, just with a simple line of code. Including popular CMS platforms, and landing page builders.

Explore the docs

<script async src="https://sdk.arengu.com/forms.js"></script>
<div data-arengu-form-id="YOUR_FORM_ID"></div>

import React from "react"
import { ArenguForm } from "react-arengu-forms"
‍
const IndexPage = () => (
  <div>
    <ArenguForm id="YOUR_FORM_ID" />
  </div>
)

export default IndexPage

import React from "react"
import { ArenguForm } from "gatsby-plugin-arengu-forms"

const IndexPage = () => (
  <div>
    <ArenguForm id="YOUR_FORM_ID" />
  </div>
)

export default IndexPage

[arengu-form id="YOUR_FORM_ID"]

Perfect fit with every frontend framework, thanks to our JS SDK, just with a simple line of code. Including popular CMS platforms, and landing page builders.

Explore our plugins

Out of the box integrations

Send your data back and forth between Arengu and your favourite apps.

PrestaShop

Shopify

WordPress

Firebase

Okta

Stripe

Magento

Auth0

HTTP Request

Slack

Mailjet

SendGrid

Clearbit

Twilio

Zapier

JSON web token

HubSpot

Airtable

Pipedrive

ActiveCampaign

See all the integrations

What our clients say

"With Arengu, we are able to easily experiment and test our sign up flow, by separating it from our core platform. At the same time, the flow has become more robust when it comes to eliminate errors."

Peter Hanekamp

CEO, Taiga

"Arengu is a key part of our acquisition strategy to build personalized sign-up pages at scale. They are a flexible and easy-to-use solution to achieve our business goals."

Tahís Gómez

Acquisition Marketing, Privalia

"Thanks to Arengu we've been able to improve our customer registration experience, increasing the conversion rates by 30 %. All in a quick and easy way."

Rafa Rovira

Digital Marketing Manager, Khama

"Arengu is a quick, trustworthy and flexible solution that allowed us to launch faster in new international markets and keep our focus in our core platform."

Borja Maceira

CTO, Opositatest

A form builder for modern makers

Form editor features

Connect flows with custom logic

Build your own UI components

Social login

Payments with Stripe

Recall and prefill form data

Track everything and get insights

Made for developers

Embed it everywhere

<script async src="https://sdk.arengu.com/forms.js"></script>
<div data-arengu-form-id="YOUR_FORM_ID"></div>

import React from "react"
import { ArenguForm } from "react-arengu-forms"
‍
const IndexPage = () => (
  <div>
    <ArenguForm id="YOUR_FORM_ID" />
  </div>
)

export default IndexPage

import React from "react"
import { ArenguForm } from "gatsby-plugin-arengu-forms"

const IndexPage = () => (
  <div>
    <ArenguForm id="YOUR_FORM_ID" />
  </div>
)

export default IndexPage

[arengu-form id="YOUR_FORM_ID"]

Out of the box integrations

What our clients say

Frequently asked questions

Product

Company

Help

A form builder for modern makers

Form editor features

Connect flows with custom logic

Build your own UI components

Social login

Payments with Stripe

Recall and prefill form data

Track everything and get insights

Made for developers

Embed it everywhere

<script async src="https://sdk.arengu.com/forms.js"></script><div data-arengu-form-id="YOUR_FORM_ID"></div>

import React from "react"import { ArenguForm } from "react-arengu-forms"‍const IndexPage = () => ( <div> <ArenguForm id="YOUR_FORM_ID" /> </div>)export default IndexPage

import React from "react"import { ArenguForm } from "gatsby-plugin-arengu-forms"const IndexPage = () => ( <div> <ArenguForm id="YOUR_FORM_ID" /> </div>)export default IndexPage

[arengu-form id="YOUR_FORM_ID"]

Out of the box integrations

What our clients say

Frequently asked questions

Product

Company

Help

<script async src="https://sdk.arengu.com/forms.js"></script>
<div data-arengu-form-id="YOUR_FORM_ID"></div>

import React from "react"
import { ArenguForm } from "react-arengu-forms"
‍
const IndexPage = () => (
<div>
<ArenguForm id="YOUR_FORM_ID" />
</div>
)

export default IndexPage

import React from "react"
import { ArenguForm } from "gatsby-plugin-arengu-forms"

const IndexPage = () => (
<div>
<ArenguForm id="YOUR_FORM_ID" />
</div>
)

export default IndexPage