Jan 13, 2023
0
Level 1
How to Redirect Form Submission to Calendly
I Create a simple html form. When user fill the value then value auto fill on calendy. For this i use calendly auto fill javascript Code.
const params = (new URL(window.location)).searchParams
Calendly.initInlineWidget({
url: 'https://calendly.com/LINK',
parentElement: document.getElementById('SAMPLEdivID'),
prefill: {
name: params.get('name'),
}
});
(SAMPLEdivID) i use this in my form id. Calendly autofill name that user are fill in html form. but calendly show on same screen where the form are shown.
My Form Code :
<form action="#" id="SAMPLEdivID">
<label for="name">First name:</label><br>
<input type="text" id="name" name="name" value="John"><br>
<input type="submit" value="Submit" id="mainBtn">
</form>
Calendly Metting Show me on Same Screen.
https://i.stack.imgur.com/bUMJb.png
I want when user click on submit then user redirect to calendly url but also prefill value are also working. Now prefill are working but calendly show on same screen.
Please or to participate in this conversation.