How it works

Just 2 steps to start using Arengu in your WordPress site



1. Install the plugin

Go to your WordPress admin panel, open "Plugins > Add new" and upload our plugin. This plugin will generate an API key under "Arengu Auth" sidebar menu which you can use to connect with WordPress's authentication system and create custom flows.

Download it



2. Connect your flows

Go to Arengu's flow editor and build your custom sign-up or authentication flow using WordPress's actions and adding your generated API key. You can sign up users, authenticate them with or without password (passwordless flows) or check if an email is already registered or not.

Get started free

Powerful alone. Better together.

All-in-one solution to build, automate and scale your user flows.

Forms

Drag & drop form builder

Easily create your custom form with our drag & drop builder. Add multiple steps, require payment details, add custom server-side logic... without writing a single line of code.

Forms with Flows
Approval workflows
Multi-step forms fields
Payment fields

Learn about Forms

Flows

Visual flow editor

Easily build server-side logic that can be used in your forms or as a standalone product. Create custom validations, integrate with other APIs or automate tasks without coding.

Validation flows
Eliminate maintenance costs.
Easy to integrate with your stack.

Learn about Flows

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

Custom signup and login forms with WordPress

How it works

1. Install the plugin

2. Connect your flows

Popular uses cases

User registration flows

SMS & Email OTP verification

Subscription payments

Passwordless flows

Multi-factor authentication

Approval forms

Powerful alone. Better together.

Forms

Flows

Pages

The complete guide to registration and authentication flows with WordPress

Multi-factor authentication with WordPress

Magic links with WordPress

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"]

Frequently asked questions

Product

Company

Help

Custom signup and login forms with WordPress

How it works

1. Install the plugin

2. Connect your flows

Popular uses cases

User registration flows

SMS & Email OTP verification

Subscription payments

Passwordless flows

Multi-factor authentication

Approval forms

Powerful alone. Better together.

Forms

Flows

Pages

Related guides & tutorials

The complete guide to registration and authentication flows with WordPress

Multi-factor authentication with WordPress

Magic links with WordPress

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"]

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