How to Create SendGrid Contact from Elementor Form Submission Using Pabbly Connect

Learn how to integrate Elementor with SendGrid using Pabbly Connect for seamless contact creation from form submissions. Follow our step-by-step tutorial! Build sophisticated automated workflows in less time than you think. This guide translates complex integrations into straightforward steps for immediate implementation.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To create a SendGrid contact from an Elementor form submission, you first need to access Pabbly Connect. This platform enables seamless integration between Elementor and SendGrid, allowing you to automate your workflows without coding.

If you are a new user, sign up on the Pabbly Connect website. Existing users can simply log in. Once logged in, you will have access to 100 free tasks to test your automations.

2. Creating a New Workflow in Pabbly Connect

After logging into Pabbly Connect, you will see a dashboard. Click on the ‘Create Workflow’ button to start a new project. Here, you can name your workflow according to its purpose. For this case, name it ‘Create SendGrid Contact from Elementor Form Submission’.

• Click on ‘Create’ to proceed.
• You will see options for Trigger and Action.
• Select Elementor as the Trigger application.

Once you select Elementor, choose ‘New Form Submission’ as the trigger event. This sets up the workflow to activate whenever a new form submission is received.

3. Setting Up Elementor for Form Submissions

To integrate Elementor with Pabbly Connect, you need to copy the webhook URL provided by Pabbly. This URL acts as a bridge between Elementor and Pabbly Connect, allowing data transfer.

Next, go to your Elementor dashboard and navigate to the form you want to integrate. Click on ‘Actions After Submit’ and add a Webhook action. Paste the copied URL into the designated field, then save your changes.

4. Testing the Integration Between Elementor and SendGrid

With the webhook set up, it’s time to test the integration. Go back to your Elementor form and fill it out with sample data. For instance, enter a name, email, and contact number, then click ‘Send’. This action triggers the webhook and sends data to Pabbly Connect.

• Ensure the form submission is successful.
• Check Pabbly Connect to see if the response has been captured.

Once the data is captured, you can proceed to create a contact in SendGrid using the information received from the form submission.

5. Adding Contacts to SendGrid via Pabbly Connect

To complete the integration, select SendGrid as the Action application in Pabbly Connect. Choose ‘Add or Update Contact’ as the action event. You will need to connect your SendGrid account by entering your API key, which you can generate from the SendGrid settings.

After connecting, you will map the fields from the Elementor form to the SendGrid contact fields. This includes the email address, first name, and last name. Once mapping is complete, click ‘Save and Send Test Request’ to verify if the contact is added successfully to your SendGrid list.

Conclusion

In this tutorial, we explored how to create a SendGrid contact from an Elementor form submission using Pabbly Connect. This integration automates the process, ensuring that every new lead is captured efficiently. With Pabbly Connect, you can enhance your workflow and streamline your marketing efforts.