topic Re: Embedding the Calendar Feature to an Embedded Form on an External Site Page in Lead Capture Tools

Embedding the Calendar Feature to an Embedded Form on an External Site Page

ZChurney3 — Thu, 23 Feb 2023 08:50:49 GMT

Hello everyone. I have a bit of a tricky question for anyone who has worked with embedded codes on external site pages. The goal is to embed the form built in HubSpot using the Starter version to an external page. Also, it would be nice to add the calendar feature to the form. We would basically need to add the embed code of the calendar/appointment scheduling feature to the form, make sure the data filled out in the form is transferred for the appointment, if the contact decides they want to confirm an appointment date and time. There are screenshots below to show how this should look.

I am working directly with a JS developer and the question is if this is feasible in general and if it's possible to do with the Starter version. Many thanks in advance for your help!

Embed link for the calendar scheduling featureEmbed code for the formThe UX Design for how the final form should look embedded on the external site

Re: Embedding the Calendar Feature to an Embedded Form on an External Site Page

kvlschaefer — Thu, 23 Feb 2023 20:06:19 GMT

Hi @ZChurney3,

Thanks for reaching out to the Community!

This is a great question 🙂

I would like to invite our subject matter experts to this conversation to see if they have advice.

Hi @Mike_Eastwood, @Anton, @Indra - Do you have any recommendations for @ZChurney3?

Thank you!

Best,

Kristen

Re: Embedding the Calendar Feature to an Embedded Form on an External Site Page

Anton — Fri, 24 Feb 2023 13:54:11 GMT

Hi @ZChurney3,

I'Ve never conencted a form with meetings since they're good as they are but you can try to modify the form embed code by using features like "onBeforeFormInit" which is described here in the "Configuration options".

And since you're working with a developer you could build a custom multistep form code which is better for UX and pass data from step 1(Form) to step 2(Meeting) with "onFormSubmit" option. Just an idea.

best,

Anton