ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
HTML EMAIL SIGNATURE: how to create an email signature, in HTML, for Outlook, and customise it!
ฝัง
- เผยแพร่เมื่อ 16 ส.ค. 2024
- // IN THIS VIDEO
I walk you through how to create a HTML email signature using an online service from HubSpot, but then, how to tweak that HTML code directly and to swap out any images and icons hosted on their services, for ones you host on your own servers, and then finally how to create an email signature in Outlook.
// TIME CODE
[00:00] Introduction
[00:00]
[00:00]
[00:00]
[00:00]
// HASHTAGS
#EmailSignatures
#HTMLSignatures
#HubspotHTMLSignatures
#OutlookSignatures
#ENewsletterSignatures
// PLEASE SUBSCRIBE
3 x new videos every week (Mon, Wed, Fri) 10am GMT/BST
✔️ bit.ly/Subscrib...
// OUR PRODUCTS
✔️ TH-cam Video Marketing Planner: bit.ly/TH-camV...
// OUR SERVICES
✔️ Wordpress Website Packages: bit.ly/MMTV-Wor...
✔️ TH-cam Video Editing Packages: bit.ly/MMTV-You...
// OUR CLUB HOUSE
✔️ FREE Visitor Membership: bit.ly/McCallMe...
// OUR FACEBOOK COMMUNITY
✔️ The Solopreneurs Club: bit.ly/FB-Solop...
// OUR SOCIAL MEDIA PROFILES
🌐 Website: bit.ly/McCallMe...
👍 Facebook Business Page: bit.ly/MMTV-FBPage
💬 Facebook Messenger: bit.ly/MMTV-FBM...
💼 Linkedin Personal Profile: bit.ly/LinkedIn...
📷 Instagram: bit.ly/MMTV-Ins...
🐤 Twitter: bit.ly/MMTV-Twi...
// SERVICES USED TO MAKE/MENTIONED IN THIS VIDEO
👉 Background Music: bit.ly/MMTV-Epi...
👉 TubeBuddy Keyword Research: bit.ly/MMTV-Tub...
👉 VidIQ Keyword Research: bit.ly/MMTV-VidIQ
👉 Multi-platform Streaming Services: bit.ly/MMTV-Str...
👉 Website Hosting & Domain Name Registration: bit.ly/MMTV-Ionos
👉 Email Marketing Services: bit.ly/MMTV-Act...
👉 Topic Research: bit.ly/MMTV-Ans...
👉 Membership Site Management Software: bit.ly/MMTV-Pai...
👉 WP Forms: bit.ly/MMTV-WPF...
👉 Use Any Font: bit.ly/MMTV-Use...
👉 Multiple WordPress Plugins: bit.ly/MMTV-Darko
👉 Stock Library Media Assets: bit.ly/MMTV-Env...
// MY TH-cam STUDIO EQUIPMENT & TECH LIST
📸 Camera: amzn.to/3nNMWNK
📸 Wide Angel Lens: amzn.to/38pJ4vY
📸 AC Power Adapter Canon Camera: amzn.to/34uRS2C
⌨️ Stream Deck 15 Keys: amzn.to/38q1nRK
🎙️ Desktop USB Microphone: amzn.to/2KpyxZV
🖥️ 3 x Monitors; amzn.to/2LKTrTs
🖥️ Tri-Monitor Desk Mount: amzn.to/38eHexS
🎧 PC USB Headset & Mic: amzn.to/37xLIRh
💡 LED Strip Lights: amzn.to/38nSfgu
💡 Soft Box: amzn.to/3p23WjM
🔈 Mini Desktop Speakers: amzn.to/2WwFzOT
💡 Dual Mini Ring Light & Webcam Mount: amzn.to/2WK6nvn
💡 10" Ring Light: amzn.to/3azysO5
💡 14" Ring Light Defuser: amzn.to/3mAPei3
🗜️ Ball Head 1/4" C Clamp: amzn.to/3pbg0PO
🔌 USB & 3 Power Socket Extention Cable: amzn.to/3nAvoF2
// DISCLAIMER
Many of the links on this page are affiliate links, meaning if you were to make a purchase after using this link, then I would be paid a commission for that recommendation. However, I am in no way associated with the companies listed, please use your own judgement, and research before making a purchase. I use these links as a way to help fund my business, so I can continue to provide free content like this video. Your support is greatly appreciated.
stands for Table Data
Thank you SO MUCH for this! I have tried for days to put one of these together and I merely dabble in Dreamweaver. This did the trick!
Glad I could help!
This really helped. Thank you so much.
You are welcome.
Very helpful indeed. Thanks a lot!
Thanks
This was great. Thank you very much. It worked well as I built one. Thank you so much again.
Great to hear! - sometimes you just need a good shove in the right direction. :-) x
Really awesome tutorial. Thank you! Subbed :)
You are so welcome. Thanks for your support xx
thank a lot !
Thank you sis
¡Muchas gracias! This is a very helpful video! Thanks! :)
Glad it was helpful!
I was completely impressed by your video. Obviously subscribed. I have one question. I have a client who is interested in having a custom font in their email signature. You mentioned in this video you would show us how to do it but the instruction was not there. Could you please provide some insight or provide another of your videos that has this insight. Much abliged. :-)
OMG - I am so truely sorry to have only just found this message.
I've not actually run a custom font in an email.
The problem is that fonts are powered by the users own computers and what fonts they have installed.
If possible ( I need to Google it), I would host the font on my own server and see if that can be used. Normally with a website you would use css but css is not permited in esignatures, they are only html.
So I do not have a solution. But would like to know if you found one :-)
First off luv the vid, nicely done.
1. When finish editing your beautified html page, just run it in the browser (vscode liveServer)
and ctrl +A -> ctrl +C open a new signature in outloo and ctrl +V ==> voila.
2. question in the code I see elements with a class="sc-gPEVay eQYmiW"
where is the style sheet that contains the class ??
thanks
It was a class that was generated by the hubspot tool. When you replace the images with your own, hosted on your own server, you will delete the html lines that include those classes and so not relevant in the final result. xx
Good Tutorial, however i cant see where to change the background colour from white, any ideas? thanks
I normally keep email colour white as its easier for the user. I'd try a normal html command for background colour.