Like other email providers, Gmail doesn’t offer a simple method to send HTML emails directly from your inbox. If you paste raw HTML into the Gmail compose window, it will appear as code rather than being rendered like it would in a browser. While there are third-party services available for sending HTML emails, especially for commercial purposes, using them can be time-consuming and not very user-friendly.
However, please don't give up on the idea of sending HTML emails. Consider a few relatively easy ways to do it without complications; we will describe them all in detail in this article.
Copy a rendered HTML and paste it to the Gmail compose window
Use Chrome extension to add an HTML editor to the Gmail compose box
Use Dcard application
Before we begin, it's essential to highlight that in methods 1 and 2, you have full control over the content. On the other hand, method 3 is much more accessible, but it requires you to select from pre-made templates and customize them. In summary, if you have a design ready to use, opt for methods 1 or 2. If you prefer ease of use, method 3, using the Dcard application, is the way to go.
Copy a rendered HTML and paste it to the Gmail compose window.
Create an HTML file, open it in your browser, and copy it to your Gmail compose window using Ctrl+C and Ctrl+V.
Before you do, consider a few essential guidelines:
Not all HTML tags, web fonts, and CSS attributes are supported in Gmail. Please refer to this list https://pinpointe.com/blog/email-campaign-html-and-css-support/ to check which HTML tags and CSS attributes are available.
Refrain from using external stylesheets; instead, utilize inline or embedded styles.
You need to host all your images with a service like Amazon Web Services, Imgur, or another hosting provider. Alternatively, you can embed your images by uploading them to Gmail, but be aware that this may compromise your design.
If you decide to use this method, it's best to keep things simple in terms of HTML. You never really know how the email will be displayed once it's intercepted, and once it's paste, you can't fix anything within the email.
Use Chrome extension to add an HTML editor to the Gmail compose box
You can't directly insert HTML code into the Gmail compose window, but several Chrome extensions can assist you. One effective option is CloudHQ. After installing this extension, you'll have access to an HTML editor within your compose window. This editor displays your HTML in real-time, allowing you to see how your email will appear.
CloudHQ window example
In CloudHQ, there is an alternative editor available if you prefer not to use direct HTML. You can upload images, so there’s no need to worry about storage services. This option is excellent if you have a specific design in mind.
Use Dcard application
Dcard is a user-friendly application that simplifies the creation of beautiful and personalized emails (or E-cards for those who prefer using other messaging apps). With a wide variety of templates for every occasion, Dcard makes it easy to customize attractive designs.
Dcard template examples
After selecting a template, you can easily upload your personal photos and add your own text. The result is a stunning HTML email that looks professional.
Once your email is ready, simply press the application button. This action copies the email to your clipboard, opens your email provider (Gmail, Yahoo, Outlook, etc.), and paste it into a new email compose window (Ctrl + V) to send it to your recipient.
compose email with Dcard
With Dcard, you can meet your needs in the easiest, most straightforward, and fastest way possible. You won’t have to worry about design, and the results are beautifully personalized HTML emails. These can also be shared as images in any chat application.
