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

[ZChurney3]

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 feature

Embed code for the form

The UX Design for how the final form should look embedded on the external site

[kvlschaefer]

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

[Anton]

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