CTA button that scroll down to the bottom of the page

Marketing & Content Hub Blog, Website & Page Publishing
1

Hi everyone,

I am trying to create a embeed an HTML CTA button that would scroll down to the buttom of the page once we click on it.

I have inserted the following HTML code: <span class=“hs-cta-node hs-cta-f81703eb-f482-43c5-9595-cc13a7f2bc10” id=“hs-cta-f81703eb-f482-43c5-9595-cc13a7f2bc10”><!--[if lte IE 8]><div id=“hs-cta-ie-element”></div><![endif]--><a href=“form”><img class=“hs-cta-img” id=“hs-cta-img-f81703eb-f482-43c5-9595-cc13a7f2bc10” style=“border-width:0px; font-family: Almarai;” src=“https://no-cache.hubspot.com/cta/default/4541443/f81703eb-f482-43c5-9595-cc13a7f2bc10.png” alt=“حمل مجاناً”></a></span>

Also, I have created a specific CTA button and added following URL link to it: https://info.ecomz.com/ar/building-vs-buying-an-ecommerce-solution/#form

The embed code for this CTA is: <!--HubSpot Call-to-Action Code --><span class=“hs-cta-wrapper” id=“hs-cta-wrapper-f81703eb-f482-43c5-9595-cc13a7f2bc10”><span class=“hs-cta-node hs-cta-f81703eb-f482-43c5-9595-cc13a7f2bc10” id=“hs-cta-f81703eb-f482-43c5-9595-cc13a7f2bc10”><!--[if lte IE 8]><div id=“hs-cta-ie-element”></div><![endif]--><a href=“https://cta-redirect.hubspot.com/cta/redirect/4541443/f81703eb-f482-43c5-9595-cc13a7f2bc10” ><img class=“hs-cta-img” id=“hs-cta-img-f81703eb-f482-43c5-9595-cc13a7f2bc10” style=“border-width:0px;” src=“https://no-cache.hubspot.com/cta/default/4541443/f81703eb-f482-43c5-9595-cc13a7f2bc10.png” alt=“حمل مجاناً”/></a></span><script charset=“utf-8” src="https://js.hscta.net/cta/current.js"></script><script type=“text/javascript”> hbspt.cta.load(4541443, ‘f81703eb-f482-43c5-9595-cc13a7f2bc10’, {}); </script></span><!-- end HubSpot Call-to-Action Code -->

Any idea why the CTA is not scrolling to the buttom of the page once we click on it?

2

I don’t think the CTA will work as an anchor link because it wasn’t programmed to do that. It was programmed to be a redirect of sorts, like a shortened link (ie: bit.ly). Because of that, your page isn’t redirecting thus the CTA isn’t able to do it’s function. Now if you use that CTA on a different page linking to page.html#anchor that would be a different story because a redirect is happening.

In your instance, you may not be able to use CTAs to get the reporting you need and instead, you may need to use the API and trigger an API call on the button click to see whether the CTA is being clicked.