Email template buttons

Anonymous
Not applicable

Email template buttons

This question is about button styles / links in email templates.

When I create an email with a styled button/link and send a test version, everything looks good. When I save the email as a template and create an email from it, the button style and link is gone and it's back to the default.

Does anyone have any ideas on how to correct this? I'd like to avoid having to change this button and link manually every time.

Thanks!

6 REPLIES 6
Josh_Hill13
Level 10 - Champion Alumni

Re: Email template buttons

Do you have code or image examples?

Is the CSS in the right place?

Anonymous
Not applicable

Re: Email template buttons

Hi Josh,

This is the styled button/CTA:

Screen Shot 2017-02-13 at 12.18.10 PM.png

After saving the email as a template and creating a new email from it, this is what I see (default, original template state):

Screen Shot 2017-02-13 at 12.20.03 PM.png

I didn't manually edit the CSS - just used this template option on the right:

Screen Shot 2017-02-13 at 12.21.56 PM.png

If there's a code edit fix or other pointers you have, I appreciate the help.

Thanks!

Anonymous
Not applicable

Re: Email template buttons

I should add that I've had this same problem happen using two different templates from Starter Templates.

Nicholas_Manojl
Level 9

Re: Email template buttons

are you putting !important on your inline code?

Did you know, you can "save as template" and edit the page and change the button style to how you want it always?

Anonymous
Not applicable

Re: Email template buttons

@Nicholas - Yes, but I'm trying to have this button set up as part of the template.

I've been using the template editor tool (above screenshot), not manually editing the code. Do you have a short example of a CTA using !important, as you describe above, that fixes this issue?

Thanks!

Anonymous
Not applicable

Re: Email template buttons

This seems to be a bug in the editor for Starter Template CTA buttons that happens when an email is converted to a template.

The way I found to solve it is to download the html code and add any CTA text, link, and/or color changes into the code. Using !important as a CSS override for this worked.