Did you know that How to create and send HTML email in Gmail using stripo? And you are not actually sure about it how it is possible and how it will be done. Are you ready to know how you do this with easy methods?
Mostly Gmail user try to do some thing interesting with the help of advanced tools. Some interesting things are creating and send as HTML formatting email with the help of an HTML editor.
The good news is that now you can create HTML email templates in your Gmail/G Suite account with the help of stripo.
Lets introduce to create HTML email, the HTML formatted is similar to like web pages, using color effect, graphics, links and table columns. This formatting is very important for making email templates in Gmail.
These email templates are useful for email marketing like making an ad campaign. These type of formatting give you more benefit to run your campaign on the web.
How to write the email using HTML?
The HTML mail app is useful for composing emails and it allows you to send HTML emails using API with the help of Gmail account. Firstly you need to sign in your Gmail account then you can start composing emails using “what you see is what you get (WYSIWYG)” HTML editor.
This editor is easy to use and comfortable with coding. It is good to use CSS when you switch to HTML mode and then start writing the message. These two languages (CSS and HTML are available) work directly.
This app helps you and use to send emails with new feature using your Gmail account. You need to require permission to send messages on your behalf. And you will not able to read anything other than your mailbox.
Way to create an email using stripo-
Follow the given rules for creating and send HTML email
Three ways to do this:
#1. Use the designed HTML email templates.
Stripo has 200+ more templates for use like conformation, promo and holiday. You can choose that one option as you like. If you choose anyone in that then you need to modify and make changes according to your needs. If you need email type you choose promo or event and to your brand, as well. it will not take longer than 10 minutes.
#2. Creating HTML email templates from scratch.
- For use this stripo, you need to login into your stripo account.
- Go to the templates tab and choose the “Basic templates”.
- If you find a new offer, then you can go for “Master Templates”
If you create one email templates and then you can use this for many more purpose. and you can combine the blocks according to your marketing goals and campaign.
#3. Inserting/importing your HTML code.
For HTML code
- You need to login into your personal account.
- Go to the “Templates tab”option.
- Then choose “My HTML”.
Have to create your own HTML template? try this
Step 1. The way to set a preheader with stripo and email will look like that.
- You start to adjust and modify your email as possible under the stripo for send HTML email. If we set a preheader, try to change the look of email and set a structure, picture with text.
- The preheader should be in a single block of text with proper width.
- Set the following factor: your name, subject line, and preheader.
- When you creating a template, you may apply the font as you choose anyone for preheader text.
- Mostly Gmail will use “Arial” for displaying the text in a preview of the message.
- You have chosen the font, will remain in the body of the email.
Step 2. The way to add a header and logo with stripo and email will look like that.
- The header should be a structure into two containers, but one container is less than the other because the wider area container is used for the logo and menu.
- The header shows your email and your brand as well as you add your company logo and its name also.
- It is a great way to mention your contact details and show your product details. These product details are shown in the navigation bar which is known as a header.
Step 3. The way to add a banner with stripo and send HTML email will look like that.
- Banner is basically to the customer for introduced their brand and suggests the brand through the message.
- You can choose and insert the best image for the banner as you like for composing the email. After that, you can write text and place over the image and wrap in it custom fonts.
- You can apply more additional image over the banner and now you can create multilayer banners without any photo editor.
Step 4. The way to add a structure blocks with stripo and email will look like that.
- In structure blocks, you can divide the single sheet into two or four blocks. Many editors you can select for these blocks.
- You can convert one sheet into three blocks. You may add a different description for different blocks. And you can add that button for a description.
- Now, you can apply the same background image or colors for four different blocks in the single structure sheet.
Step 5. The way to add a social network icon with stripo and email will look like that.
- It is the best facilities for social site user they can use and add more than 20+ social site icons like facebook, twitter, youtube much more.
- It is easy to do, you may simply drag and drop the social network in the blocked field. Then click on the add icons and select the shape of your icons, choose the color and after the link is generated then that link paste on the link field.
Library of blocks:
It is not possible to create a similar template every day to run a new campaign. So that is why they launch a library of the content blocks. It is very easy to do work with if you once to create a template, you need to save the blocks to the library with a name.
After next time you can access that when you staring a new campaign with you need to drag and drop it into a new template.
library have two blocks: First is “My blocks” and Second is “Template blocks”.
- In the My Blocks tab, you only will see the blocks that you have saved previously.
- In Template Blocks, this will show that block which has been extracted from the templates.
HTML emails exporting to Gmail
- For exporting your email, you need to click on the preview button at the top right corner of the screen on your email.
- Then click on the export button.
- A new window will appear on the screen for selecting Gmail.
- You may choose the Gmail. Make sure you have a Gmail account and logged in them.
- After that, your message will be exported.
- If you have two active accounts. After that system will ask you to choose the template for sending out as in message.
- Compose and send HTML email template in Gmail, you can simply write the recipient id and subject. Which you liked templates, that templates shown in a background of your message body. After that, you can write your message and send it to as a single user or a group.
How to deal with some technical facts:
- Add the link and images: If anyone image does not contain any links in HTML formatted email then Gmail will suggest you that the user download that. But the download button is harm to the entire design as well as email so that’s why the user does not want this. For insert into an email, if you upload that images you need to add at least one link. Even if you forget that to add the link, however, the system has a link that is set by default.
- Image without Alt- text (alt tag) is not valid: Alt-text is very important for image sharing and give a relevant alt-text to the image. If you not given an alt- text for every image then image will be put in a spam folder. Without alt-text image is not useful.
- Gmail clip messages: Gmail clip is larger than 102 kB. After the end of the clip, you see the entire message.
- For checking file weight: click on the export button- choose HTML-then to download HTML- after that, you just right click for checking file properties. File properties show your file weight, if file weight is less than 102kB then they verified that and confirmed that file.
- <Div>class does not support by Gmail.
- More than 8,500 characters with text blocks are removed: If you write an article more than 8500 characters excluding space. And you try to send HTML email, the email will be delivered but blocks will be removed.
- Insert link in HTML emails: Gmail inserts link to an email address and phone number in emails. If you insert a link on any word it should be shown as blue color and underlines. It means the link is clickable.
Now you understand that How to create and send HTML email in Gmail using stripo. If you read this blog completely then your interest will increase. I know after that you enjoy that blog. I hope you will understand that very clearly with this easy steps.
In this blog, we learn how to create HTML templates in Gmail and how to make a block using stripo during we send and compose the mail. And one more thing is how to add insert image, alt-text, and link also.
For more blog: