Skip to main content
Solved

update "unsubscribe" font color

  • February 4, 2022
  • 5 replies
  • 1824 views

Forum|alt.badge.img+4

I tried to update the unsubscribed: {% unsubscribe%} font color in the email , but failed. It works on other hyperlink but not the unsubscribed syntax, any tricks to change the color ? 

Best answer by alex.hong

Hi there @pmjchan,

Thanks for posting to the Community! Hopefully I can help with your customization question.

The unsubscribe link text color can be changed by updating the source code. The below code can be inserted to update the color. 

<a href ="{% unsubscribe_link %}" style="color: red;">Unsubscribe here.</a> 
 

You can style the text for an unsubscribe however you'd like inside of the text editor.

To customize the text for the generated link:

  1. Insert the tag: {% unsubscribe %}
  2. Add two single quotation marks after unsubscribe with the text you want: {% unsubscribe 'YOUR UNSUBSCRIBE TEXT' %}

If you need even more control, you can add a tag to provide only the URL for your unsubscribe link. For this, place the unsubscribe tag within <a href></a> tags:

 

<a href ="{% unsubscribe_link %}" style="color: red;">Unsubscribe here.</a>

When a recipient clicks a Klaviyo unsubscribe link, they will be taken to a confirmation page to confirm the unsubscribe request. It is not currently possible to create a link or button that automatically unsubscribes someone with one-click.



​​?name=wUTP4eBwYm0uho3Q4rmydUgDf__1640%C3%97768_.png​​

?name=Edit_KL_TEST___Klaviyo.png

More information on the Unsubscribe link can be found here: How to Add an Unsubscribe Link to Klaviyo Emails

Have a great day!  

Alex

View original
Did this topic or the replies in the thread help you find an answer to your question?

5 replies

alex.hong
Forum|alt.badge.img+58
  • Klaviyo Alum
  • 1552 replies
  • Answer
  • February 4, 2022

Hi there @pmjchan,

Thanks for posting to the Community! Hopefully I can help with your customization question.

The unsubscribe link text color can be changed by updating the source code. The below code can be inserted to update the color. 

<a href ="{% unsubscribe_link %}" style="color: red;">Unsubscribe here.</a> 
 

You can style the text for an unsubscribe however you'd like inside of the text editor.

To customize the text for the generated link:

  1. Insert the tag: {% unsubscribe %}
  2. Add two single quotation marks after unsubscribe with the text you want: {% unsubscribe 'YOUR UNSUBSCRIBE TEXT' %}

If you need even more control, you can add a tag to provide only the URL for your unsubscribe link. For this, place the unsubscribe tag within <a href></a> tags:

 

<a href ="{% unsubscribe_link %}" style="color: red;">Unsubscribe here.</a>

When a recipient clicks a Klaviyo unsubscribe link, they will be taken to a confirmation page to confirm the unsubscribe request. It is not currently possible to create a link or button that automatically unsubscribes someone with one-click.



​​?name=wUTP4eBwYm0uho3Q4rmydUgDf__1640%C3%97768_.png​​

?name=Edit_KL_TEST___Klaviyo.png

More information on the Unsubscribe link can be found here: How to Add an Unsubscribe Link to Klaviyo Emails

Have a great day!  

Alex


Forum|alt.badge.img
  • Contributor I
  • 1 reply
  • November 20, 2023

I have tried to update my unsubscribe link color multiple times and multiple ways but nothing is working. The link always shows up as a light grey that is almost impossible to see. I am actually trying to make the link MORE visible as I hate when other companies hide their unsubscribe links. Please help.


Forum|alt.badge.img+4
  • Contributor I
  • 1 reply
  • November 26, 2023

One of my accounts this is happening as well meaning only the “unsubscribe” is invisible. Will need to play around with the code but if you or anybody needs a quick fix, you can drop in a background color to the text that isn’t white and it seems to work. Not the most elegant but useful if you need an email to go out now. 


Forum|alt.badge.img
  • Contributor I
  • 1 reply
  • March 12, 2024

Hi - i am having the same issue using the drag and drop builder. I’ve tried several times but the unsubscribe link doesn’t change color, despite all the other text in the block changing color correctly. Does anyone have a fix?


Taylor Tarpley
Community Manager
Forum|alt.badge.img+60
  • Community Manager
  • 2148 replies
  • March 25, 2024

Hi @Micbaxter

 

Happy to help! 

 

Do you mind sharing the steps you’ve taken so far to change the link color that haven’t worked?

 

-Taylor