Connect SendGrid to Elementor

This integration allows you to:-
  • Either add a SendGrid newsletter subscription checkbox to your Elementor forms...
  • ... or automatically add new Elementor form submissions to SendGrid.

Below are some of the automation rules you can set up:-

Sendgrid badge

Create or update a contact in SendGrid when a specific elementor form is submitted

Sendgrid badge

Add or remove a contact from a list in SendGrid when a specific elementor form is submitted

Sendgrid badge

Delete a contact from SendGrid when a specific elementor form is submitted

Sendgrid badge

Create or update a contact in SendGrid when a specific elementor form is submitted with a given field value

Sendgrid badge

Add or remove a contact from a list in SendGrid when a specific elementor form is submitted with a given field value

Sendgrid badge

Delete a contact from SendGrid when a specific elementor form is submitted with a given field value

To get started:-

You can start using this integration in 3 simple steps:-

1. Install Noptin

To install Noptin:-

  1. Log into your WordPress website’s admin dashboard then navigate to Plugins > Add New.
  2. Search for “Noptin” in the search box then click on the install button next to the first result.
  3. After WordPress installs Noptin, click on the Activate button to activate the plugin.
Sendgrid badge

2. Connect SendGrid

To connect SendGrid:-

  1. First, download the SendGrid addon from your account.
  2. Next, open your WordPress admin dashboard then navigate to Plugins > Add New then click on the upload plugin button.
  3. Upload the SendGrid addon you downloaded in the first step then click on the Install Now button.
  4. Wait for WordPress to install the plugin then click on the Activate plugin button.
  5. WordPress will install the SendGrid addon and then redirect you to a settings page where you can connect Noptin to SendGrid.
  6. Finally, map the Noptin custom fields to SendGrid custom fields.
Elementor badge

3. Connect Elementor

First, open any page or popup in Elementor…

Open a page or popup in Elementor

… then add the Form Widget anywhere on the page.

Next, open the “Actions After Submit” panel and select Noptin to reveal the Noptin settings panel…

elementor actions after submit

… then open the panel to reveal the Noptin settings.

open noptin action after submit settings panel

Finally, Map the fields on your form to Noptin fields then save your changes.

map elementor form fields to noptin fields

That’s all.

You can also connect SendGrid to your favourite WordPress plugins and forms at no extra cost to you.

Click on any integration to learn more.

Ready?

No code? No problem. Automate your email marketing now.

Noptin is active on more than 10,000 websites. Is yours next?