topic Re: CTA Form (beta) on button click Wordpress site in Lead Capture Tools

CTA Form (beta) on button click Wordpress site

navroop — Wed, 05 Jul 2023 17:04:43 GMT

Hi,

We've successfully installed the Hubspot plugin for our wordperss site. We have multiple "Schedule a Demo" buttons on our site and wanted to leverage the new CTA (beta) to display a contact form on click.

We created the Form in HubSpot and then Created the CTA and have configured it to only be launched on click. We copied the code from the CTA that should be called on click and then put that into the Custom CSS for the button (at least we believe we did that correctly, per instructions).

On click, the button does not bring up a popup.

We have already disabled the popup form and dynamic action that would call the Gravity Forms button that were in place previously.

Thoughts?

Re: CTA Form (beta) on button click Wordpress site

Mike_Eastwood — Wed, 05 Jul 2023 22:18:26 GMT

Hi @navroop

Do you have the HubSpot WordPress plugin installed in your site?

Can you share a link to your page so we can see what's happening?

Cheers

Mike

Re: CTA Form (beta) on button click Wordpress site

navroop — Wed, 05 Jul 2023 23:06:16 GMT

We do have the plugin installed. Thanks for the speedy reply. I think we figured it out. There appear to be two distinct places where custom CSS calls can be placed for buttons, and while I would have thought it would work in both, it only works when called from one of them.

Seems to be fine. We just did test submissions and all worked as expected.

Re: CTA Form (beta) on button click Wordpress site

MaliniP — Fri, 04 Aug 2023 11:39:34 GMT

Hi,

We seem to be facing the same issue. Could you help us with a bit more detail?
Much appreciated!

Re: CTA Form (beta) on button click Wordpress site

navroop — Sun, 06 Aug 2023 16:47:17 GMT

Hi Malini,

Here are screen shots from how we got it to work.

Button on page:

Under edit button you want to be sure that you don't have a URL being called on click under "Link". See below. We set it to #!.

Next you want to put the css embed into the CSS Classes area under Layout on the Advanced Tab under Edit Button. This embed code is different per CTA.

This is not to be confused with the Custom CSS area further down the advanced tab on Edit Button.

Hope this helps.

Re: CTA Form (beta) on button click Wordpress site

MaliniP — Mon, 07 Aug 2023 03:41:49 GMT

Hi Navroop,

Thankyou so much!
That was very helpful indeed, especially setting # to Link. The path cleared from there on 🙂

Re: CTA Form (beta) on button click Wordpress site

colson — Fri, 01 Dec 2023 16:58:19 GMT

Just wanted to say thanks for sharing. Solved this challenge for me, too!

Re: CTA Form (beta) on button click Wordpress site

DWebber — Wed, 05 Jun 2024 13:44:59 GMT

Hi. I have this exact same issue but I've done what @navroop did to get it to work and it's not worked for me. Do you have any ideas how I can proceed?

Here is the link to the page. One of the buttons I'm trying to link to a HubSpot CTA is the one below. It currently links to an Elementor popup, which then redirects to something when the form is filled in. I'm wanting it to rather link to the HubSpot CTA popup.

Any help would really be appreciated.

Thanks!

Re: CTA Form (beta) on button click Wordpress site

navroop — Wed, 05 Jun 2024 14:53:46 GMT

Can you post the screenshots from your Wordpress setup? The parts I posted. Sometimes it's a minor issue there.

Re: CTA Form (beta) on button click Wordpress site

DWebber — Wed, 05 Jun 2024 15:03:57 GMT

Hi, thanks for the reply.

It actually has worked! It seems it just took a while to make the connection with HubSpot, so when I made the change and immediately refreshed the page and tried, it wasn't working. I went back a while later and clicked on the button again and it's worked.

Thanks again.