Marty, I followed your instructions exactly but everyone I email keeps telling me that my email signature has A British accent now?🤣 Great tutorial, cheers! 👍
Start Automating Your Facebook, Linkedin, Blog creation, emailing and more by clicking the link below: ► brainyautomations.com/links/ Download Email Signature Code Here ► martyenglander.com/photoshop-design-html-email-signature-2019-novice-tutorial/ Having issues with blank images? ► ua-cam.com/video/8qyY5yugysk/v-deo.html Join My Facebook Group For Email Signature Help ► bit.ly/2Yp07Jw
Need Help!!! I created A Email signature for me with link by following this video but how can i attach this email signature with link in my gmail email signature?
Hey just followed your advice and it looks to be working, gotta get the ok from the boss that’s it’s working but thank you, these videos helped so much and I really appreciate it
That was very helpful for someone like me who has no clue what she's doing! Definitely read the instructions on the site while you do this, I was lost a bit. Thank you so much for this!
@@MartyEnglander I thought this was so great!! took me forever LOL but thank you! I have a question if you don't mind. I for some reason cannot get my Gmail to use this, it loads blank. SO FRUSTRATING! It works for my work Outlook Email just fine. Have you ever ran into why Gmail wouldn't work?
Does this not work very well for gmail recipients? Mine is a mess to anyone who receives it in gmail. Just wondering if this is a wider issue? It adds spacing above and below all the images making it look a real mess.
@@MartyEnglander I've actually just realised the last step doesn't work for me. How can I get the signature into my email? The copy and paste all, doesn't seem to work. Could it be because the images are hosted locally?
when i typed images/" into the code, it doesn't pull up the files i saved. just some random svg links. what am i doing wrong? i saved the images and html file in the same folder.
Marty, One awesome tutorial! I just have a couple of questions if you don't mind: 1. Could I use the same method for gifs? I animate logos for clients instead of having their profile picture. 2. What would be the best way to send the signature to the client? Should I need to send them the entire folder or would the link suffice? Cheers once again.
Glad you enjoyed Not sure - would not recommend it. Email providers are getting seriously strict with email sending a so your emails may end up in spam folder. Up to you regarding how you send it them. I used to upload the email signature onto hosting and send them he URL
@@MartyEnglander i have created my email signature as same as guided by you but when i opened my email signature in Outlook all the clickable options are gone away means not work ? Please tell me what should i do..
I followed your instructions and even purchased your code. When I open in Brackets, I just get the code I wrote - no broken linked image. What am I doing wrong?
@Marty, When I type "images" no dropdown of images appear. I've tried manually entering the names, and even the full filepaths to no avail. please advise.
@@MartyEnglander Hi Marty, I am first of all experiencing that even if I save it at .jpg the pictures in images save as .png still. I believe that might be the issue why I don't see a full dropdown of all images, but rather merely the first word of the name of all pictures in images i.e. the first pictures is called -> SIGNATURE---NEW_0.2_01 but the dropdown after typing /images only shows SIGNATURE....Can you pls help me. Thanks :)
Thank you for this video. I just have one question. My images are hosted and everything looks right, but when I copy and paste it into my email clients everything breaks up and goes under each other sort of like a list. Can you maybe help?
You may have some unwanted code from browser extensions being carried over when you copy and paste the signature. Try disabling all your browser extensions and copy and paste into your email
Thanks Rik! Glad you have found this helpful. Building an HTML template is something on my to do list. Make sure you subscribe so you will be notified when I do this :) Subscriber here: goo.gl/MJXPNp
The signature should be mobile responsive so should shrink accordingly. If they are not you've likely copied/pasted unwanted hidden code from your browser. If the images take awhile to load means, either: your hosting is poor or you've not compressed your images and/or both.
Hey, Marty! First of all, Many thanks!!!! It works like a charm.... on the computer! On mobile, it shows too small and with a huge space between the lines. Any way to fix this? Thanks a lot again! You rule!!! (by the way, the signature is 406 pixels wide)
Hey Pedro, Im not sure why it's appearing like that on your mobile. The signature should be responsive. Perhaps you have copied some unwanted hidden code from a browser extension which is making it look discombobulated?
@@MartyEnglander I also have this issue. On mobile it looks like the signature is trying to resize itself to fit the screen? Work on computer, works on ipad but on my phone slices get realigned in a way i don't want it to. Is there a code for grouping all slices or not allowing the slices to be realigned?
Dear Marty, I've been trying to create a signature for my email for some time now, i've tried directly by photoshop, hyperlinking the images on the program, which, when i save to html and open on safari or chrome, works fine. But, when i copy the opened file to my mac outlook, or the outlook web browser, or even gmail web browser, they simply don't show up, or, they show up, but not in the place that they should be. I've followed your great tutorial and did all the coding on the Brackets app, once again hyperlinking the icons, but, once again, it opens fine on safari or chrome, but, when copied to the emails signature, simply doesn't work. Is that a common problem? Can you help me? Thanks and once again, great tutorial!
I am having the same issue . But there is solution and also a problem. We have to host our that signature but when we are doing the hosting the links for signature is not working.
@@bahadurkhan8967 Yea. I'm running into issues on how to host the links. I have come across a few google drive options, but I haven't figured it out yet.
1) Have you uploaded your signature to your hosting before applying it to your email? 2) Usually happens when signature has not been sliced properly OR you have copied unwanted code when copying and pasting. Best to try from a browser with zero extensions before copying and pasting. However, this is a growing issue im seeing amongst people. If all else fails it's likely an outlook issue formatting the signature when you add it. It might be best to redesign the signature using a white background to manipulate the lines. I've yet to find a solution for this new issue inside outlook.
This video is amazing. Everytime I have to update my signature I come back to it. One question though - is there a way to make it responsive? Like when the phone is flipped on its side, it wont resize. Or when the settings are on dark vs light (ie white bg vs black). Thank you so much.
Hi Marty, I would just like to say thank for the help with this. This tutorial is really great for us beginners or start out companies. There is just one this that I would just to ask, All works great when using outlook although when I send a mail to a gmail or a yahoo account there are gaps presented in the signature. Please Please can you help me sort out this problem? Kind Regards
Usually happens when signature has not been sliced properly OR you have copied unwanted code when copying and pasting. Best to try from a browser with zero extensions before copying and pasting. However, this is a growing issue im seeing amongst people. If all else fails it's likely an outlook issue formatting the signature when you add it. It might be best to redesign the signature using a white background to manipulate the lines. I've yet to find a solution for this new issue inside outlook.
Is there a way to output text instead of images? That way, the client doesn't need to open up photoshop each time there's a text change...it could also be useful for reusing the same template across the company, and just replacing names, numbers, etc. Is it as simple as replacing the tag with text, or would that mess up the layout?
STILL STACKED IMAGES!! I work on an Apple and use the Apple mail program. At Apple it is Command instead of Control, but even then I can paste the image in the mail (works perfectly) but not as a signature in the appropriate window. Anyone have a solution for this?
hello the email signature looks perpectly fine on my mail but while i send to others there come some dark space why its happening .....can you help me through it please brother
Hey Marty, great tutorial. I did the layout as you explained and sent myself a test to my gmail. In desktop it looks fine but for mobile there are vertical spaces between each image. This is more readily apparent in dark mode. I read some of the previous comments and saw they were having some of the same issues but couldn't find the fix.
hey, thanks for the tutorial. But when I paste the email into the gmail signature, or when I send the HTML file to someone else, the images don’t load. Do you know why might be causing this issue? Thank you.
Brilliant video, thank you. I've got this all working on outlook first time, but the second i copy it in to mail for iPhone I get a table that only displays the text of where the images are hosted. any ideas? or is it just Apple nonsense.
Hey mate, hopefully im not a few years too late to get some support. I followed your instructions and everything works 100% but when I try copy to mac mail it doesnt copy. I just get this " /a " and nothing else.
After all the coding steps, when I copy the finished work into Gmail, it doesn't work as it just shows blocks of broken link. Issue with hosting, I suppose?
Hey there! very nice tutorial, I have litle experience with coding and I've come across a little issue. First of, I dont need to slice my signature bc my clients doesn't want any links in the image and so I tried to skip that part. I pasted the next code into brackets just like you said: Then I saved the image as "1" (I saved it some place else, not in the "signature folder") But this: 18) From the “?” in the code, delete all the way until the last digit. 19) Replace the img src=”” code with your images doesnt make much sense since I don't have that in my code... so what should I put instead of "FIRMA-TAMANO-CORRECTO.gif"? I tried "images/2.gif" didn't work, then I tried "nameofFolderwhereIsavedit/1,gif" didn't work either, when I refresh my page it shows blank. One last thing: supposedly I don't have ALL the license to use the typography used in the signature and Illustrator warns me when I save it. ALSO yes, I'm using illustrator but the SAVE FOR WEB option is exactly the same as for Photoshop. ANY IDEAS on what im doing wrong? THANKSSSS
Hi Rebeca, The only reason why we would slice the images is If you want to make certain parts clickable. If you don't need the email signature to be sliced you can place the whole image directly into your email signature box within your email provider. If you decide you do want to make the email signature clickable on certain parts I would recommend watching the full duration of the vide and replicating exactly as I do
Thank you @@MartyEnglander ! The reason I want to have my signature in html is because if I add it directly as a png or jpeg to my email it will appear blurry or " low quality" no matter how I save it, I see there are some "signature providers" online that convert your final signature to html so that you can paste it into your email, the thing with them is you can only use their templates and those designs just don't work for my client :(
Marty Englander not at all actually my client can also see that the quality is odd In her computer. I read somewhere that the solution is converting it to html and when I saw that email signature providers apply that process I understood why :(
hey there, thank u so much for the video! i just have one problem with outlook platform, so when i paste the signature i get a slight space between the slices, which doesn't appear on gmail.. i couldn't find a solution to that on the net. I'm now obliged to make the background transparent every time i'm making a signature for outlook. is there a solution to that ? is there a way to contact you pls
Cool Video! Helped alot. Could you please make a tutorial on how to upload this HTML Signature to a Server from your Provider and use it as Signature on other Devices like Iphone or Ipad. Thanks.
Id recommend starting the video from the beginning as you may have missed this. In short: the code created is saved to your index.html file. What you see is the index.html file open. This is the file. You should have created this file and saved it to your desktop/folder.
Thank you for the great tutorial. I managed to make a nice signature. But how do I get this into my mail program? What do I do with the image folder and the index.html file? I am using Thunderbird and Outlouk
Hi Maya, glad you found the video helpful. You will need to upload the email signature to your hosting. If you do not have hosting here is Cheap Hosting ➡➡ bit.ly/2Mfcx41 Once uploaded you will then need to copy and paste it into your email signature setting box.
Thanks for the great tutorial Marty. I successfully followed your instructions in the creation of the email signature, but I'm having trouble uploading it to the email. I see you are recommending Netlify to host the email signature but I am having trouble working out the steps to properly host the signature. I think a video explaining those steps would be really helpful. Thanks!
Also one more question regarding hosting, if I have access to the mail client can I bypass using the hosting all together and copy paste the email signature straight into say Gmail. If so I also have a problem there where when I copy paste it into Gmail the squares appears depicting the sections of the email but the images themselves don't appear. I have tried copy pasting into Word and have no issues, it is just pasting it into signature section of Gmail.
@@joeyoung7446 Not that I know of. The email signature needs to be hosted somewhere and then copied and pasted. To upload files onto netlify or hosting of your choice. Go to the URL netlify provide you with and then highlight everything on the screen and copy. Head over to your email signature and make sure (If your using gmail) that you have html enabled. And then paste the signature into the box.
@@MartyEnglander Thanks for getting back to me Marty. I ended up using postimages.org/ which worked a treat, and you don't even need to make an account.
Great video! Thanks so much, how would you give the end results to a client? Could you just copy and paste it in a mail and they repaste it in their signature ? Or how would that work?
@@MartyEnglander you should make and the other part of the tutorial.gmail and hotmail is a nightmare my signature cannot be reproduced in the way i want them ,some parts are above the other,they should be below lol. it is in the way i want them in browser but in gmail hotmail signature area is disaster.perhaps i created a complicated signature
Thank you for making this tutorial. I do have a question though, with this slicing method it seems like the hyperlinks you create are essentially just boxes around areas of the signature. This means before someone even "touches" an icon or something with their mouse, they may already click and be redirected. Is there a more elegant solution that only creates hyperlinks around the text or icons themselves, rather than invisible boxes? Many thanks
Hello, the best way is to ensure people dont click "by accident" so to speak is to make the slices as close to the "clickable" areas as possible to remove any dead space. Without further custom coding, this is the best option I've found.
Thank you! When I create a signature without links everything is fine. I copy and paste in outlook. But when I add links, it is not possible to copy the signature. Just a web browser does not give highlight and copy . Anyone can help please.
@@MartyEnglander hi! I figured this out thank you! Now the next thing I'm trying to figure out is how to scale down the overall design by a percentage in the code because it looks very low quality and low resolution. So I would like to re-export the images at a higher resolution and then scale it down so it doesn't look so pixelated. I'm still digging to try and figure this out.
Hi Marthy, thank you so much for the great tutorial! I've got through it and created email signature but I have one question. If I want the address on signature to pop up in google map when clicked, what do I write between ? It would be greatly appreciated to know what code would lead the address to map.
I am really struggling. I followed all your instructions and it all works. But the last bit where you highlight the image, click copy image and then paste it in outlook doesn't work. It only paste the one sliced section, it doesn't paste the entire image. Please help
Hi I hope yo see this but I’m stuck. When I have the file as it’s own tab it works great but when I put it in as a signature all the images are gone. Is my file too big please help
@@MartyEnglander thank you for getting back to me, I’m a bit novice to that term, how can I host a file. All the images are saved in the same file as the html in its own folder like the tutorial.
Marty, I followed your instructions exactly but everyone I email keeps telling me that my email signature has A British accent now?🤣
Great tutorial, cheers! 👍
LOL!
No problem 🤜🤛
i followed your instructions but i get a spacing between my images that i cant get rid off. Any tips on what it might be?
Great Tutorial Sir! Much appreciated - Guys like you make the world a great place by sharing knowledge like this!!
Glad you found it useful Gavin!
Start Automating Your Facebook, Linkedin, Blog creation, emailing and more by clicking the link below:
► brainyautomations.com/links/
Download Email Signature Code Here
► martyenglander.com/photoshop-design-html-email-signature-2019-novice-tutorial/
Having issues with blank images?
► ua-cam.com/video/8qyY5yugysk/v-deo.html
Join My Facebook Group For Email Signature Help
► bit.ly/2Yp07Jw
Much better than most I've seen on here. Good job explaining it in a simple manner!
No problem Allen. Glad you enjoyed.
People like you save the world!! Thank you so much for this.
Youre welcome
Need Help!!!
I created A Email signature for me with link by following this video but how can i attach this email signature with link in my gmail email signature?
Copy and paste the signature from your hosting into the html email signature settings of your Gmail.
such a great tutorial, easy to follow, you described it very well and thoroughly thank you so much!
Glad it helped 😊
great job, thank you
Thank you too!
Hey just followed your advice and it looks to be working, gotta get the ok from the boss that’s it’s working but thank you, these videos helped so much and I really appreciate it
No problem
Very nice. It is helpful. Thanks
You are most welcome
That was very helpful for someone like me who has no clue what she's doing! Definitely read the instructions on the site while you do this, I was lost a bit. Thank you so much for this!
No problem! Glad it helped 🤜🤛
@@MartyEnglander I thought this was so great!! took me forever LOL but thank you! I have a question if you don't mind. I for some reason cannot get my Gmail to use this, it loads blank. SO FRUSTRATING! It works for my work Outlook Email just fine. Have you ever ran into why Gmail wouldn't work?
@@montsergirl do you have HTML box ticked in Gmail?
Great. Thank you very much! I appreciate it the time you took, to share it via UA-cam.
You're welcome
Great vid! Helped a lot!
Glad to hear it!
This is awesome - thank you so much!
You're very welcome!
Thanks Marty, you made this super simple! I subbed
Thanks for the support!
Could you clarify country code number part?
Should I write + and country code before the phone number, or 00?
This is a very clear video. I did it very well. Thanks for your support.
No problem! Glad I could help
Does this not work very well for gmail recipients? Mine is a mess to anyone who receives it in gmail. Just wondering if this is a wider issue? It adds spacing above and below all the images making it look a real mess.
THANKYOU SO SO SO SO MUCH!!!!
You're welcome so so so so much =)
you have done a great job, i have never seen such a easy and complete video. 5 stars for you. thanks
thanks glad you think so.
you are the best! following this to a T has helped so much, you're a life saver :D
You're welcome!
Super helpful, thanks!
No problem! Glad you found it helpful :)
@@MartyEnglander I've actually just realised the last step doesn't work for me. How can I get the signature into my email? The copy and paste all, doesn't seem to work. Could it be because the images are hosted locally?
@@CairoHamilton94 Spot on. You need upload the images to hosting. If you've not got yet here is some cheap hosting partners.hostgator.com/7BkZ5
I found your video really helpful, but when I copied the image into my email it was in all the sections that I cut it into in Photoshop.
Same error with me when I share it. It doesn't show images
Did you upload to your hosting first?
@@MartyEnglander no but all the photos are there, do I need to upload to hosting to see if it works?
@@ailsaedwards458 it needs to be uploaded to hosting for it to work. No way around it.
when i typed images/" into the code, it doesn't pull up the files i saved. just some random svg links. what am i doing wrong? i saved the images and html file in the same folder.
Marty,
One awesome tutorial!
I just have a couple of questions if you don't mind:
1. Could I use the same method for gifs? I animate logos for clients instead of having their profile picture.
2. What would be the best way to send the signature to the client? Should I need to send them the entire folder or would the link suffice?
Cheers once again.
Glad you enjoyed
Not sure - would not recommend it. Email providers are getting seriously strict with email sending a so your emails may end up in spam folder.
Up to you regarding how you send it them. I used to upload the email signature onto hosting and send them he URL
amazing work
Thank you! Cheers!
you are a great man sir your teaching method is very simple with clear concept. Thank you very much
You are most welcome
This is a brilliant video mate, thanks a lot! And nice Sir Name by the way, Mr. Englander! :D
Thanks for the feedback. Haha thanks.
This is sooo helpful
Glad!
Oh wauw!! Thank you very much! You make my day 😎
Have one question.. I can see the images in the live preview in brackets, but not in my e-mail, for example. Do you know how I solve that?
have you uploaded your files to your hosting?
Hey, I subscribed !!! Thanks man from another part of the world>>>
Thanks for subscribing! Nice to connect :)
Hi!
Im having problems pasting it into outlook, it all appears as lost links, can someone please help me?
Thanks a lot for this video! Abs from Brazil!
Thank you for watching
An Awesome teacher! Love the way you explained everything. May god bless you.
Thanks Bilal, all the best 🙂
@@MartyEnglander i have created my email signature as same as guided by you but when i opened my email signature in Outlook all the clickable options are gone away means not work ? Please tell me what should i do..
@@billaaall did you upload the signature to your hosting?
@@MartyEnglander which hosting?
@@billaaall the email signature needs to be uploaded onto your hosting and then applied to your email .
Best mail signature tutorial👍 Thanks
Glad you enjoyed
Super simple and helpful dude! Thanks
No problem
I followed your instructions and even purchased your code. When I open in Brackets, I just get the code I wrote - no broken linked image. What am I doing wrong?
Can you reword this please? Im not sure I understand.
@Marty, When I type "images" no dropdown of images appear. I've tried manually entering the names, and even the full filepaths to no avail. please advise.
Is the name of your folder containing your images called "images"?
@@MartyEnglander yes
i have the same issue
@@MartyEnglander Hi Marty, I am first of all experiencing that even if I save it at .jpg the pictures in images save as .png still. I believe that might be the issue why I don't see a full dropdown of all images, but rather merely the first word of the name of all pictures in images i.e. the first pictures is called -> SIGNATURE---NEW_0.2_01 but the dropdown after typing /images only shows SIGNATURE....Can you pls help me. Thanks :)
Thanks a lot, that was very helpful!
Np🤜🤛
Everything works until I have to select in my browser. Nothing selects and therefore I cannot copy and paste.
yess. me tooo
This happens when people use Illustrator. Try using Photoshop as the video displays and should resolve your issue.
This was super helpful. Thank you so much.
Glad you found it helpful, no problem at all. If you've not subbed yet please do for more helpful videos :)
Thank you for this video. I just have one question. My images are hosted and everything looks right, but when I copy and paste it into my email clients everything breaks up and goes under each other sort of like a list. Can you maybe help?
You may have some unwanted code from browser extensions being carried over when you copy and paste the signature.
Try disabling all your browser extensions and copy and paste into your email
Good man!
Thanks!
Great tutorial sir.Thank you so much
Np
how awesome, thank you so much!
No problem
Is it bad practice to use images instead of text?
Hi Marty, great video thank you. Cheers
Hey Conrad, glad you found the video useful.
Sorry for the slow reply, did you sort your issue out?
Thanks
No problem
Great tutorial man 👏👏👏 exactly what I was looking for. 🤘😊🤘 Hope to see a video about *How to make a email template?* 😊
Thanks Rik! Glad you have found this helpful. Building an HTML template is something on my to do list. Make sure you subscribe so you will be notified when I do this :) Subscriber here: goo.gl/MJXPNp
Thank you so much for this
You're so welcome!
THANK YOU SO MUCH!! 😭
You're welcome
Thanks, I do not get the pattern to make this work.
Great to know but the problem is the signatures look odd on mobile phones/not put together and also the images take a minute to load.
The signature should be mobile responsive so should shrink accordingly. If they are not you've likely copied/pasted unwanted hidden code from your browser.
If the images take awhile to load means, either: your hosting is poor or you've not compressed your images and/or both.
Hey, Marty! First of all, Many thanks!!!! It works like a charm.... on the computer! On mobile, it shows too small and with a huge space between the lines. Any way to fix this? Thanks a lot again! You rule!!! (by the way, the signature is 406 pixels wide)
same problem? did you find a way to fix it?
@@farazazhdari8317 same problem. On gmail app the images go all over the place. On desktop it looks ok.
Hey Pedro, Im not sure why it's appearing like that on your mobile. The signature should be responsive. Perhaps you have copied some unwanted hidden code from a browser extension which is making it look discombobulated?
@@MartyEnglander I also have this issue. On mobile it looks like the signature is trying to resize itself to fit the screen? Work on computer, works on ipad but on my phone slices get realigned in a way i don't want it to. Is there a code for grouping all slices or not allowing the slices to be realigned?
Dear Marty, I've been trying to create a signature for my email for some time now, i've tried directly by photoshop, hyperlinking the images on the program, which, when i save to html and open on safari or chrome, works fine. But, when i copy the opened file to my mac outlook, or the outlook web browser, or even gmail web browser, they simply don't show up, or, they show up, but not in the place that they should be. I've followed your great tutorial and did all the coding on the Brackets app, once again hyperlinking the icons, but, once again, it opens fine on safari or chrome, but, when copied to the emails signature, simply doesn't work. Is that a common problem? Can you help me? Thanks and once again, great tutorial!
i am having the same problem with the one i created
I am having the same issue . But there is solution and also a problem. We have to host our that signature but when we are doing the hosting the links for signature is not working.
@@bahadurkhan8967 Yea. I'm running into issues on how to host the links. I have come across a few google drive options, but I haven't figured it out yet.
1) Have you uploaded your signature to your hosting before applying it to your email?
2) Usually happens when signature has not been sliced properly OR you have copied unwanted code when copying and pasting.
Best to try from a browser with zero extensions before copying and pasting.
However, this is a growing issue im seeing amongst people. If all else fails it's likely an outlook issue formatting the signature when you add it.
It might be best to redesign the signature using a white background to manipulate the lines. I've yet to find a solution for this new issue inside outlook.
This video is amazing. Everytime I have to update my signature I come back to it. One question though - is there a way to make it responsive? Like when the phone is flipped on its side, it wont resize. Or when the settings are on dark vs light (ie white bg vs black). Thank you so much.
Hi Marty,
I would just like to say thank for the help with this. This tutorial is really great for us beginners or start out companies.
There is just one this that I would just to ask, All works great when using outlook although when I send a mail to a gmail or a yahoo account there are gaps presented in the signature.
Please Please can you help me sort out this problem?
Kind Regards
Usually happens when signature has not been sliced properly OR you have copied unwanted code when copying and pasting.
Best to try from a browser with zero extensions before copying and pasting.
However, this is a growing issue im seeing amongst people. If all else fails it's likely an outlook issue formatting the signature when you add it.
It might be best to redesign the signature using a white background to manipulate the lines. I've yet to find a solution for this new issue inside outlook.
Thank you so much!!
You're welcome!
Thanks Marty. i followed each step but when i get to type "images.." there is no pop up to select the slices.
Could you tell me what time in the video you're struggling with please
@@MartyEnglander 7:37
@@MartyEnglander I'm also having the same issue, working on a mac
Is there a way to output text instead of images? That way, the client doesn't need to open up photoshop each time there's a text change...it could also be useful for reusing the same template across the company, and just replacing names, numbers, etc. Is it as simple as replacing the tag with text, or would that mess up the layout?
Not that I know of.
It will mess the layout up.
Outlook absolutely f*cks my design up. Works on gmail, any chance you know a way to get it to line up properly in outlook?
Hi I did it all as per the video, on pc it works perfect, but on a phone it breaks up with spacing between each slice... can you help with this?
Sounds like you've copied unwanted code. Try copy/pasting the signature from a browser without any extensions and or plugins activated.
when i copy the signature and paste to my outlook browser email. the images don't appear in the boxes, but can click links.
Sounds like you've not uploaded to your hosting. Check out my pinned post about images not showing and how to sort it
@@MartyEnglander thanks I will take a look🤞
that solved it thanks, but i get gaps (small spaces) between each image. Any suggestions?
STILL STACKED IMAGES!! I work on an Apple and use the Apple mail program. At Apple it is Command instead of Control, but even then I can paste the image in the mail (works perfectly) but not as a signature in the appropriate window. Anyone have a solution for this?
Just checking you've uploaded the signature to your hosting prior applying it to your email?
It' didn't work out with me. It goes perfctly fine on browser, but when I past it to gmail it won't load any image
Sounds like you've not uploaded to your hosting. Have a look at my pinned post for video tutorial
hello the email signature looks perpectly fine on my mail but while i send to others there come some dark space why its happening .....can you help me through it please brother
Have you uploaded to your hosting?
Thank you very much
Any time
Hi Martin, Thanks, but I have a problem, when I copy/paste it into gmail, there are only one block with text without anothers
Sorry, can you explain in greater detail please.
when i type in images/ i don't get a list of images like you do. also i am using Visual studio code. Any idea what i need to do to input my images?
Dont worry about the images popping up. Enter the same format and the image name.
Hey Marty, great tutorial. I did the layout as you explained and sent myself a test to my gmail. In desktop it looks fine but for mobile there are vertical spaces between each image. This is more readily apparent in dark mode. I read some of the previous comments and saw they were having some of the same issues but couldn't find the fix.
It's often to do with copying and pasting unwanted code. Try disabling all your browser extensions when copying and pasting. Hope that helps.
@@MartyEnglander can you make a video on how to make this responsive? Please please please🥺
@@animics.10 hi. Did you find a solution
Nope
hey, thanks for the tutorial. But when I paste the email into the gmail signature, or when I send the HTML file to someone else, the images don’t load. Do you know why might be causing this issue? Thank you.
Have you uploaded it to your hosting?
Brilliant video, thank you. I've got this all working on outlook first time, but the second i copy it in to mail for iPhone I get a table that only displays the text of where the images are hosted. any ideas? or is it just Apple nonsense.
Likely apple nonsense
Hey mate, hopefully im not a few years too late to get some support. I followed your instructions and everything works 100% but when I try copy to mac mail it doesnt copy. I just get this " /a " and nothing else.
I think in mailmac you may need to enable html check box in the settings somewhere, possibly.
After all the coding steps, when I copy the finished work into Gmail, it doesn't work as it just shows blocks of broken link. Issue with hosting, I suppose?
It sounds like the hosting. Have you watched my other hosting video found in my description?
Hey there! very nice tutorial, I have litle experience with coding and I've come across a little issue. First of, I dont need to slice my signature bc my clients doesn't want any links in the image and so I tried to skip that part. I pasted the next code into brackets just like you said:
Then I saved the image as "1" (I saved it some place else, not in the "signature folder")
But this:
18) From the “?” in the code, delete all the way until the last digit.
19) Replace the img src=”” code with your images
doesnt make much sense since I don't have that in my code... so what should I put instead of "FIRMA-TAMANO-CORRECTO.gif"? I tried "images/2.gif" didn't work, then I tried "nameofFolderwhereIsavedit/1,gif" didn't work either, when I refresh my page it shows blank.
One last thing: supposedly I don't have ALL the license to use the typography used in the signature and Illustrator warns me when I save it. ALSO yes, I'm using illustrator but the SAVE FOR WEB option is exactly the same as for Photoshop.
ANY IDEAS on what im doing wrong? THANKSSSS
Hi Rebeca,
The only reason why we would slice the images is If you want to make certain parts clickable.
If you don't need the email signature to be sliced you can place the whole image directly into your email signature box within your email provider.
If you decide you do want to make the email signature clickable on certain parts I would recommend watching the full duration of the vide and replicating exactly as I do
Thank you @@MartyEnglander ! The reason I want to have my signature in html is because if I add it directly as a png or jpeg to my email it will appear blurry or " low quality" no matter how I save it, I see there are some "signature providers" online that convert your final signature to html so that you can paste it into your email, the thing with them is you can only use their templates and those designs just don't work for my client :(
@@becanava1054 this may seem like an odd question but when you apply the email signature in your email provider is your browser zoomed in?
Marty Englander not at all actually my client can also see that the quality is odd In her computer. I read somewhere that the solution is converting it to html and when I saw that email signature providers apply that process I understood why :(
hey there, thank u so much for the video! i just have one problem with outlook platform, so when i paste the signature i get a slight space between the slices, which doesn't appear on gmail.. i couldn't find a solution to that on the net.
I'm now obliged to make the background transparent every time i'm making a signature for outlook.
is there a solution to that ? is there a way to contact you pls
Hello, it seems to be an issue with outlook. When I find an update for this I’ll create a new video :)
@@MartyEnglander thank u so much !
it doesn't work for me. there remains some gap between the slices after hosting the images, why?
You might be copying unwanted code from extensions
@@MartyEnglander no, i was making slices not well..
when I pasted the signature it was all scrambled
Might be worth trying to repeat the process but disable all extensions in your browser.
What a champ!
You're the champ!
Thank you :)
No problem 😊
Cool Video! Helped alot. Could you please make a tutorial on how to upload this HTML Signature to a Server from your Provider and use it as Signature on other Devices like Iphone or Ipad. Thanks.
Hey Alex I cover this in my course found in the description
Hey just uploaded a new video walking you through the process
► ua-cam.com/video/8qyY5yugysk/v-deo.html
I'm not understanding where to open up to see the file with broken links - 5:17 on the video
Id recommend starting the video from the beginning as you may have missed this.
In short: the code created is saved to your index.html file. What you see is the index.html file open. This is the file. You should have created this file and saved it to your desktop/folder.
Thank you for the great tutorial. I managed to make a nice signature. But how do I get this into my mail program? What do I do with the image folder and the index.html file? I am using Thunderbird and Outlouk
Hi Maya, glad you found the video helpful. You will need to upload the email signature to your hosting. If you do not have hosting here is Cheap Hosting ➡➡ bit.ly/2Mfcx41
Once uploaded you will then need to copy and paste it into your email signature setting box.
BTW my new course will be launched soon ua-cam.com/video/oacQPulUuJY/v-deo.html
I attached after i copied however its not showing the email?
Did you upload to your hosting?
Thanks for the great tutorial Marty. I successfully followed your instructions in the creation of the email signature, but I'm having trouble uploading it to the email. I see you are recommending Netlify to host the email signature but I am having trouble working out the steps to properly host the signature. I think a video explaining those steps would be really helpful. Thanks!
Also one more question regarding hosting, if I have access to the mail client can I bypass using the hosting all together and copy paste the email signature straight into say Gmail. If so I also have a problem there where when I copy paste it into Gmail the squares appears depicting the sections of the email but the images themselves don't appear. I have tried copy pasting into Word and have no issues, it is just pasting it into signature section of Gmail.
Hi Joe! Thanks for the feedback =) Alot of people have asked for tutorial showing how to upload into hosting etc... It's on my "to do" list!
@@joeyoung7446 Not that I know of. The email signature needs to be hosted somewhere and then copied and pasted.
To upload files onto netlify or hosting of your choice.
Go to the URL netlify provide you with and then highlight everything on the screen and copy.
Head over to your email signature and make sure (If your using gmail) that you have html enabled. And then paste the signature into the box.
@@MartyEnglander Thanks for getting back to me Marty. I ended up using postimages.org/ which worked a treat, and you don't even need to make an account.
@@MartyEnglander That would be great as I'm struggling how to paste the image into my signature settings in Thunderbird...
Thank you for this! What size do you recommend for the email signature?
Np it depends on your style signature. I tend to do 500px*300px but as long as it's not too large you'd be good with any size really.
Great video! Thanks so much, how would you give the end results to a client? Could you just copy and paste it in a mail and they repaste it in their signature ? Or how would that work?
Hello, you'll need to upload to your hosting and send the URL for them to copy/paste.
Hello Marty, thanks much for this awesome work you are doing. I need help with step 13, where do I
get the code again?
In the description
thanks a lot,you saved me...
Glad I helped :) Dont forget to subscribe to my channel for more helpful videos like this goo.gl/MJXPNp
@@MartyEnglander you should make and the other part of the tutorial.gmail and hotmail is a nightmare my signature cannot be reproduced in the way i want them ,some parts are above the other,they should be below lol. it is in the way i want them in browser but in gmail hotmail signature area is disaster.perhaps i created a complicated signature
Can i export the signature that the text remains as text and not as a picture? Would be cool in terms of quality!
No, sadly not.
why spacer.gif file showing after converting into html? should I make them host too hosting server?
All files should be hosted
Thank you for making this tutorial. I do have a question though, with this slicing method it seems like the hyperlinks you create are essentially just boxes around areas of the signature. This means before someone even "touches" an icon or something with their mouse, they may already click and be redirected. Is there a more elegant solution that only creates hyperlinks around the text or icons themselves, rather than invisible boxes? Many thanks
Hello, the best way is to ensure people dont click "by accident" so to speak is to make the slices as close to the "clickable" areas as possible to remove any dead space.
Without further custom coding, this is the best option I've found.
Hiya, is it possible to include a small video or animation in these html email banners? thanks Mel
As a .gif I think so. Never done it before but I'm sure you can
Thank you! When I create a signature without links everything is fine. I copy and paste in outlook. But when I add links, it is not possible to copy the signature. Just a web browser does not give highlight and copy
. Anyone can help please.
Are you using Photoshop or illustrator?
@@MartyEnglander I am using illustrator. If there is a problem, I will try to make in photoshop. Thank you!
@@AigarsPlatacs-js2qj That is your problem
Hi! Thank you for this tutorial. it works fine in the browser and then when I paste it in, it has all broken links. please advise :(
Have you uploaded to your hosting?
@@MartyEnglander hi! I figured this out thank you! Now the next thing I'm trying to figure out is how to scale down the overall design by a percentage in the code because it looks very low quality and low resolution. So I would like to re-export the images at a higher resolution and then scale it down so it doesn't look so pixelated. I'm still digging to try and figure this out.
Hi Marthy, thank you so much for the great tutorial! I've got through it and created email signature but I have one question. If I want the address on signature to pop up in google map when clicked, what do I write between ?
It would be greatly appreciated to know what code would lead the address to map.
Hi yelim,
If you go to Google maps and enter the address and search. Take the URL from Google maps and paste it into the code.
Hope that helps
@@MartyEnglanderOh I will try! Thank you for helping me out :)
@@byrimy NP
I am really struggling. I followed all your instructions and it all works. But the last bit where you highlight the image, click copy image and then paste it in outlook doesn't work. It only paste the one sliced section, it doesn't paste the entire image. Please help
Have you uploaded the signature to your hosting?
All i get is blank boxes when i copy the signature and paste it
Have you uploaded it to your hosting first?
Hi I hope yo see this but I’m stuck. When I have the file as it’s own tab it works great but when I put it in as a signature all the images are gone. Is my file too big please help
Have you uploaded the files to your hosting?
@@MartyEnglander thank you for getting back to me, I’m a bit novice to that term, how can I host a file. All the images are saved in the same file as the html in its own folder like the tutorial.
@@louisnotsogoodshow No problem. There's a video link in my description showing you step by step on this. It's the second link