Adding Icon to email template?

[jsgvisuals]

Greetings, I am running Prestashop 1.6 Default Bootstrap Theme.

 

I am in the process of editing the email templates in mails/en/

I am editing the footer of each email individually,removing the "Powered by Prestashop" text and adding 3 links to my social media pages.

I would like to use some of the icons in this area, (facebook, instagram, and pinterest)

I am not skilled in .js so bare with me.

I have tried to post some code I copied from another module that uses icons but it wont work.

I have the extended tinyMCE editor, but i cant find an option to instert icons.Can someone help me with the code I can enter into the html area to have an icon replace the text of FB, IG, Pinterest?

I have included a picture below of what I am trying to accomplish.

If anyone can help me, I would be ever grateful.

[Scully]

I wouln't recommend to add more icons to the mail templates.

 

Why not?

The more icons or graphics you add, the more likely your mails are considered as junk by email filter programs.

If you want to do it anyway you have two options:

 

A ) Upload the icons in small size to your server. Change the email template as follows:

<a href="myfacebokurl" title="Follow us on facebook"><img src="https://mydomain.com/myfacebookicon.png" /></a>

Change href and src params according to your settings.

 

B ) Change the class Mail.php which isn't able to add more icons than just your shop logo. If you want to go this way, you need some knowledge in PHP as well as multipart e-mail formats.

Edited July 9, 2017 by Scully (see edit history)