Creating a text link CTA, not an image of text

SOLVE
Highlighted
Occasional Contributor

Is there any way to create a true text link CTA rather than merely an image of some text.

 

Text as an image is bad for accessibility, also not great for RWD. We need our CTAs to work on a different number of backgrounds, as such the style of the CTA needs to be set via the page the CTA is included in, not set in stone in an image. Also, the CTA in an image is in the wrong font. Surely there's a way to do this, I hope I'm just missing something somewhere.

1 Accepted solution

Accepted Solutions
Highlighted
Community Superstar

_hubspot-button-accept-as-solution-gif-v00.gif

Help other HubSpot searchers find this post quickly by accepting this solution today.

 

Q: Is there any way to create a true text link CTA rather than merely an image of some text?

 

Short A: Absolutely.

 

Longer A:

(see image)

hubspot-cta-pure-text.png

 

Here's an example page that shows that CTA in use (scroll to bottom).

 

Always happy to help. Reach out anytime if we can be of assistance with HubSpot.

 

Best,
Frank

 


hubspot-solutions-signature-mfrankjohnson-v03.png

www.MFrankJohnson.com

 

Note: HubSpot is a constantly evolving platform. Please check the date of each post and view all solutions in that context -- see Marketing Hub Enterprise 2020.

 

Hope that helps.

 

Be well,
Frank


Support • Web • Apps • Training

HubSpot's Hiring World-Wide!

10 Replies 10
Highlighted
Occasional Contributor

Definitely upvoting this! We send out an email that can only really be automated if we can use the dynamic CTA. The other links in this email have contact properties passed in so we know those can't be CTAs. It is really bothersome that the link CTA does not match the standard link color, it often does not match alignment wise with the rest of the text, and it gets pixelated!

Reply
0 Upvotes
Highlighted
Occasional Contributor

Weirdly, I've noticed that whilst I'm pasting in embed code that clearly contains an image it's actually showing as text on the front-end of our site.

Reply
0 Upvotes
Highlighted
Community Superstar

_hubspot-button-accept-as-solution-gif-v00.gif

Help other HubSpot searchers find this post quickly by accepting this solution today.

 

Q: Is there any way to create a true text link CTA rather than merely an image of some text?

 

Short A: Absolutely.

 

Longer A:

(see image)

hubspot-cta-pure-text.png

 

Here's an example page that shows that CTA in use (scroll to bottom).

 

Always happy to help. Reach out anytime if we can be of assistance with HubSpot.

 

Best,
Frank

 


hubspot-solutions-signature-mfrankjohnson-v03.png

www.MFrankJohnson.com

 

Note: HubSpot is a constantly evolving platform. Please check the date of each post and view all solutions in that context -- see Marketing Hub Enterprise 2020.

 

Hope that helps.

 

Be well,
Frank


Support • Web • Apps • Training

HubSpot's Hiring World-Wide!

Highlighted
Occasional Contributor

Hi Frank, that's exactly what I was doing but then in the embed code I could see a nasty image with alt text. When I added it to our website it displays as a text link though so I'm guessing the JS is doing something to convert it. Seems like a lot of effort to go text -> image -> text.

Reply
0 Upvotes
Highlighted
Community Superstar

Honestly, no idea what wizzardry is used when embedding off HubSpot. That example page we built is a HubSpot landing page. Glad it works/ed for you @dit ...

 

Note: HubSpot is a constantly evolving platform. Please check the date of each post and view all solutions in that context -- see Marketing Hub Enterprise 2020.

 

Hope that helps.

 

Be well,
Frank


Support • Web • Apps • Training

HubSpot's Hiring World-Wide!

Reply
0 Upvotes
Highlighted
New Contributor

This is NOT a text link.  It is a picture of text that has a link.  Completely different.

 

Would this work:

 - Create a CTA

 - Copy the Test Link URL

 - use this URL as an HTML link in the text of the email

 

I know we would lose the "CTA Views" stat (which likely requires the graphic to be loaded) but I'd still get CTA click tracking.  

 

Right?

Reply
0 Upvotes
Highlighted
Regular Contributor

Has anyone found a solution for this issue?

Don't understand why an image is inserted instead of a true link.  On mobile phones, it just shrinks the image and a longer CTA link ureadable.

Highlighted
Occasional Contributor

did this really work out for you? I wonder if the test link is different from a real link and if the tracking would get messed up in the contacts profile.

Highlighted
New Member

I am having the same issue as this - the snippet I get even when selecting style of No stlye Plain Link I still get embed code that includes an img.  Sometimes the JS which runs on the page replaces this with Text and sometimes it replaces it with the image.  I even tried removing the IMG tag and putting in Text and the JS still injects an image of the text instead.  This is crazy - not sure why Text would ever be rendered as an image, but this is not good since we can't have text contained in images on our site - other than the fact that we can't use CSS to change the look from our site, it is not accessible.

Highlighted
Regular Contributor

Hi - I am having the same issue, it is showing up as an image, so not showing up when not showing images. The simple reason is that they want to track who saw it, as someone mentioned here.

 

Is there another way to do this? I think we would just use a regular link URL and have that trigger a workflow if possible. Is it?