https://www.airtrafficcontrol.io/hubfs/blog%20021424.png

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.
 
How to Launch ABM Inside of HubSpot in Two Weeks

Navigating the MarTech Maze: A Wake-Up Call for Small Marketing Teams

Introduction I recently had an eye-opening conversation with Pasha Irshad, co-founder of Shape & Scale. Pasha's journey - from..

3 B2B SaaS Growth Challenges With Tips To Overcome Each One

This blog was written by Joshua Waldman, one of our valued partners at Inturact.

star_shape
star_shape

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