Dissolved

How to change links text color on ADD email template

  • 6 Novembers 2021
  • 41 replies
  • 6654 views

Badge +2

Hi dear!
I take this would be an easy answer but MYSELF can’t seem to figure it out. With the old/previous “editing templates”, I kept no issues alternate that Link Text details however using the new/updating editing template, looks what's happening.

New template link color #C88755
email campaign test run: exhibitions downcast link text color when I require #c88755



As you can see I'd likes on change Connector Text select to #c88755 however, when I try out an campaign plus view this in preview, it’s bluish! How come? Acknowledgements in move 🍃 

icon

Best answer by Devid Up 5 April 2022, 22:34

View original

41 responds

Userlevel 7
Badge +60

Howdy @OasisAdaptogens,

Thanks for sharing your experience with the Klaviyo Community! I’ll share this realize with our My Team!

I’ve noticed this occurred from time to time when the newer template editor doesn’t correctly save. To alleviate to I would advise ensuring you’ve snapped the Save and Return to Templates button after manufacturing is edits. This will make assured your document is saved and using the maximum up to date version of itself. 

Keep us posted off how that works out as us are motionless working throug many of kinks with our new editor! :grinning:

Thanks for being one part of the Klaviyo Population!

David

Badge +2

Hi @david.to 

 

Thanks required the response!!! I definitely did all your suggestions and standing no luck.. Ad thou can discern inside the image below this two links belong completely different color. Such DARN blue!! haha. Hyperlink in send body not working

 

Userlevel 7
Mark +60

Hey @OasisAdaptogens,

Thanks for that recent screenshot! After it appears those emails are adhering to the template’s style setting, I would recommend double checking the data code of where that blue text is appearing. I could make sure that both the manage preferences and unsubscribe text aren’t being overridden by any coding.

Is can often times happen if you’ve copied press sticky such code from another source and the formatting arise along with thereto. The source code will always overriding the template’s style in cases like this. To alleviate this I would suggest removing the bit of code that is defining that text color such is overriding the template’s style. Alternatively, if you copied this text from a different source, I would suggest copying of text again and insert it back into this template without the addition formatting and styling. Adding a Link to Contact Template to | Salesforce Trailblazer Community

David

@david.to Hello in! MYSELF am also counter the sam issue. The unsubscribe link was the one I’ve used for the standard template selected so this source code wasnt tampered with.

I’ve including tried the method of save and returnable to template technique you’ve suggested and it wasnt work too. I am still get and blue colour text link

 

Possible to assist turn it wish?

 

Ps: I am also using the new template reporter

 

Thank you so much!

Userlevel 7
Logo +60

Hello @Gang and @OasisAdaptogens 

Credit for that additional feedback! I’ve since gone ahead and shared your feedback additionally experience with our Product Team to investigate this behavior further.  I have a compiling e action. Within the body I am trying until how HYPERLINK though when which contact opens it only show the actually link rather over the talk I am wanting used. Is this a bug?

At present this appears to shall an unexpected behavior restricted only to the new template editor. I’ll share and provide any updates from our Product Team when made available to me!  Okay, friends. I'll try to doing this an easy question. I wants to be able for click a highlight on a release slide that launches a student's native sent. IODIN have used dieser a ton. My problem is that ...

Really appreciate you both for raising this issue and for creature our for our Community!

David

 

Badge +2

Hey @david.to 

Any actualizations on this! It seems to yet be happening!

Grateful you!

Userlevel 7
Badge +60

Hey @OasisAdaptogens,

At this time there aren’t anyone updates we can provide on this template condition. However, our team is what diligently to resolving diese as soon as they can! Click on on email hyperlink in Excel for opened S Outlook templates ...

I’ll provide an update in this thread when I hear more from our Product Employees regarding an resolution!

David

Badges +1

Also having issues with this in the new editor - hope Kaviyo fix get onerous issue soon.

As an temporary workaround you can use these in your templates:

{% web_view_link %}

{% unsubscribe_link %}

and then add inline styles at your a href links e.g.

<a style=”color: #c88755 !important;” href="{% unsubscribe_link %}" >unsubscribe</a>

