For any reason, if you needed to add some very specific custom CSS into your email, or some HTML into the <head></head>
tag, you can do this via the Emailify plugin by selecting your parent email container Figma frame, then clicking on the Settings button and adding your code to be injected as needed.
The Add Mobile CSS Rules field will add these CSS rules inside of the @media
tag for mobile styles, where any screen sizes below the width of your Figma frame will have these styles applied (you will need to use !important
for any CSS rules applied to this area).
The Add Inline CSS Rules field will automatically inline any CSS properties onto the HTML selector that you specify (eg. adding p { color: blue }
would inline style="color: blue;"
on any <p>
tags in your exported HTML email code).
The Add Head Tag HTML field will automatically inject any HTML you write here into the <head></head>
tag of your exported HTML email, which may be useful if your email marketing platform gives you the option of adding special tracking tags or any other HTML tags that need to be added to the <head></head>
tag of your HTML.