Integrate Elementor Forms with Stackby Using Pabbly Connect

Learn how to integrate Elementor forms with Stackby using Pabbly Connect for seamless data management. Follow this step-by-step tutorial. Explore systematic approaches to creating efficient automation solutions that convert technical concepts into practical, implementable instructions.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To integrate Elementor forms with Stackby, the first step is accessing Pabbly Connect. Navigate to the Pabbly website and click on ‘Products’ to find Pabbly Connect. If you are a first-time user, sign up for a free account to start using its automation features.

Once logged in, click on ‘Access Now’ under Pabbly Connect. This will take you to the dashboard where you can create your workflow. Pabbly Connect serves as the central platform that enables the integration between Elementor forms and Stackby.

2. Creating a Workflow in Pabbly Connect

In the Pabbly Connect dashboard, click on the plus sign to create a new workflow. Name your workflow something descriptive, like ‘Add Elementor Form Responses to Stackby’. This helps in identifying the workflow later.

Next, you will see a trigger window and an action window. In the trigger window, select Elementor Forms as the application and choose ‘New Form Submission’ as the trigger event. This setup allows Pabbly Connect to listen for new submissions from your Elementor form.

• Select ‘Elementor Form’ in the trigger application.
• Choose ‘New Form Submission’ as the trigger event.
• Copy the Webhook URL provided by Pabbly Connect.

After setting up the trigger, you will need to configure the Elementor form to send data to this Webhook URL. This is where Pabbly Connect captures the form responses automatically.

3. Configuring Elementor Form to Send Data

Now, navigate to your WordPress dashboard where your Elementor form is embedded. Edit the page with Elementor and find the form you want to configure. Click on the form and go to the ‘Actions After Submit’ section.

Add a new action by clicking the plus sign and selecting ‘Webhook’. Paste the Webhook URL from Pabbly Connect into the designated field. After updating the form, it will send data to Pabbly Connect whenever the form is submitted.

• Go to ‘Actions After Submit’ in your Elementor form settings.
• Select ‘Webhook’ and paste the URL from Pabbly Connect.
• Click ‘Update’ to save your changes.

With this configuration, every time a customer submits the form, their details are sent to Pabbly Connect, which will then process the data for integration with Stackby.

4. Adding Form Responses to Stackby via Pabbly Connect

After setting up the Elementor form, return to Pabbly Connect to configure the action step. In the action window, select Stackby as the application, and choose ‘Create a Row’ as the action event. This allows Pabbly Connect to create a new entry in your Stackby table for each form submission.

Next, you’ll need to connect your Stackby account by providing the API key. Log into your Stackby account, go to your profile, and find the API key under account settings. Copy this key and paste it into Pabbly Connect to establish the connection.

Select ‘Stackby’ as the action application. Choose ‘Create a Row’ as the action event. Paste your Stackby API key to connect your account.

Once the connection is established, you can map the form fields from Elementor to the corresponding columns in your Stackby table. This mapping ensures that data is accurately transferred from the form to your Stackby workspace, making Pabbly Connect an essential tool for this integration.

Conclusion

This guide summarizes the key points and helps you understand the essential features and benefits of using this tool.

5. Testing the Integration and Conclusion

After completing the setup, it’s time to test the integration. Fill out the Elementor form on your website with sample data and submit it. Go back to Pabbly Connect, where you should see the captured response with all the details from the form submission.

If the data appears correctly, proceed to save the workflow in Pabbly Connect. This confirms that your integration is functioning as intended. You can now check your Stackby table to see if the new entry has been created with the submitted information.

Submit a test entry through the Elementor form. Verify the data captured in Pabbly Connect. Check your Stackby table for the new entry.

In conclusion, integrating Elementor forms with Stackby using Pabbly Connect streamlines the process of managing customer data. This automation not only saves time but also minimizes errors in data entry. With Pabbly Connect, you can easily set up similar integrations with various applications to enhance your workflow efficiency.