Email Marketing Tool

CFrancis13
Participant

How do you change the case / capitalization of a personalization token?

SOLVE

Our brand standard is to use ALL CAPS for button text. I'm looking to include the first name in the button case, however, and was wondering if there was a way to style the first name as ALL CAPS in the email without changing the lead record.

 

Thanks for any help in advance!

 

Desired Result:

  • REGISTER FOR FREE, BOB

 

Current Result:

  • REGISTER FOR FREE, Bob
  • REGISTER FOR FREE, {{ personalization_token('contact.firstname', 'friend') }}

RESIGTER FOR FREE, {{ personalization_token('contact.firstname', 'friend') }}

0 Upvotes
1 Accepted solution
Teun
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

How do you change the case / capitalization of a personalization token?

SOLVE

Hi @CFrancis13 ,

I made a stupid mistake, the |capitalize filter only capitalizes the first letter. The |upper filter should do the trick, but somehow breaks the personalization token. Best thing you can do is accessing the source code:
Schermafbeelding 2023-06-06 om 20.43.21.png

and using the following code:

<span style="text-transform: uppercase;">{{ personalization_token('contact.firstname', 'friend') }}</span>


Learn more about HubSpot by following me on LinkedIn or YouTube

Did my answer solve your issue? Help the community by marking it as the solution.


View solution in original post

5 Replies 5
Teun
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

How do you change the case / capitalization of a personalization token?

SOLVE

Hi @CFrancis13 ,

 

Here is a quick way how you can achieve this by using a HubL filter;

 

REGISTER FOR FREE, {{ personalization_token('contact.firstname', 'friend')|capitalize }}

 

I haven't tested the solution above, but this will work for sure:

 

{{contact.firstname|capitalize}}

 





Learn more about HubSpot by following me on LinkedIn or YouTube

Did my answer solve your issue? Help the community by marking it as the solution.


0 Upvotes
CFrancis13
Participant

How do you change the case / capitalization of a personalization token?

SOLVE

Thanks for the quick reply, Teun!

 

I tried both versions and still get names not in ALL CAPS.

 

REGISTER FOR FREE, {{ personalization_token('contact.firstname', 'FRIEND')|capitalize }}

and

REGISTER FOR FREE, {{contact.firstname|capitalize}}

 

0 Upvotes
Teun
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

How do you change the case / capitalization of a personalization token?

SOLVE

Hi @CFrancis13 ,

I made a stupid mistake, the |capitalize filter only capitalizes the first letter. The |upper filter should do the trick, but somehow breaks the personalization token. Best thing you can do is accessing the source code:
Schermafbeelding 2023-06-06 om 20.43.21.png

and using the following code:

<span style="text-transform: uppercase;">{{ personalization_token('contact.firstname', 'friend') }}</span>


Learn more about HubSpot by following me on LinkedIn or YouTube

Did my answer solve your issue? Help the community by marking it as the solution.


MSaurat
Contributor

How do you change the case / capitalization of a personalization token?

SOLVE

Hi there! I'm try to get thsi working, having a firstname capitalisaion in an email button, but I don't see anyway to update the HTML for an email button: 

MSaurat_0-1698763379731.png

MSaurat_1-1698763550536.png

 I've tried various different version and doesn't seem to work. Any help please. 

 

M

 

0 Upvotes
CFrancis13
Participant

How do you change the case / capitalization of a personalization token?

SOLVE

Worked perfectly, Teun! Thanks for the help!!