Insert and Send HTML Email with Gmail

The "Insert and Send HTML with Gmail" Chrome extension enhances Postcards by allowing you to seamlessly insert custom HTML email templates directly into Gmail’s compose window. Developed by Designmodo, this extension integrates with the Postcards Email Builder, enabling marketers, designers, and business professionals to create and send visually stunning, responsive emails without technical expertise. Below is an overview of how to install and use this Chrome Gmail Plugin.

Overview Of The Chrome Gmail Plugin

The "Insert and Send HTML with Gmail" extension simplifies the process of sending HTML email templates from Gmail. It supports templates created in the Postcards Email Builder, offering features like one-click HTML insertion, live previews, and responsive design compatibility. Key features include:

One-Click HTML Insertion: Import and insert HTML email templates into Gmail’s compose window with a single click.
Live Preview & Edit: Preview how your email will appear in recipients’ inboxes and make real-time edits.
Responsive Design: Ensures emails render correctly across devices and email clients.
Template Access: Use free HTML email templates from Designmodo or create custom templates with the Postcards builder.
User-Friendly Interface: Designed for ease of use, requiring no advanced coding skills.
Integration with Postcards: Seamlessly connects with Postcards Email Builder for template creation and editing.

Installing The Chrome Gmail Plugin

To start using the plugin, follow these steps:

Open the Chrome Web Store:
- Navigate to the Chrome Web Store in your Chrome browser.
Search for the Plugin:
- Search for "Insert and Send HTML with Gmail" or visit the direct link.
Install the Extension:
- Click the "Add to Chrome" button next to the plugin’s listing.

Confirm the installation by clicking "Add Extension" in the pop-up.
Once installed, the extension’s icon will appear in your Chrome toolbar.

Using The Chrome Gmail Plugin

After installation, you can use the plugin to insert HTML email templates created in the Postcards Email Builder into Gmail. Here’s how:

Create or Access a Template:

Use the Postcards Email Builder to design a custom email template or download a free email template from Designmodo’s library.

Export your template as HTML in one of these ways:

Export → Copy Email Code to copy the full HTML to your clipboard:

Export → Download as ZIP, then extract the file from the ZIP into a folder

Open the index.html file and copy the full HTML

Open Gmail:

In Chrome, navigate to Gmail and click "Compose" to open a new email window.

Activate the Plugin:

Click the plugin’s letter/envelope icon in the Gmail compose window, it sits in the bottom toolbar( typically right next to the Send button area).

Insert HTML Template:

Paste your full HTML into the HTML input field and click the "Insert" button to embed the template into the Gmail compose window.

Preview and Edit:

Once the HTML is inserted, you can make quick tweaks in Gmail if needed (like changing text, swapping a link, or updating an image URL). For anything more than small edits, it’s best to go back to Postcards and re-export, larger changes in Gmail can easily break spacing, alignment, or the responsive layout.

Send the Email:

Add recipients, a subject line, and any additional text.

Click "Send" to deliver the HTML email to your subscribers or contacts.

Tips For Success

Test across email clients

After inserting the template, send a few test emails and check rendering in common clients like Gmail, Apple Mail, and Outlook (desktop + mobile). Small differences are normal, especially in Outlook.

Host images and fonts online from Postcards

When exporting your template in Postcards, enable Host images/fonts online). Gmail can’t “carry” local images from an HTML paste, so everything needs to load from direct HTTPS URLs.

Refer to Resources

Check Designmodo’s Gmail Embed Guide for detailed instructions.

How To Use The Chrome Gmail Plugin

The "Insert and Send HTML with Gmail" Chrome extension is a powerful tool for integrating Postcards Email Builder templates into Gmail. Install the extension from the Chrome Web Store, create or export a template from Postcards, and use the plugin to insert the HTML into Gmail’s compose window.

Preview and edit the email in real-time, then send it directly or share a test via email, Twitter (X), Facebook, LinkedIn, or a copied URL. With its user-friendly interface and seamless integration, this plugin empowers you to send professional, responsive HTML emails from Gmail, enhancing your campaigns with minimal effort. Always test your emails to ensure they render correctly across clients and devices.