<!-- Apollo widget begin -->
    <script
      type="text/javascript"
      src="https://assets.apollo.io/js/meetings/meetings-widget.js"
      onload='window.ApolloMeetings.initWidget({appId: "682f49f86f1bf60015a8d05b", schedulingLink: "80h-w4i-w9n"})'
      defer
    ></script>
<!-- Apollo widget end -->

<form id="myForm">
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required />
  <br />
  <br />
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required />
  <br />
  <br />
  <label for="companyName">Company Name:</label>
  <input type="text" id="companyName" name="companyName" required />
  <br />
  <br />
</form>
document.getElementById("myForm").addEventListener("submit", function (event) {
 event.preventDefault();
  console.log(window.ApolloMeetings) // Prevents the form from actually submitting

  const name = document.getElementById("name").value;
  const email = document.getElementById("email").value;
  const companyName = document.getElementById("companyName").value;

  console.log({
    name,
    email,
    companyName
  });

  window.ApolloMeetings.submit({
    map: false,
    lead: {
      name,
      email,
      companyName
    },
    preventRedirect: true,
    onRedirect: (...args) => console.log(args),
    onRouted: (...args) => {
      console.log("onRouted: ", args);
    }
  });
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.