HTML Mailer with Sendgrid or Gmail Plugin


Send HTML Email's using your SendGrid Key OR for Gmail use Client Secret and Client Key.


You must have a Google Developer account or Sendgrid Developer in order to interact with the plugin. If you don’t have any of the accounts, you can easily create one for Google Console - https://console.developers.google.com and for Sendgrid Developer platform - https://app.sendgrid.com

Note: It is required for customers to verify their Sender Identities for Sendgrid Service: https://sendgrid.com/docs/for-developers/sending-email/sender-identity/

How to setup

I. Getting API Keys with SendGrid

  1. Create a new account or use the created one in the SendGrid platform https://app.sendgrid.com

Click the Settings tab(1), then click the "API Keys" tab(2), then click the "Create API Key" button(3).

Document image

2. Enter your API key name and select permission (Full access recommended).

NOTE: Copy the API key and save it before the window closes with it. You cannot get it one more time.

3. Enter the API Key in the same field in the plugin's settings

Document image

4. After these actions you can use the "SendGrid Mailer" action and send the mail with HTML body and/or attachments via SendGrid service.

II. Getting API Keys with Google Developer Console

  1. Sign in to Google Console : https://console.developers.google.com
  2. Access “API & Services”
  3. Go to the “Credentials” tab and create an OAuth Client ID.
  4. In “OAuth 2.0 Client IDs” list click to your created OAuth ID’s name. Add your redirect URls in the same fields.
Document image

5. After receiving credentials, paste them into the appropriate fields in the plugin settings.

Document image

Before sending emails, you must log in with your Google account. To do this, place the plugin element (Google oAuth2) on the page and use it for authorization.

Document image

After registration, you will receive tokens in the exposed states.

Document image

Use these tokens for Gmail mailer action parameters

Document image

Plugin element proprieties

The plugin contains Google oAuth2 element that should be used on the page in order to set up the Google authentication process.

Element Actions

Google auth a Google oAuth2 - used to authenticate with Google's oAuth2 method.

Plugin Actions

SendGrid Mailer - action used to send html mail. The action fields available:

Document image

Gmail Mailer - action used to send html mail. The action fields available:

Document image


Update 08/12/2020 -

  • Added new possibilities for using CC, BCC, Reply-to and attachments. Added a new element for logging into Google

Update 17/06/2022 - Version 1.9.0

  • Fixed a problem with attached files

Demo to preview the settings