Your Achievements
Level 1
0% to
Level 2
Next /
to gain points, level up, and earn exciting badges like the new Applaud 5 BadgeLearn more!
View All BadgesSign in to view all badges
Open Alert Bar
SOLVED

Placing HTML Variable Data Inside Head Tags for Email Template

Go to solution
disrael
Level 1
Level 1
‎02-01-2024 02:00 PM
‎02-01-2024 02:00 PM

Placing HTML Variable Data Inside Head Tags for Email Template

I have an email template, and I want the user to be able to add custom style tags to a global variable, so that it gets place inside the head tags. This seems to work if you have a short string, like customizing the phrase in the title tags, but if you attempt to do this for style tags, containing CSS, the resulting code will move the style tags into the body tags. Does anybody know if this is possible to do?

0 Likes
718
Reply
1 ACCEPTED SOLUTION

Accepted Solutions
Dave_Roberts
Level 10
Level 10
‎02-02-2024 09:03 AM
‎02-02-2024 09:03 AM

Re: Placing HTML Variable Data Inside Head Tags for Email Template

I haven't run into this issue specifically so long as you're using a variable within the <style> tags and the variable <meta> tag comes before the <style> tag in the head, something like this:

<head>
<meta class="mktoString" id="Custom-CSS" mktoName="Custom CSS" default="body {color: red;}"> 

<style>${Custom-CSS}</style>
</head>

 

It'd be helpful to see the string of CSS you're looking to include and how you have the HTML portion of the email setup as well as what you're seeing as an output compared to what you've got setup on the template.

 

Another idea here might be to use a token rather than a variable?

<head>
<style>{{my.EM Custom CSS}}</style>
</head>

 

View solution in original post

687
Reply
3 REPLIES 3
SanfordWhiteman
Level 10 - Community Moderator
Level 10 - Community Moderator
‎02-01-2024 06:54 PM
‎02-01-2024 06:54 PM

Re: Placing HTML Variable Data Inside Head Tags for Email Template

Please share the template code you’re actually using (not the whole thing, but the relevant <head> tags that are sufficient to reproduce the behavior).

0 Likes
708
Reply
Dave_Roberts
Level 10
Level 10
‎02-02-2024 09:03 AM
‎02-02-2024 09:03 AM

Re: Placing HTML Variable Data Inside Head Tags for Email Template

I haven't run into this issue specifically so long as you're using a variable within the <style> tags and the variable <meta> tag comes before the <style> tag in the head, something like this:

<head>
<meta class="mktoString" id="Custom-CSS" mktoName="Custom CSS" default="body {color: red;}"> 

<style>${Custom-CSS}</style>
</head>

 

It'd be helpful to see the string of CSS you're looking to include and how you have the HTML portion of the email setup as well as what you're seeing as an output compared to what you've got setup on the template.

 

Another idea here might be to use a token rather than a variable?

<head>
<style>{{my.EM Custom CSS}}</style>
</head>

 

688
Reply
disrael
Level 1
Level 1
‎02-07-2024 08:04 AM
‎02-07-2024 08:04 AM

Re: Placing HTML Variable Data Inside Head Tags for Email Template

Hi. Thank you for your reply. I initially had basically the same approach to your sample, and I was using a web version link to see the resulting source code. For some reason, the style tag was being forced out into the body tags on the web version. I started over, same approach, and now it seems to be working, without the style tags being forced into the body tags. Maybe I was ordering something incorrectly the first time around. Regardless, thank you again!

0 Likes
615
Reply
Home