topic Re: Creating a text link CTA, not an image of text in CMS Development

Creating a text link CTA, not an image of text

dit — Thu, 09 Aug 2018 08:51:22 GMT

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.

Re: Creating a text link CTA, not an image of text

mpenn — Thu, 09 Aug 2018 11:55:13 GMT

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!

Re: Creating a text link CTA, not an image of text

dit — Thu, 09 Aug 2018 11:59:06 GMT

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.

Re: Creating a text link CTA, not an image of text

MFrankJohnson — Thu, 09 Aug 2018 17:04:32 GMT

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)

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

www.MFrankJohnson.com

Re: Creating a text link CTA, not an image of text

dit — Fri, 10 Aug 2018 08:17:04 GMT

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.

Re: Creating a text link CTA, not an image of text

MFrankJohnson — Fri, 10 Aug 2018 08:25:30 GMT

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 ...

Re: Creating a text link CTA, not an image of text

DelRoss — Wed, 12 Dec 2018 20:41:08 GMT

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?

Re: Creating a text link CTA, not an image of text

novista — Tue, 24 Sep 2019 12:30:02 GMT

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.

Re: Creating a text link CTA, not an image of text

SebastianT — Tue, 17 Dec 2019 15:07:59 GMT

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.

Re: Creating a text link CTA, not an image of text

huntersinclair — Mon, 27 Jan 2020 21:01:51 GMT

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.

Re: Creating a text link CTA, not an image of text

BB1 — Thu, 21 May 2020 18:57:07 GMT

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?

Re: Creating a text link CTA, not an image of text

KevenL — Fri, 16 Jul 2021 15:00:48 GMT

Same issue here. I've selected Link (No Style) and tried adding a Custom CSS class but it's still showing up as an image and the custom class is nowhere to be found. I'm currently testing Hubspot and I'm adding the CTA in a Webflow blog post if that helps. So far it seems like there are many users with this issue so a proper solution would be great.

Re: Creating a text link CTA, not an image of text

JGUO5 — Wed, 29 Dec 2021 16:13:36 GMT

Kinda same issue but not exactly.

When trying desperately to optimise our page loading time, we realised there are images of our "link no style" CTAs being loaded that impact heavily our speed. We found this in the "network" sheet of browser inspector.

On a fully loaded page, we see our CTAs are rendered as a normal link, but we would like to know why the images, and how to get rid of them and be a faster page.

Re: Creating a text link CTA, not an image of text

Mihhail_K — Wed, 23 Mar 2022 10:54:41 GMT

Upvoting this.

Even when I select Link (No Style) it renders an image.

Re: Creating a text link CTA, not an image of text

RVDev — Mon, 04 Apr 2022 14:07:35 GMT

Same, it's really annoying 😐

Moreover the Custom CSS class don't even show up in the Embed code...

Re: Creating a text link CTA, not an image of text

RHabegger — Mon, 25 Apr 2022 05:58:05 GMT

Hello everyone, I have faced then same issue and I even contacted hubspot support for this problem. I am waiting for,official solution.

I found this trick tha does the job : you cant simply edit the HTML source code generated by hubspot for the CTA. In this case you can delete the <img/> tag in th <a/> tag and tadaaa you have a wonderful CTA with no image. You can also add the css class you may want to the <a/> tag 😉

Re: Creating a text link CTA, not an image of text

phlp — Thu, 29 Sep 2022 05:52:16 GMT

Several years later and the HubSpot CTA still renders as an image 🤯

I can guess why HubSpot is doing this, but come on. Give us an option to disable this nonsense.

In my tests my dev-account isn't doing it, the clients sandbox isn't doing it, but the live-portal is rendering an image.

The image even gets rendered by HubSpot, not via JavaScript.

To get arround this CTA-image-desaster I fiddled around a bit and came up with this.

(In my module, you choose a CTA via a field. We are not using the Hubspot-CTA-Module, but you can easily adopt it to work with the Hubspot-CTA-Module as well)

Re: Creating a text link CTA, not an image of text

Bürobert — Thu, 26 Jan 2023 17:25:22 GMT

A true HTML Button style CTA which is responsive in nature would also be essential for drag&drop Marketing Emails! It is kind of hilarious that you can style your CTA using CSS but there is no way to get the it into your emails as an HTML object...

Re: Creating a text link CTA, not an image of text

Lucie_L — Wed, 01 Mar 2023 20:46:04 GMT

I truly can't believe there's no real way to create a button/CTA in Hubspot's email editor. This is absolutely ridiculous. Nobody in their right mind would images for their CTAs. Pure nonsense.