Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

teampoison's avatar

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.

0 likes
0 replies

Please or to participate in this conversation.