WordPress badge
Integrations —

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.
Get Started
Noptin logo sendgrid Logo

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 2 simple steps:-

noptin badge

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

  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 Activate Plugin.
  5. WordPress will install the SendGrid addon 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.

Learn more

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.

Have a question about Noptin?

Contact our customer support team anytime

Contact Support