

Luckily, there are a number of solutions to this issue. How to add the Postcards generated HTML to the body of a Gmail draft.It’s fairly common in the online world to want to send an email to a long list of contacts, without having these people know who else is getting the message.How to open the developer tools and edit the code in a Gmail draft.How to export a Postcards template as an HTML file.You can send yourself a test email to see if the template looks the way you expect. Now you should have the Postcards template in a Gmail email! That inserts the email template in the body of your email. The “anything” text was replaced with the HTML code of the generated Postcards template. The dev tools should look like this now:Ĭlick anywhere outside of the textbox area to confirm the changes. Highlight the “anything” text, not the outer HTML element, and replace that with the Postcards HTML template that you had copied. That will open up a text editor containing the contents of the HTML element containing the “anything” text. Go back to Gmail and in the developer tools, right-click the highlighted HTML element that was opened when you pressed “Inspect” on the highlighted text and select “Edit as HTML.” Your screen should look like this: Highlight all the contents in the HTML file and copy it. Edit the HTML contents in the developer tools using the generated HTML I’m using Notepad++, and it looks like this:ģ. Open the index.html file you just downloaded in a text editor. Now, we need the code generated by the Postcards template to add into the dev tools. Your screen should look something like this: That will open the developer tools where you can edit the code directly in the browser. Next, create a new draft and type anything in the body, highlight the text, right-click it, and press “inspect,” like this image. Create a new draft and open developer tools
Now, we have everything we need to add this template to a Gmail email. If you open this file in your browser, you should see the Postcards template you just created. Press “Download Zip” and extract the file into a folder.

There will be an option called “Host images online.” Make sure this option is checked. In the top right corner of the app, press “Export” and press “Download as zip.” Next, we want to export this and use the HTML code that’s generated. The main thing we need is a Postcards template for the HTML code. In this tutorial, we’ll be taking the HTML code from a Postcards template and adding it to an email in Gmail.
