Lead Capture Tools

merinna
Participante | Parceiro
Participante | Parceiro

CTA - Issue with Edits to Embed Code

resolver

Hello!

 

My company is a HubSpot Partner and I have a client who is placing the embed code for CTAs that we created onto their website. She asked me a question that I am hoping someone has some insight on. She wants to know if there is a way to add class names to the <a> element in the embed code? She has already tried adding class names in the <a> element when she is adding the embed code to the specific pages of the site. She says her class names are getting removed on the front-end, despite placing them in the <a> element in the back-end.

 

Any suggestions? Thanks!

0 Avaliação positiva
1 Solução aceita
Aakar
Solução
Conselheiro(a) de destaque

CTA - Issue with Edits to Embed Code

resolver

Hi @merinna 

 

I don't have the full context about your design & flow. However, I think you can apply a CSS class outside of your CTA code. With that CSS class, you'll be able to hide/display certain CTAs. Does this help?

 

Thanks.

Aakar Anil
Marketing Technologist
aakar.me | @aakarpost | in/aakarpost

Exibir solução no post original

0 Avaliação positiva
3 Respostas 3
Aakar
Conselheiro(a) de destaque

CTA - Issue with Edits to Embed Code

resolver

Hi @merinna 

 

HubSpot says you should not alter the embed code.

 

Alternatively, if you're using an image in the CTA, HubSpot suggests applying additional CSS declarations (such as width: 100%;) within your stylesheet to make the image CTA responsive.

 

Thanks.

Aakar Anil
Marketing Technologist
aakar.me | @aakarpost | in/aakarpost
0 Avaliação positiva
merinna
Participante | Parceiro
Participante | Parceiro

CTA - Issue with Edits to Embed Code

resolver

Hi @Aakar,

 

Thank you for your response. The problem is that the page the CTAs are being added on has a search functionality that relates to the category of the button. If the embed code can not be edited once placed onto the website, the search functionality is broken. For example, if someone wanted to look at all of the options on the page that are "online classes" and exclude all "seated classes" in their search, then all of the options for "online classes" should be able to show and have the HubSpot CTA buttons for each program. 

 

If there is a way to work that into the CSS stylesheet I don't know how. Do you have any ideas?

0 Avaliação positiva
Aakar
Solução
Conselheiro(a) de destaque

CTA - Issue with Edits to Embed Code

resolver

Hi @merinna 

 

I don't have the full context about your design & flow. However, I think you can apply a CSS class outside of your CTA code. With that CSS class, you'll be able to hide/display certain CTAs. Does this help?

 

Thanks.

Aakar Anil
Marketing Technologist
aakar.me | @aakarpost | in/aakarpost
0 Avaliação positiva