https://www.airtrafficcontrol.io/hubfs/blog%20021424.png
personalization hubspot email Product

How to Embed URL Properties into Text Properties and CTAs in HubSpot

One of the powerful things you can do with Air Traffic Control content recommendations and HubSpot is embed the links of recommended content items into both buttons and into the headlines of recommended content items themselves.
 
If you're creating more of a marketing email where a button or Call-To-Action would make more sense I like to embed links into buttons like this:

Screenshot 2024-02-13 at 8.12.37 PM.png

 
However, you can also embed a custom property URL into a custom text property:

To hyperlink a text property with a URL property in a HubSpot email template, you will use HubSpot's personalization tokens and HubL (HubSpot Markup Language) to dynamically insert content into your email.

Specifically, you will create a hyperlink where the text displayed is your atc_syndicated_news_headline_1 text property, and the URL it links to is your atc_syndicated_news_link_1 URL property.

Here's how you can do it:

  1. Open the email or template editor in HubSpot where you want to insert the hyperlink.
  2. Determine where in your email content you want to insert the hyperlink. Click on the text block or wherever you want to add it.
  3. Use the following code snippet to create the hyperlink. You'll need to insert it directly into the source code view of the email editor or a rich text module where HTML is accepted:
 Here's that code:
 
<a href=""></a>
 

Here's a breakdown of the code:

  • <a> is the HTML tag used to create hyperlinks.
  • href="" sets the destination URL of the hyperlink to the value of the atc_syndicated_news_link_1 property for the contact. Replace contact with the appropriate object if your property belongs to a different object type.
  •  sets the text of the hyperlink to the value of the atc_syndicated_news_headline_1 property for the contact.
After inserting this code snippet, switch back from the source code view to the normal view, if applicable, to see the hyperlink in place.

Save your changes and ensure to test the email by sending a test email to yourself or a test contact to verify that the hyperlink works correctly and directs to the intended URL.
 
Keep in mind that if you take the second route of editing the email template's HTML, it'll look as though, in the editor view, that there's nothing there! Don't worry. Do a quick check in the preview tool, select a contact, and you'll see values appear.
 

Related Blogs

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC

personalization account based marketing content marketing data
Revolutionizing B2B Marketing with AI: Insights from My Conversation with Ashley Gross

Introduction Thanks to having what I think is the greatest job I've ever had with the team here at Air Traffic Control, I've had a front..

Read More
personalization hubspot content marketing data
Elevating Marketing with Advanced Engagement Data Insights

Introduction: The Evolution of Marketing Engagement Marketers face a big challenge. There's so much customer data piling up every day. This..

Read More
personalization hubspot landing pages email
Elevate Your HubSpot Marketing Game with Personalized Content

Standing out is the name of the game. We all want our voices heard in a sea of endless content. It's a common struggle, producing tons of..

Read More
star_shape
star_shape

Are you ready to kick off your first truly personalized marketing campaign?

Start your assessment today