How to Embed HTML in Outlook Email

[@liamaronow7728]

This made my life so much easier! So grateful. Thank you

[@Publicate-Email-Builder]

Thanks for letting us know Lia! It's really great to hear and exactly what we aim for 😃 Have an awesome day! - The Publicate team

[@HamzaMriss]

thank you so much you saved my life with this tutorial

[@Publicate-Email-Builder]

😃🙌 That's what we like to hear! You're welcome, Hamza. Here's to a great 2024 filled with newsletter success! 🎉

[@juliaklement1118]

Thank you so much!! I saved this video because this is one of those topics I always forget how to do.

[@Publicate-Email-Builder]

So great to hear, it was helpful, Julia 😊 Have a great week!

[@MayaVla]

Brilliant! Thank you!

[@Publicate-Email-Builder]

🙌 You're welcome 😊

[@DonnieChance]

Anyone else thiink that voice was Leila Gharani ... the excel woman? ha ha ... anyway, great tip on CTRL-SHIFT-J. Publicate might get me part way through my challenge. I have users that use a spreadsheet to send out offers on products. There are several line items and things like discounts, location, time of year affects the number. I want them to key in their data on the spreadsheet and then punch a "magic button" (power automate?) ... the idea would be that the spreadsheet calculations would be used in the one-off email messages. Key in your numbers, push a button, a really nice email message is created with the data and is ready to send. Now, is that so hard ... :)

[@LewDonley]

on windows CTRL - SHIFT - J , doesnt bring up anything

[@rajan-u6b]

don't use app...use web version

[@MarcoDeLucca]

First of all THANK YOU in advance for the tutorial, this is how we are doing it but for some people Outlook is not sending the images (like logo png and social media icons) all the code is HTML and using inline styling with encoded images as well (base64). Would you happen to know how to troubleshoot to find where is the mistake?

[@Publicate-Email-Builder]

Hey there :) Well, we can't help troubleshoot your code but let's just say you wouldn't have those issues if you were using Publicate 😉 It's very easy to recreate what you set up in code through the drag-and-drop editor. Ig you want to give it a go, you to start your free-14 day trial here: app.publicate.it/signup (no card details required) and chat with us if you have any questions 🙂 We also have a new 3 min demo you'll find here kzbin.info/www/bejne/pYqqn3-copKta6M . See you soon in the app!

[@elcarlosbrown]

best videotutorial ever thank u

[@Publicate-Email-Builder]

Thanks so much for your feedback, Carlos! We're so happy you found it helpful 😊

[@dannygarcia1640]

Hi, great video, however I cannot find Edit as HTML on a MAC. Do I need to turn on Dev Tools. I looked for it and still doesn't show. Any advise?

[@Publicate-Email-Builder]

Hi there, Outlook stopped providing the 'Edit as Html' option, however, you can follow the instructions from 1min 27 using keyboard shortcuts cmd+option+J if you use a Mac (or ctrl + shift + J if you use on PC). This works on Chrome so make sure to use the right browser. If you don't see the console as per the tutorial, you might want to check that the console didn't open in a new tab or window (it might do so depending on your browser settings). Additionally, if the shortcut doesn't seem to bring up anything, you need to check your keyboard settings especially if using a Bluetooth keyboard as the settings determine what the keys do. Alternatively, if you don't want to bother with these shortcuts and pasting HTML code, check out the Publicate method shown from 3 min39 in the video😉

[@iamapatriot]

Great tutorial ❤

[@Publicate-Email-Builder]

Thank you so much. We're very happy to hear this is helpful 😊

[@coisasdeanime9539]

Hello, thanks for this amazing content. One doubt, I have to host the images of the HTML?

[@Publicate-Email-Builder]

Thanks for your positive feedback. It depends on which method you use. You won't need to if you use Publicate but if you got your HTML code from a third party such as DesignModo, you might need to host images so if don't use Publicate and use another service, best to check with them :)

[@metime9260]

thanks for the video ..its working!! but when i paste a webpage all the back ground color is coming on top and the sentences are pasted below email body ...any advice????

[@Publicate-Email-Builder]

Hi there, if you've used the code provided by Publicate using the free 14-day trial, we'll be happy to help, just reach out via the in-app chat :)

[@ItsAmo]

where do I make email templates like that??

[@Publicate-Email-Builder]

🙂This video is actually an older one and since then we have a new version which you can see a mini demo for here: kzbin.info/www/bejne/pYqqn3-copKta6M 🎉We also have a chat available during the free trial so if you have any questions then, feel free to reach out, we're happy to help 🙌

[@zohaibchuhanofficial]

