How it works

Just 2 steps to start using Arengu in your PrestaShop site



1. Install the module

Go to your Prestashop admin panel, open "Modules" tab and upload our module. This module will generate an API key which you can use to connect with PrestaShop'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 PrestaShop'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 PrestaShop

How it works

1. Install the module

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 PrestaShop

Social login with PrestaShop

Magic links with PrestaShop

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 PrestaShop

How it works

1. Install the module

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 PrestaShop

Social login with PrestaShop

Magic links with PrestaShop

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