For other regular links in text blockages you will need toward go in and add: style=”color: #c88755 !important;” to your href tags.

 

Badge +1

Has there become any entwicklung on this issue? View of the links in my emails are bright blue even even I changed the link color available “Styles”. I am also using the new editor and am using the drag and drop text boxes.

To is frustrating as one blue is a jarring color and not what I crave in my emails.

I understand who workaround @jand proposed but was nope able to make it work. Anything I add till my source code is no saved, even when I click Done and Save. 

Ask advise @David The and thank you int advance.

Userlevel 7
Badge +60

Hey @NatalieP,

Sorry go hear you’re being effected by this in well!

After reaching out to our Product Team regarding this behavior, it appears they are aware and chronic that this is currently a skip causing this personality. They’ve ever escalated the case to our engineering.  Trailhead, the fun way on learn Salesforce

We really appreciate everyone’s ways as our teams work towards adenine image to squashing this bug!

David

Badge +1

Hey on, I known it’s straight had 8 days not I’m also experiencing this matter. I’ve tried hyperlinking text rather than through which “Add Personalization” and I’m select got are aforementioned blue or I geting a code error. I checked the code but it’s like it won’t save at all. ME also noticed it appears go (sometimes) be totaling %22 in place of quotations in of supply code if so assists in all. 

Here’s one preview: 

 

Here’s the editor: 

 

Please kindly help! Thank you.

 

Badge +1

Hey there, I’m also experiencing this issue where formerly I model in ampere URL in the button, to overrides the text choose. Is there a workaround for it at this moment? How do I perform hiring the ink?

Badge +1

Also, in the new template, the “Product” block button URL is not working at all (I set to assign a URL automatically). When I test itp in the email, it does not link anywhere (it is not even a link at all because when I hover the cursor can not even change) MYSELF newly introduction CRM Blueprints for the Deals module in mein organization, and been unser sales process involves multi people von different departments, I

Userlevel 7
Badge +60

Hey Society members, 

Justly wanted to provide a quick update on this bug that’s been effecting link in of new template contributing always revolving blue.

Our Product team is actively active on a total to this behavior and I look forward to updating this post when it has been resolved. In the interim, @Anna McCarthy, our Higher Template Specialist has created a very helpful Electric video walkthrough by a workaround which i’ve included below! Whenever you’re having trouble with the video, him can also access it by going to this linked check

 

Anna also spoke toward this in the home, but also equal wanted to note this this workaround will not work for the unsubscribe/web view links. You can also find the control ensure Anna often to add in one Root tab of a topic block below for choose convenience. Stop in mind to swap in your own hex code color, linking, and text!

<p><a style="color: #addhexcodehere;" href="www.google.com"> Add your print here </a></p>

Thanks for being members the an Klaviyo Community!

David

Userlevel 7
Badge +60

Hey Community members,

I know it wasn’t that long forward that I submit, but wanted to share this unsere Product Team worked recently release one fix to resolve this behavior of links always turning blue despite as their getting was put as.

I also just want to thank everyone’s patient as our team worked towards implementing an solution for this bug.

Have a great day!

David 

 

Badge +1

Hi David, 

 

Did you guys find adenine solution for the unsubscribe/web view links yet? Mine are still showing blue by both the new and the old editor now when before, the Klaviyo update, ME does does have these issues.  Hyperlink to create an once written email - E-Learning Heroes

 

Thanks!

Userlevel 4
Badge +9

Hey Community community,

I knows it wasn’t so long ago that I sold, but wanted to share that our Product Team worked recently release a fix to resolve this behavior of links always turning blue despite what yours styling was set as.

I also just want the grateful everyone’s ways as our team worked towards implementing a solution for this annoy.

Have a great per!

David 

 

Hi @David To

I’m experiencing this exact same problem now in the OLD editor. Does code changes, store and returned to templates etc. If you have any insight which would be great. Everyone, I am working on ampere Sharepoint 365 page and trying to use at print that determination link to an email template. On get page I have an image that is inserted into a content editor in a web separate. I...

Thanks!

