How to Create an HTML Email Flyer for a Salon

Written by bethany eanes
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Create an HTML Email Flyer for a Salon
HTML e-mails can help advertise your salon. (e-mail symbols . image by Ruslana Stovner from

When you are advertising a salon, appearance is important. You may want to make a flashy e-mail with images and more information, but this is hard to do in a text-only e-mail editor. By switching your e-mail editor to HTML mode, you can create an HTML e-mail that looks professional and attractive. However, creating an HTML e-mail involves writing HTML code, which can be challenging if you do not have experience. Try these steps to make it easier.

Skill level:

Things you need

  • HTML e-mail editor
  • High quality photos
  • Logo saved as an image
  • Basic HTML knowledge

Show MoreHide


  1. 1

    Design the email as you would like to see it using a basic text editor. For example, you can use Microsoft Word, Notepad or even TextEdit. Place the images where you would like them to appear, and use the formatting tools to make your text look appealing. Since you are advertising a salon, use images of attractive hairstyles or pictures of your salon to help enhance your e-mail. If you are using a plain text editor that does not allow you to add images, try adding some text as a place holder. For example, write "salon logo goes here." Always include your salon contact information in the email.

  2. 2

    Save the document as an .htm or .html document. You can check to see if your e-mail looks correct by opening the document in a web browser. Just open the .htm or .html document and it will automatically open in your browser. Make sure the images you selected advertise your salon services well.

  3. 3

    Make adjustments. It can be hard to predict exactly how your document will look once you save it as an HTML e-mail. If items have moved around or changed in formatting, use your HTML knowledge to correct the problem. Open the HTML document in a basic text editor that can save it as plain text. You will see the HTML tags, and you can adjust them here. For example, if you want your headline to be centred, you can apply the "text-align: centre" HTML attribute to the heading.

  4. 4

    Open your e-mail software. You can use Outlook, Gmail or other programs. The key is to use a program that has the option of editing HTML directly. You will find this under the preferences or tools provided by your e-mail software.

  5. 5

    Change to your HTML editor. You will have to make this change by setting your tools or preferences to "HTML" instead of "text" or "document."

  6. 6

    Open the .htm or .html document you saved on your desktop within this editor. Some e-mail editors, like Outlook, allow you to open external documents saved elsewhere on your computer. Otherwise, simply open the document on your computer, copy all of the text, and paste it into your e-mail editor. If you were unable to add images in your basic text editor, add them here by using the HTML tag <img src="location of image.jpg">. Change the words "location of image" to a file or URL where your image is located. You may need to use attributes such as "height" and "width" to change the size of your image.

  7. 7

    Send a test e-mail. Send this to yourself and a few other people so they can look for any errors you may have missed. Ultimately, you will send the email to your salon's e-mail list. At first, though, it is best to test the email in order to make sure it behaves properly.

Tips and warnings

  • If you use certain e-mail programs like Outlook, you will find an option to send a webpage as an e-mail. If this is an option, you do not have to copy and paste your document into your e-mail editor. Simply open the webpage you created through the email program then choose the option to send this page as an e-mail.
  • HTML e-mail editors do not like complicated HTML tags. In fact, tables may even appear incorrectly when you send the email. Stick to simple tags for your e-mail to make sure it looks the way you want it to.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.