topic Re: Embed Calendly calendar on HubSpot Landing Page in APIs & Integrations

Embed Calendly calendar on HubSpot Landing Page

hidanya — Fri, 05 May 2023 17:54:00 GMT

We are trying to embed the Calendly calendar so that it appears after a form fill on a HubSpot landing page.

We've tried adding the Calendly embed code to a code block in a rich text field on the page itself, and we also tried adding it to a code block in the thank you message (didn't work at all).

When adding to the code block on the page, the calendar will appear, albeit at the very bottom of the page and mostly blocked, so it's not at all usable.

Any ideas on how to get it to appear correctly, in the middle of the page?

Thanks!

Re: Embed Calendly calendar on HubSpot Landing Page

jolle — Sun, 07 May 2023 21:16:26 GMT

Hey @hidanya, thanks for reaching out!

Is it absolutely essential that the Calendy scheduling tool appears on that same landing page? This sounds like it would be more easily accomplished by redirecting the user to a thank you page with the embedded scheduler.

You may be able to custom-develop a solution to show the scheduler in place of a thank you message, but just be sure that it's designed responsively.

Just my thought! Thanks!!

Re: Embed Calendly calendar on HubSpot Landing Page

hidanya — Mon, 08 May 2023 14:27:29 GMT

Hi Jacob,

Thanks for the reply! It should just pop up the calendar on the same page.

It's a nicer user experience, in my opinion. To add to that, my understanding is that calendly's routing rules don't work when opening in a new tab.

It's a fairly simple embed code that should work on any CMS... not sure why we're having issues with HubSpot on this one.

Thanks!

Danya

Re: Embed Calendly calendar on HubSpot Landing Page

IHaponenko — Tue, 25 Mar 2025 20:16:21 GMT

Hey there! @hidanya, we have the same problem currently. Have you ever fixed it? Or if not what alternative did you use?

Re: Embed Calendly calendar on HubSpot Landing Page

hidanya — Wed, 26 Mar 2025 13:22:18 GMT

No, we were not able to make it work the way we wanted unfortunately and we are no longer using Calendly for scheduling.

Re: Embed Calendly calendar on HubSpot Landing Page

pdwhite192 — Mon, 14 Jul 2025 20:41:34 GMT

I contacted Hubspot support and apparently this will work if the hubspot form code is embedded along with the calendly code in a custom html module within the landing page design. I've implemented it and seems to work well. Although I'm now being asked to remove the form module entirely. haha.