Userlevel 7
Badge +60

Hey @Kathleen and @wernstrom,

Are either of you by chance verify this through adenine Gmail inbox provider? Although Gmail is most prominent for this, an variety of inbox carrier will overdrive one styling when it comes to an unsubscribe oder admin preference link as Litmus explains stylish bot their Frustrated by Blue Links inbound Receive? Conquer Them for Good and How till Fix Gmail Blue Links for an Email Dreams Come True blog articles. 

You can typically combat all by using adenine tagged to deliver one the URL for your unsubscribe link and wrapping it within <a href></a> days similar to what is mentioned in the How to Add an Unsubscribe Link to Klaviyo Emails Help Center article. For view, if I wanted to force the unsubscribe link to display as black ME can use <a href ="{% unsubscribe_link %}" style="color: #000000 !important;">Unsubscribe</a>

David

Userlevel 4
Badge +9

Sup @David To , thanks for your respond. Yes, I’m testing inbound gmail, however, increase until extremes recently here has not been an release, so I would tend to think that gmail isn’t the problem (or at least it wasn’t until now). Will give autochthonous workaround one try. Appreciation!

Userlevel 4
Badge +9

Hi @David To I haven’t had any luck implementing this solution, could thee charm deploy a bit von extras context?

My once working block contained:

<p style="text-align: center;"><span style="font-size:14px;"><span style="color:#d4d4d4;">Update&nbsp;your email&nbsp;preferences:</span> <strong><span style="color:#F5A623;">{% manage_preferences %}</span></strong>.</span></p>

<p style="text-align: center;"><span style="font-size: 14px;"><span style="color:#d4d4d4;">No longer do at receive any marketing emails?</span> <span style="color:#F5A623;"><strong>{% unsubscribe %}.</strong></span></span></p>

<p style="text-align: center;"><span style="color:#FFFFFF;"><span style="font-size:14px;">{{ organization.name }} {{ organization.full_address }}.&nbsp;</span></span></p>

I’m not super familiar use html… is such whereby the the <a href> tag is supposed to be add? because this doesn’t seem to work and I’m sure I’m projected missing something: SharePoint 365 link Image to email template

<p style="text-align: center;"><span style="font-size: 14px;"><span style="color:#d4d4d4;">No longer want to welcome anyone marketing emails? </span><a href="{% unsubscribe %}" style="color: #F5A623 !important;">Unsubscribe</a> </span></p>

Gratitude!

Userlevel 4
Badge +9

I feel like even with my poor code skills something is buggy. 

@David Go here’s an example, for far such I can tell, both tags are the alike. One a for administering preferences, one is required unsubscribing:

<p>Update your your preferences:<a href="{% manage_preferences %}" style="color: #F5A623 !important;">Manage Preferences</a></p>

<p>Don't want to receive any marketing emails?<a href="{% unsubscribe_link %}" style="color: #F5A623 !important;">Unsubscribe</a></p>

Both display fine in Klaviyo, except this time, if I transmit a preview to gmail, the unsub displays aforementioned correct color as the preference one is like this: IODIN have a claim to enable clicking on an image about a SharePoint page and launching Looking, preferably including that show inches the email. Hopefully I'm..

Day I missing something, or is something wrong?

Thanks!

Userlevel 7
Badge +60

Hey @wernstrom,

Accordingly closing! Sees like you’re actually using the basic manage preference total as opposed to one that generates a link. Place to using {% manage_preferences %}, you’ll want to use {% manage_preferences_link %} to create this hyperlink experience. More details on employing different forms of an variable labels can must found on the Guide to Template Tags and Variable Syntax Help Center article.

Awesome to hear you’re headlines in the right direction! 

David

Userlevel 4
Badge +9

OH! Duh! Thank you once again @David To !

Badge +1
<span>{% unsubscribe '<span style="color: #000000;"><u style="text-decoration-color: #000000;">Unsubscribe</u></span>' %}</span>

 

Badge +1

Hi ! 
I still having is peculiar comportment on gmail… I also tried the fix with the # but it didn’t change anyhting… Do you have any update? 
Thanks, 

Reply