hello ! I converted a PDF to HTML and then added it to Outlook as you suggested. After that, the email body looked like the same PDF template. However, when I forwarded the email, the HTML display changed. What should I do?

[@Publicate-Email-Builder]

Hi there :) The best thing to do if you have any issue/question after using Publicate is to reach out via the in-app chat and to send us your email newsletter Share link (you'll get it from the 'Share' button). Different email providers can sometimes impact the HTML code and we have designed specific add-ins and extensions for Outlook that can help you with that.

[@ddamas]

good content!

[@Publicate-Email-Builder]

Thanks for your feedback, it's great to hear it was helpful :)

[@PauloMontoyaTlacuilo]

wow its a very nice trick

[@Publicate-Email-Builder]

Thanks Paulo! Great to hear you've enjoyed this tutorial 😊

[@APak-ko4rp]

Using chrome developer tools to change the html is great. Problem is when we send the email, and it gets all distorted. Didn't work after that gimmick. The second method of copy/paste html to the email worked fine (used copy the html from safari and paste to chrome outlook web). But then again I'm stuck with just sending a pretty email with no metrics, and now searching for some newsletter funcionality on Sharepoint, so I know what goes on such as how many open, how many delete, and so on. Thanks anyway it's a great video, but only to make an adversite of Publicate addon for Office 365. Thanks!

[@Publicate-Email-Builder]

Hey there, Actually Outlook is well known for impacting code and creating discrepancies, not to mention, the Outlook Web version and the Desktop version don't always support the same features (for example the Dekstop version doesn't support round edges or background images) so it's unfortunately not surprising that you had that experience. Publicate offers solutions though: our Outlook integrations were created specifically to protect your newsletter code and make sure that Outlook doesn't impact it. If you'd like to give it a go and see the results for yourself, you're welcome to start a free 14-day trial from app.publicate.it/signup (no cc is required and you'll have access to your account immediately). Plus with Publicate you'll get analytics too: Opens, Clicks, Clicks per Open, Newsletters shares, Content share and more audience insights 🎉😊

[@APak-ko4rp]

​@@Publicate-Email-Builder Newsletter analytics are really useful. It seems that outlook web is really difficult with code discrepancies, and in the overall it seems not so easy maintain the message formats as outlook evolves. Thanks for the tips and the 14-day trial.

[@Publicate-Email-Builder]

@@APak-ko4rp You're very welcome 😊

[@AliNawazAdil]

Hi, I tried this, but it will not work on mobile for responsiveness

[@sarahhegab6243]

Hi, my html design is animated. how can i make it work on outlook from web version to desktop version

[@Publicate-Email-Builder]

Hi Sarah, it sounds like your animation doesn't happen in the Outlook desktop app and it does in the Desktop app. This wouldn't be a surprise since the Outlook desktop app is a little bit outdated compared to its online version. There are many things the desktop doesn't support such as background images, and round edges on buttons and unless Outlook decides to change this, there's no much you can do but hope people look at your email from Outlook on the web and/or other email providers that are also online and support more options.

[@billiemcgee9216]

This worked Great in Edge - do you know how to do it in Firefox?

[@Publicate-Email-Builder]

Hi there :) if you meant to use the first method pasting HTML code, there's no shortcut available with Firefox and the current outlook options it seems. However, you can definitely use the second method using Publicate and the 'Publish' button option as shown here kzbin.info/www/bejne/eGOlZY2Ao5mejbc (the example is with Yahoo but this will work anywhere) .

[@artteacherfusion2636]

Hi, I am able to get seeing the HTML in my email, but when I send it, it does not show. Am I missing a step? Thank you!

[@Publicate-Email-Builder]

Hi there, if you've sent your email using Publicate, please contact us on chat and we'll get this sorted asap 😊 (Our in-app chat is available in the bottom right corner if the editor (the little orange bubble) or from the Help section in the top right corner.)

[@KevinAllauca]

Insert as text not showing in outlook 2023 for pc :(

[@Publicate-Email-Builder]

Hi there, Outlook stopped providing the 'Edit as Html' option, however, you can follow the instructions from 1min 27 using keyboard shortcuts cmd+option+J if you use a Mac (or ctrl + shift + J if you use on PC). This works on Chrome so make sure to use the right browser. If you don't see the console as per the tutorial, you might want to check that the console didn't open in a new tab or window (it might do so depending on your browser settings). Additionally, if the shortcut doesn't seem to bring up anything, you need to check your keyboard settings especially if using a Bluetooth keyboard as the settings determine what the keys do. Alternatively, if you don't want to bother with these shortcuts and pasting HTML code, check out the Publicate method shown from 3 min39 in the video😉

[@mikekime2745]

I right click to edit as html on my mack and nothing happens i coded this email its my first time and im stuck at this part as i dont seem to find any way to emebed my code successfully anywhere its very frustrating like is it always that hard ??

[@Publicate-Email-Builder]

Hey there :) If you use Outlook on the web, we explain at 1.25 that the right click and edit as HTML method no longer works so we show you a workaround 🙂 Or if you use the Outlook desktop app on Mac, it's even easier, watch from 2:33 . OR if you don't want to bother with code anymore and just make it simple, give Publicate free 14-day trial a go from app.publicate.it/signup (no card details required) and chat with us if you have any questions We also have a new 3 min demo of our brand new version which you’ll find here kzbin.info/www/bejne/pYqqn3-copKta6M . See you soon in the app!

