Willing to build a subscription business with WordPress? In this tutorial, learn how to easily create the form you need to allow users to register and pay for the subscription, using the Arengu plugin and a Stripe account to manage the payments.
A two-step registration and subscription form. In the first step, we will ask the user for an email, password and to choose a subscription plan, and in the second, they will be able to pay for the subscription and redeem a discount coupon.
Go to your WordPress account 'Plugins' section, click on 'Add New', and write 'arengu' on the search bar. Then, click on 'Install Now'. That’s all!
First, go to your Stripe account and create the subscription plan in the Products section. Just give it a name and set the price for each of the subscription options. When we configure the form, we will return to this page to get the ID of each of the prices.
Then go to the form editor and create a form with two steps and the following settings.
In the first step of the form, include an Email field, a Password field and a Choice or Cards field to allow the user to choose one of the pricing options. In this case, we have chosen the cards option. To configure the Email and Password fields:
To configure the Cards field:
In the second step of the form, include a Payment field with the following settings:
If you want, you can also add a Text field to redeem coupons created in Stripe.
Go to the Flows tab on the light menu and create two flows. A flow linked to the first step of the form and another one to run after form submission. Then, publish the changes.
To the fist step of the form, connect a flow with this structure to check if the email is already registered:
First, include a WordPress Check email action with the following settings:
Then add an If/then condition action configured as follows:
In the False branch, include a Show error message action and customize the error message that will be shown to users who are already registered.
In the True branch, include a Go the next form step action, that does not need to be configured, and publish the changes.
Create an after submission flow with this simple structure, to register the user and send an access link by email:
First, include a WordPress Sign up action with the following settings:
Finally, close this flow with a Send email action configured as follows:
Then, simply publish the changes. You can use this action for testing, although Mailjet and Sengrid actions are also available for when you publish the flow.
Go back to the form editor and click on the Preview button to open it in a new tab and test it. Check if everything has worked correctly in the Executions tab of each of the flows.
Review the inputs, outputs and errors of each action to fix any possible bugs.
Do you want to try it by yourself? Sign up free or book a demo with our team. Still not sure about it? Take a look at the most common use cases.
Arengu allows you to build all your user flows connected to your current stack, and avoids coding all the UI, complex integrations, validations or logic from scratch. Try it for free and start building faster and scaling your application needs as they grow.