IMPACT Inbound Marketing Agency]
Services
TAYA

They Ask, You Answer Mastery

A coaching & training program that drives unmatched sales & marketing results.

Sales

Sales Performance Mastery

Improve the competencies and close rates of your sales organization.

Web design

Website Mastery

Web design, development & training for your team.

HubSpot

HubSpot Mastery

Everything you need to get the most from HubSpot.

AI Mastery

AI Enablement Mastery

Unlock the power of AI in all aspects of your revenue operations.

Discover how IMPACT’s services can help take your business to the next level. Book a free 30-minute coaching session Book a free 30-minute coaching session
Learning Center
Learning Center

Learning Center

Free resources to help you improve the way you market, sell and grow your business.

[NEW] The Endless Customers Podcast is now available everywhere. Learn how to earn trust & win more customers in the age of AI. Listen Now Listen Now

Register for IMPACT Live in Hartford CT, October 14-16! Register for IMPACT Live, They Ask, You Answer Conference, October 14-16 in Hartford, CT. Limited tickets remain!

Close Bottom Left Popup Offer
IMPACT Live Group

Register for IMPACT Live in Hartford CT, October 14-16!

Register for IMPACT Live, They Ask, You Answer Conference, October 14-16 in Hartford, CT. Limited tickets remain!
Bobby Kane

By Bobby Kane

Dec 26, 2013

Topics:

HubSpot Marketing Strategy
Subscribe

Never miss an episode of Endless Customers!

Subscribe now and get the latest podcast releases delivered straight to your inbox.

Thanks, stay tuned for our upcoming episodes.
HubSpot  |   Marketing Strategy

HubSpot COS Tip: How to Add Personalization to Your Website

Bobby Kane

By Bobby Kane

Dec 26, 2013

HubSpot COS Tip: How to Add Personalization to Your Website

hubspot-personalization-impact-1When HubSpot released the capability to display contacts' properties on your website pages, it drop-kicked just about every jaw in the industry (as well as everyone in attendance at INBOUND '13.)

Now that this powerful, awe-inspiring feature exists, the immediate response is to include it anywhere and everywhere it'll fit.

However, we really wanted to nail our strategy by taking a more subtle approach.

Now don't confuse subtlety with effectiveness.

The HubSpot COS: Subtle Personalization at its Best

Let's take a look at the exact sentence we'll be personalizing:

What would you like to do next?

Now well take that sentence, and if you have a contacts information, that same sentence will show like this:

What would you like to do next, Bobby?

Nice. That's my name, right?

The issue is the comma. It's gramatically correct, and it has to be there. The personalization tag doesn't include that comma so we need some CSS to fix this.

The HTML

What would you like to do next<span class="personalization-name"></span>?

*Notice there's no space between "next" and the <span>

The CSS

.personalization-name:before {
content: ','; margin-right:10px;
} .personalization-name:empty { display:none;
}

**The CSS selector is supported in all major browsers, except IE8 and earlier (of course)

And wa-la!

We solved a couple problems here.

1. Adding the comment when there is a name associated with the contact who's on your site

2. Removing the <span> altogether when a site visitor isn't a lead and you don't have their name. 

I'd love to see and hear about what you guys are doing with the personalization, so leave a comment below!

IMPACT Live Group

Register for IMPACT Live in Hartford CT, October 14-16!

Register for IMPACT Live, They Ask, You Answer Conference, October 14-16 in Hartford, CT. Limited tickets remain!