[@eduardoasta]

On the desktop app for Mac, copy/pasting doesn't work. We loose some formatting.

[@Publicate-Email-Builder]

Hi there, if you've used the code provided by Publicate using the free 14-day trial, we'll be happy to help, just reach out via the in-app chat :) Also, if you use Outlook or Gmail, we recommend using our Add-in or extensions.

[@KhalilCh]

I tried to click (Option + Command + J) but it is not working in my outlook

[@Publicate-Email-Builder]

Hi Khalil, This works on Chrome so make sure to use the right browser. If you don't see the console as per the tutorial, you might want to check that the console didn't open in a new tab or window (it might do so depending on your browser settings). Additionally, if the shortcut doesn't seem to bring up anything, you need to check your keyboard settings especially if using a Bluetooth keyboard as the settings determine what the keys do. Alternatively, if you don't want to bother with these shortcuts and pasting HTML code, check out the Publicate method shown from 3 min39 in the video😉

[@nicolekinda5992]

Hey is it just me or is publicate not working if i want to use a preexisting email template

[@Publicate-Email-Builder]

Hi Nicole, did you create a newsletter template without Publicate and would like to import it into Outlook via the Publicate Outlook add-in or extension? Both allow to import newsletters created in Publicate only so if you created your template somewhere else, you can use either use the 'Paste' code method shown at 00:49 onward. Or you're welcome to start your free 14-day trial to Publicate (app.publicate.it/signup) which should allow you to recreate your template within minutes and then you can use our extension and/or add in :)

[@nicolekinda5992]

@@Publicate-Email-Builder thanks for the response! I have been able to create the template, can you guide on how to extract the html file? or even being able to copy because when i view the page source from the editor i am getting different source code not my html code

[@Publicate-Email-Builder]

@@nicolekinda5992 Great to hear you've joined the free Publicate trial, Nicole 🎉 You can download the newsletter HTML by clicking the 'Publish' button in the top right corner when your newsletter is opened (see the last option 'Download HTML' on that window). That being said, since you send via Outlook, it's probably much easier to use our dedicated integrations you can access from the sane 'Publish' button, then click the Outlook icon. Also, we have an in-app chat that is always present in the bottom right corner (the little orange bubble) so feel free to reach out to the team there in the future 🙂

[@nicolekinda5992]

thanks @@Publicate-Email-Builder , though i still couldnt use a ready template, just dragged and dropped the modules

[@Publicate-Email-Builder]

@@nicolekinda5992 Oh right you tried to use the free templates, I thought you meant a preexisting template you had created yourself. Tech found a bug with the 'use' button available on the free templates and fixed it so it will be fine once you refresh the page or log in again 🙂

[@Rensldn.]

How do u change your pdf file to html

[@Publicate-Email-Builder]

Hi there, It sounds like you want the PDF to show as the body of the newsletter but Publicate is not a tool to convert another type of document into an HTML email . That said, we created the Editor to be super easy to use. This video tutorial (kzbin.info/www/bejne/i6eadpl7frirZq8) will give you an idea of how fast it is to create in our editor. You're welcome to start your free14-day trial from this page app.publicate.it/signup and see how you get on 🙂

[@Rensldn.]

@@Publicate-Email-Builder I’m really looking for a platform I can send marketing emails. So e.g if you buy clothes and from a particular store then they send you an email with a promo code etc. I bought a template off Etsy but it’s linked to Canva

[@Joker-Leto]

so.....? you did not show how to embed HTML in Publicate,,, you totally went to the templates section ... so .. This is just an advertorial, not a tutorial. ?

[@Publicate-Email-Builder]

Hi there, It is both really: if you watch the full tutorial you can see that we do show you how to embed HTML in Outlook at first and then offer Pubilcate as an alternative for people who don't want to bother with HTML code and all the extra steps (see from 3.18 the introduction to Publicate). It's completely free to try also for 14 days, no cc required so nothing to lose if you want to give it a go 🙂 (publicate.it/signup)