<\/span>The best way to send HTML email with Gmail without coding<\/span><\/h2>\n\n\n\nCreating HTML email messages that look great without coding should be simple. That\u2019s why HTML email editors exist. Tools like Stripo provide users with a flexible email editor<\/a>. This makes it easy to create a professional email and send it with Gmail.<\/p>\n\n\n\nGet started creating HTML email with Stripo<\/strong><\/a><\/p>\n\n\n\n<\/span>1. Choose a template<\/strong><\/span><\/h3>\n\n\n\nLog in to Stripo and click New Message to start creating your template. There are 1600+ professional, responsive templates to choose from. Some are also free to use with Gmail.<\/p>\n\n\n\n![\"Stripo](\"https:\/\/www.emailvendorselection.com\/wp-content\/uploads\/Stripo-email-template-gallery.png\")
<\/figure>\n\n\n\nChoose the best-looking template for your campaign, and then you can head into the editor.<\/p>\n\n\n\n
<\/span>2. Customize the template<\/strong><\/span><\/h3>\n\n\n\nMake your changes in the HTML email builder. You can experiment as much as you like with the templates to make them stand out.<\/p>\n\n\n\n![\"sending](\"https:\/\/www.emailvendorselection.com\/wp-content\/uploads\/sending-html-email-Gmail-Beefree-email-editor-builder-1.png\")
<\/figure>\n\n\n\nEverything is very easy to use here, so you shouldn\u2019t have any trouble making your template look great. The builder is suitable for beginners. Check out our guide on creating HTML emails<\/a> for instructions on how to build a template in Stripo. <\/p>\n\n\n\n<\/span>3. Add template to Gmail<\/strong><\/span><\/h3>\n\n\n\nAfter you\u2019re done designing your email, click \u201cExport\u201d at the top. This will open a pop-up with all the ways to export templates from Stripo. Select \u201cApplication\u201d, then choose \u201cGmail\u201d.<\/p>\n\n\n\n![\"Stripo](\"https:\/\/www.emailvendorselection.com\/wp-content\/uploads\/Stripo-export-email-options.png\")
<\/figure>\n\n\n\nFollow the steps to sign in to your Gmail, and you\u2019ll find your email in your Drafts folder.<\/p>\n\n\n\n
Gmail will remove media queries when you send HTML email templates. This means that recipients will see the desktop version of your email but they won\u2019t see any horizontal scroll.<\/p>\n\n\n\n
Get started creating HTML email in Stripo<\/strong><\/a><\/p>\n\n\n\n<\/span>4. Add contacts and send the email<\/strong><\/span><\/h3>\n\n\n\nNext, go into your Gmail inbox and open your drafts folder. Your Stripo email should be your most recent draft. Click on it, and your template will open in the Gmail compose window.<\/p>\n\n\n\n![\"send](\"https:\/\/www.emailvendorselection.com\/wp-content\/uploads\/send-html-email-in-Gmail-draft-view-1.png\")
<\/figure>\n\n\n\nFrom here, you can customize the subject line and \u201cTo\u201d field. Once you\u2019re ready, click \u201cSend\u201d as normal.<\/p>\n\n\n\n
There are various ways to add your contacts to your email. You can copy-paste the recipients into the BCC. This will give you a maximum of 2,000 people you can add with Google Workspace. Alternatively, you\u2019ll be able to add 500 contacts with a personal Gmail account.<\/p>\n\n\n\n
Using BCC ensures your contacts won\u2019t see the other emails you\u2019re sending to. If you\u2019re getting serious about email marketing, choose one of the best free and cheap email marketing tools<\/a>. These platforms have all the features for creating and sending email marketing campaigns.<\/p>\n\n\n\n<\/span>2 alternative ways to send HTML emails in Gmail<\/span><\/h2>\n\n\n\n<\/span>Use layouts in Gmail (Google Workspace)<\/span><\/h3>\n\n\n\nIf you have a Google Workspace<\/a> account, you can create HTML emails with a visual editor inside Gmail. Here\u2019s how.<\/p>\n\n\n\nOpen Gmail, click Compose and the Layout icon. If you don\u2019t see it, click on the three dots to find it. Then, choose one of the default layouts or create one from scratch.\u00a0<\/p>\n\n\n\n![\"send](\"https:\/\/www.emailvendorselection.com\/wp-content\/uploads\/Gmail-layouts-HTML-email-templates.png\")
<\/figure>\n\n\n\nYou can insert, resize, and rearrange text, images, buttons, and dividers in the visual editor. And use the theme tools to adjust colors, fonts, and spacing.\u00a0<\/p>\n\n\n\n![\"Gmail](\"https:\/\/www.emailvendorselection.com\/wp-content\/uploads\/Gmail-Layouts-Test-send-HTML-email.png\")
<\/figure>\n\n\n\nOnce you\u2019re happy with the layout, preview it in mobile, tablet, and desktop views, then click Insert in Gmail<\/strong> to drop it into the Gmail compose window. Your HTML email is now ready to send.<\/p>\n\n\n\nTry Google Workspace for free<\/a><\/p>\n\n\n\n<\/span>Copy-paste rendered HTML into Gmail<\/span><\/h3>\n\n\n\nYou can also insert HTML into Gmail by copy-pasting. Start by exporting your email as an HTML file. Open the file in your browser to confirm it looks the way you want it.<\/p>\n\n\n\n
Once it looks good in the browser, select the entire page (CTRL + A or CMD + A) and copy it. Then paste it straight into Gmail\u2019s compose window and send. That is it. The email should land in the inbox exactly as it appeared in your browser preview. Remember to copy the rendered preview, not the raw HTML code.\u00a0<\/p>\n\n\n\n
There\u2019s also the option to use a mass email Chrome extension for Gmail, like GMass<\/a>.<\/p>\n\n\n\n<\/span>Rules for sending HTML emails with Gmail<\/span><\/h2>\n\n\n\nWhen sending HTML emails in Gmail, there are some rules to follow. If you\u2019re using free editors like Stripo for HTML, you should be safe. But if you\u2019re writing custom HTML code for your email, remember:<\/p>\n\n\n\n
\n- Images must be hosted online: <\/strong>If you add images to an email, they need to be saved properly and hosted online. All images must be uploaded to the internet and referenced with a link. If possible, store images on your own server. You can also use Google Drive. When using your Google Drive, make sure the link is public.<\/li>\n\n\n\n
- External style sheets won\u2019t work:<\/strong> You can\u2019t access external style sheets. You can use embedded CSS or inline CSS within HTML tags. But, Gmail doesn\u2019t support external CSS files.<\/li>\n\n\n\n
- Some HTML won\u2019t be supported: <\/strong>Check this list<\/a>. Some of the HTML that works on a web page won\u2019t be supported in Gmail messages. You\u2019ll need to check that everything looks good in your rendered HTML email before sending your emails.<\/li>\n\n\n\n
- Do not use web fonts<\/strong>: Gmail doesn\u2019t support web fonts. You will need to use the standard fonts provided. Alternatively, you can make an image of text, like logos. Then, once you have your image, link to the image in HTML. Once again, remember to use a hosted image.<\/li>\n\n\n\n
- Using tables is a good idea: <\/strong>If you\u2019re not using a drag-and-drop HTML editor<\/a>, use tables. However, there are still issues to watch out for. Make sure your HTML tables work with email HTML testing tools. Here is a list of email testing tools<\/a>.<\/li>\n\n\n\n
- Keep it simple:<\/strong> Gmail isn\u2019t always predictable with HTML support. Because the supported options can change, keeping things simple is a good idea. Writing a simple email also helps your recipient\u2019s email clients render content properly.<\/li>\n\n\n\n
- Avoid Google Docs:<\/strong> While there are tutorials that show you how to use Google Docs for HTML emails, this option isn\u2019t ideal. You might find that what you see in Google Docs isn\u2019t exactly the same as the content in the email.<\/li>\n\n\n\n
- Create a template:<\/strong> If you\u2019re not using HTML templates from Stripo, create your own. Once you have an HTML file formatted, save it outside of Gmail. This will help you to set up HTML emails rapidly in the future.<\/li>\n<\/ul>\n\n\n\n
Remember, Gmail is constantly evolving. Google consistently updates Gmail. It\u2019s important to stay up-to-date with the latest changes and features. <\/p>\n\n\n\n
Get started creating HTML email with Stripo<\/strong><\/a><\/p>\n\n\n\n Log in to Stripo and click New Message to start creating your template. There are 1600+ professional, responsive templates to choose from. Some are also free to use with Gmail.<\/p>\n\n\n\n Choose the best-looking template for your campaign, and then you can head into the editor.<\/p>\n\n\n\n Make your changes in the HTML email builder. You can experiment as much as you like with the templates to make them stand out.<\/p>\n\n\n\n Everything is very easy to use here, so you shouldn\u2019t have any trouble making your template look great. The builder is suitable for beginners. Check out our guide on creating HTML emails<\/a> for instructions on how to build a template in Stripo. <\/p>\n\n\n\n After you\u2019re done designing your email, click \u201cExport\u201d at the top. This will open a pop-up with all the ways to export templates from Stripo. Select \u201cApplication\u201d, then choose \u201cGmail\u201d.<\/p>\n\n\n\n Follow the steps to sign in to your Gmail, and you\u2019ll find your email in your Drafts folder.<\/p>\n\n\n\n Gmail will remove media queries when you send HTML email templates. This means that recipients will see the desktop version of your email but they won\u2019t see any horizontal scroll.<\/p>\n\n\n\n Get started creating HTML email in Stripo<\/strong><\/a><\/p>\n\n\n\n Next, go into your Gmail inbox and open your drafts folder. Your Stripo email should be your most recent draft. Click on it, and your template will open in the Gmail compose window.<\/p>\n\n\n\n From here, you can customize the subject line and \u201cTo\u201d field. Once you\u2019re ready, click \u201cSend\u201d as normal.<\/p>\n\n\n\n There are various ways to add your contacts to your email. You can copy-paste the recipients into the BCC. This will give you a maximum of 2,000 people you can add with Google Workspace. Alternatively, you\u2019ll be able to add 500 contacts with a personal Gmail account.<\/p>\n\n\n\n Using BCC ensures your contacts won\u2019t see the other emails you\u2019re sending to. If you\u2019re getting serious about email marketing, choose one of the best free and cheap email marketing tools<\/a>. These platforms have all the features for creating and sending email marketing campaigns.<\/p>\n\n\n\n If you have a Google Workspace<\/a> account, you can create HTML emails with a visual editor inside Gmail. Here\u2019s how.<\/p>\n\n\n\n Open Gmail, click Compose and the Layout icon. If you don\u2019t see it, click on the three dots to find it. Then, choose one of the default layouts or create one from scratch.\u00a0<\/p>\n\n\n\n You can insert, resize, and rearrange text, images, buttons, and dividers in the visual editor. And use the theme tools to adjust colors, fonts, and spacing.\u00a0<\/p>\n\n\n\n Once you\u2019re happy with the layout, preview it in mobile, tablet, and desktop views, then click Insert in Gmail<\/strong> to drop it into the Gmail compose window. Your HTML email is now ready to send.<\/p>\n\n\n\n Try Google Workspace for free<\/a><\/p>\n\n\n\n You can also insert HTML into Gmail by copy-pasting. Start by exporting your email as an HTML file. Open the file in your browser to confirm it looks the way you want it.<\/p>\n\n\n\n Once it looks good in the browser, select the entire page (CTRL + A or CMD + A) and copy it. Then paste it straight into Gmail\u2019s compose window and send. That is it. The email should land in the inbox exactly as it appeared in your browser preview. Remember to copy the rendered preview, not the raw HTML code.\u00a0<\/p>\n\n\n\n There\u2019s also the option to use a mass email Chrome extension for Gmail, like GMass<\/a>.<\/p>\n\n\n\n When sending HTML emails in Gmail, there are some rules to follow. If you\u2019re using free editors like Stripo for HTML, you should be safe. But if you\u2019re writing custom HTML code for your email, remember:<\/p>\n\n\n\n Remember, Gmail is constantly evolving. Google consistently updates Gmail. It\u2019s important to stay up-to-date with the latest changes and features. <\/p>\n\n\n\n<\/span>1. Choose a template<\/strong><\/span><\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/span>2. Customize the template<\/strong><\/span><\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/span>3. Add template to Gmail<\/strong><\/span><\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/span>4. Add contacts and send the email<\/strong><\/span><\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/span>2 alternative ways to send HTML emails in Gmail<\/span><\/h2>\n\n\n\n
<\/span>Use layouts in Gmail (Google Workspace)<\/span><\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/span>Copy-paste rendered HTML into Gmail<\/span><\/h3>\n\n\n\n
<\/span>Rules for sending HTML emails with Gmail<\/span><\/h2>\n\n\n\n
\n