Prefill Meeting Embedded Widget Field

[EUser9]

Hi, I am trying to figure out how to prefill the email field of the embedded meeting widget.
I tried to add a static email address by adding &email=what@ever.com to the data-src attribute of the meeting widget embed code, but it doesn't work, the field remains empty. 

The same result when i open the url from the data-src in the browser (with the email parameter appended).

Any ideas?

[Teun]

Yeah! I've tried it on a WordPress website, and it works fine for me: 

https://demo.bureaubright.nl/meeting/?email=teun@bureaubright.nl

You get a popup with basic auth. I'll send it in a private message.

[EUser9]

Any updates on that ?

[Teun]

That is really odd, cause setting it as a URL parameter works fine for me. That is on a HubSpot website tho, I'll try if I can get this working on a non-hubspot site tomorrow.

[EUser9]

I'm not trying to set the email address of a known contact. I have a form on one page (e.g. mywebsite.com/start) which asks for the users email address and redirects to the target page (e.g. mywebsite.com/target) where the meetings widget is embedded (via script). 

The script looks like this:

<!-- Start of Meetings Embed Script --><div class="meetings-iframe-container" data-src="https://meetings.hubspot.com/my-name/appointment?embed=true"></div>

<script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"></script><!-- End of Meetings Embed Script -->

The problem is, the embedded meeting widget won't take the email address given via url parameter, so when i open mywebsite.com/target?email=some@email.com , the email field in the meeting widget remains empty. 

I also tried to access the url given in the script snippet directly , https://meetings.hubspot.com/my-name/appointment?embed=true&email=some@email.com , but it still won't work. 

[Teun]

Hi @EUser9 ,

You should be able to set it as an URL param. So if you add &email=example@example.com to your URL, the email address should be prefilled.
You can add the email address (with HubL) of a contact to every link that points to the meeting page like so: 

<a href="https://example.com/meeting?email={{contact.email}}">Book a meeting</a>

I've tested the above solution, and it should work. Just replace the URL in the example for your URL.