Tips, Tricks & Best Practices

MJago
Member

Inserting CTA code snippet into external html popup

SOLVE

Hello,

 

Our website is on wordpress and we've got a popup produced in 'popup maker' on there, which displays some contact details for a regional sales person. I'd like to put a 'request a call back' Hubspot CTA button or popup into the wordpress popup. 

 

Is it possible to insert the Hubspot CTA code snippet into some html code? If so, any recommendations on how to do this? I'm thinking of having the 'Request a Call Back' as the link text which when clicked would trigger the Hubspot CTA.

0 Upvotes
1 Accepted solution
PamCotton
Solution
Community Manager
Community Manager

Inserting CTA code snippet into external html popup

SOLVE

Hey @MJago, thank you for posting in our Community!

 

You can insert the HubSpot CTA code into your Popup Maker popup. Start by generating the code snippet for your "Request a Call Back" CTA in HubSpot. Open the popup for editing within Popup Maker on your WordPress dashboard, and insert the HubSpot CTA Code into the HTML editor of your popup. Ensure the CTA blends seamlessly with your popup's design by adjusting CSS if needed. 

 

 I would recommend testing Your Popup to verify that the HubSpot CTA functions correctly on both desktop and mobile devices.

 

I hope this information helps,

 

Pam

Você sabia que a Comunidade está disponível em outros idiomas?
Participe de conversas regionais, alterando suas configurações de idioma !


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !




View solution in original post

0 Upvotes
6 Replies 6
JRajput
Member

Inserting CTA code snippet into external html popup

SOLVE

Yes, you can insert the HubSpot CTA code snippet into your WordPress popup. To do this, go to Popup Maker in your WordPress dashboard and edit the relevant popup. Switch to the HTML view in the popup editor, then paste the HubSpot CTA code snippet where you want the button to appear. Save the changes and test the popup to ensure the CTA functions correctly. This will allow the 'Request a Call Back' link to trigger the HubSpot CTA.

0 Upvotes
PamCotton
Solution
Community Manager
Community Manager

Inserting CTA code snippet into external html popup

SOLVE

Hey @MJago, thank you for posting in our Community!

 

You can insert the HubSpot CTA code into your Popup Maker popup. Start by generating the code snippet for your "Request a Call Back" CTA in HubSpot. Open the popup for editing within Popup Maker on your WordPress dashboard, and insert the HubSpot CTA Code into the HTML editor of your popup. Ensure the CTA blends seamlessly with your popup's design by adjusting CSS if needed. 

 

 I would recommend testing Your Popup to verify that the HubSpot CTA functions correctly on both desktop and mobile devices.

 

I hope this information helps,

 

Pam

Você sabia que a Comunidade está disponível em outros idiomas?
Participe de conversas regionais, alterando suas configurações de idioma !


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !




0 Upvotes
MJago
Member

Inserting CTA code snippet into external html popup

SOLVE

Hi @PamCotton,

 

Thanks for the reply. Do you know which HTML tag would be best? I was wondereing if <embed> would work?

0 Upvotes
PamCotton
Community Manager
Community Manager

Inserting CTA code snippet into external html popup

SOLVE

Hey @MJago, let's invite our top experts to share their thoughts, @GRajput @JustinPerkinsC, @TomM2 

what tag would you recommend @MJago?

 

Thank you,

Pam

Você sabia que a Comunidade está disponível em outros idiomas?
Participe de conversas regionais, alterando suas configurações de idioma !


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !




0 Upvotes
MJago
Member

Inserting CTA code snippet into external html popup

SOLVE

Hi All,

I think I may have worked it out by using a CTA (Legacy) and embedding the code instead of using the code snippet from a newer CTA.

 

Thanks for your help!

 

PamCotton
Community Manager
Community Manager

Inserting CTA code snippet into external html popup

SOLVE

Thank you for letting us know about this solution @MJago!

 

Kindly,

Pam

 

Você sabia que a Comunidade está disponível em outros idiomas?
Participe de conversas regionais, alterando suas configurações de idioma !


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !




0 Upvotes