Integrating Elementor and SendGrid with Pabbly Connect: A Step-by-Step Guide

Learn how to seamlessly integrate Elementor and SendGrid using Pabbly Connect for efficient email marketing. Follow this detailed step-by-step tutorial. Implement the precise methodologies leading organizations use to automate repetitive tasks, illustrated with practical examples designed for immediate application.

Watch Step By Step Video Tutorial Below

Accessing Pabbly Connect for Integration

To start integrating Elementor with SendGrid, you first need to access Pabbly Connect. Open your browser and search for Pabbly Connect, where you will find options to sign in or sign up. If you’re a new user, click on the ‘Sign Up for Free’ button to explore the platform.

As an existing user, click on ‘Sign In’ to access your dashboard. Once logged in, locate the ‘Access Now’ button for Pabbly Connect. This will take you to your workflow dashboard, where you can create new automations.

Creating a New Workflow in Pabbly Connect

To automate the integration between Elementor and SendGrid using Pabbly Connect, click on the ‘Create Workflow’ button. You will be prompted to name your workflow and select a folder to save it in. Name your workflow appropriately, such as ‘Create or Update Contact on Elementor Form Submission’.

After naming your workflow, click on the ‘Create’ button. This action opens the workflow window where you will set the trigger and action. The trigger will be the event that starts the workflow, and the action will be what happens as a result of that trigger.

• Click on ‘Create Workflow’
• Name your workflow
• Select a folder to save the workflow

Once you click ‘Create’, you will see the workflow layout where you can select your trigger application, which will be Elementor in this case. This setup is crucial for the automation process.

Setting Up the Trigger with Elementor

In this step, you will set up the trigger for your workflow in Pabbly Connect. Select Elementor as your trigger application. This choice means that every time a new form submission occurs, it will trigger the workflow.

After selecting Elementor, you will be prompted to choose a trigger event. Choose ‘New Form Submission’ to ensure that the workflow activates whenever a new form is submitted. Pabbly Connect will then generate a webhook URL that you will need to copy and use in your Elementor form settings.

• Select Elementor as the trigger application
• Choose ‘New Form Submission’ as the trigger event
• Copy the generated webhook URL

Next, log in to your Elementor account, locate the form you wish to integrate, and paste the webhook URL into the form settings. This step is essential for linking Elementor to Pabbly Connect for automated submissions.

Configuring SendGrid as the Action in Pabbly Connect

After setting up the trigger, it’s time to configure SendGrid as the action application in Pabbly Connect. Search for SendGrid and select it as your action application. Here, you will specify what happens when the trigger is activated.

Select ‘Add or Update a Contact’ as the action event. If you haven’t connected your SendGrid account yet, you will need to create a new connection. This process involves obtaining your SendGrid API key, which you can find in your SendGrid account settings under API Keys.

Choose SendGrid as the action application Select ‘Add or Update a Contact’ as the action event Obtain your SendGrid API key from your account settings

Once you have the API key, paste it into the connection settings in Pabbly Connect. After saving the connection, you can proceed to map the fields from the Elementor submission to the corresponding fields in SendGrid.

Mapping Fields and Testing the Workflow

Now that both your trigger and action are set up in Pabbly Connect, it’s time to map the fields. This step ensures that the data from the Elementor form submission is correctly passed to SendGrid. You will map fields like email, first name, and last name from the previous step to the respective fields in SendGrid.

After mapping the fields, conduct a test submission using your Elementor form. This test will help verify that the workflow functions correctly. Once the test is successful, you will see the new contact created in your SendGrid account.

Map the fields from Elementor to SendGrid Conduct a test submission Verify the new contact in SendGrid

By completing these steps, you ensure that every new form submission in Elementor automatically updates your SendGrid contact list, streamlining your email marketing efforts.

Conclusion

In this tutorial, we explored how to integrate Elementor and SendGrid using Pabbly Connect. By following the detailed steps outlined, you can automate the process of adding or updating contacts in SendGrid whenever a new form is submitted in Elementor. This integration not only saves time but also enhances your email marketing campaigns.