Willing to create custom payment forms that automatically send the data to your HubSpot account? Learn how to easily build them using Arengu and Stripe.
This use case consists of a one-step form that will ask the user for an email and the payment details for a one-off payment, and a flow that sends the data to HubSpot.
Go to the form editor and choose the One-off payment template. All the templates are fully editable, so you can add the fields you need, edit the texts, CSS styles, etc.
This template will create a one-step form with an Email field and a Payment details field, like the one you see in the image below.
If you have used the template, the email field will already be configured. If you are building it from scratch, just drag and drop an Email field to the form and configure it as follows:
To configure the Payment field:
Once the fields are set up, go to the Design tab and customize the styles.
Finally, go to the Flows tab in the light gray menu and create an after-submission flow by clicking on the plus button. Give it a name and publish the changes.
Open the flow you just created in a new tab and add the Create or update contact in HubSpot action by clicking on the plus button.
Configure the action as follows:
Finally, publish the changes.
Go back to the form editor and click on the Preview button to test it. You can check if everything has worked correctly in the Executions tab of each of the flows.
Want to try it by yourself? Sign up free or book a demo with our team.
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.