How to Create Stripe Contact from New Elementor Form Submission Using Pabbly Connect

Learn how to automate Stripe customer creation from Elementor form submissions using Pabbly Connect. Step-by-step tutorial for seamless integration. Explore efficient methods for automating routine tasks with clear, concise instructions suited for both newcomers and experienced professionals.

Watch Step By Step Video Tutorial Below

1. Setting Up Pabbly Connect for Stripe and Elementor Integration

To start automating the process of creating Stripe contacts from Elementor form submissions, you first need to access Pabbly Connect. This platform allows you to create workflows without any coding knowledge. Begin by signing up for a free account on Pabbly Connect’s website.

After signing in, navigate to the dashboard and click on the ‘Create Workflow’ button. Name your workflow appropriately, for example, ‘Elementor to Stripe Automation’. After naming, click the ‘Create’ button to load your workflow page, where you will see options to set up triggers and actions.

2. Setting the Trigger for Elementor Form Submission

In this step, you will configure the trigger for your workflow using Pabbly Connect. Select Elementor as your trigger application and choose the event ‘New Form Submission’. This action will initiate the workflow whenever a form is submitted via Elementor.

• Choose the trigger application as Elementor.
• Select the trigger event as New Form Submission.
• Copy the webhook URL provided by Pabbly Connect.

Next, you will need to connect this webhook URL to your Elementor form. Go to your WordPress dashboard, edit your form with Elementor, and find the ‘Actions After Submit’ section. Here, add a new action for webhooks and paste the copied URL. Save your changes to complete the connection.

3. Testing the Form Submission with Pabbly Connect

Once you have set up the webhook, it’s time to test the integration using Pabbly Connect. Open your Elementor form on the front end and fill it out with sample data. For instance, use ‘Demo’ as the first name and ‘Person’ as the last name. After filling out the form, click on the submit button.

• Fill in the form with test data.
• Submit the form to trigger the webhook.
• Check Pabbly Connect for the captured response.

After submission, return to Pabbly Connect and check the response section to confirm that the data has been captured correctly. You should see the details of the form submission, which you will use in the next step to create a customer in Stripe.

4. Creating a Customer in Stripe via Pabbly Connect

Now that you have captured the form submission data, it’s time to create a customer in Stripe using Pabbly Connect. Select Stripe as your action application and choose the event ‘Create Customer’. This action will allow you to add the person who filled the form as a customer in Stripe.

To connect Stripe, you will need your API key. Go to your Stripe dashboard, navigate to the Developers section, and click on API Keys. Reveal your test key and copy it. Back in Pabbly Connect, click on ‘Add New Connection’ and paste the API key into the required field. Save the connection to proceed.

5. Mapping Data and Finalizing the Integration

After connecting to Stripe, you will need to map the data from your Elementor form to the fields in Stripe. Use the captured data from the previous step to fill in the required fields such as email, name, and description. For example, map the first name and last name fields to create the customer’s full name in Stripe. using Pabbly Connect

Map the email address from the form to the Stripe customer email. Provide a description, e.g., ‘Form Submission’. Map the first name and last name to the customer’s name.

Once all required fields are mapped, click on the ‘Save and Send Test Request’ button to create the customer in Stripe. Check your Stripe dashboard to confirm that the new customer has been added successfully. This integration will now automatically create a customer in Stripe every time a new form submission occurs.

Conclusion

In this tutorial, we explored how to automate the creation of Stripe contacts from Elementor form submissions using Pabbly Connect. By following these steps, you can streamline your workflow and ensure that every submission is captured as a customer in Stripe effortlessly. Start using Pabbly Connect today to enhance your automation processes!