Pre-checks
Steps to integrate with Hubspot form
Updating the landing page
Activate Instant Meeting on Zipteams Dashboard
Get Sales teams to be available for Instant Meetings
Code to be used
<link href="https://scripts.zipteams.com/webwidget/index.css" rel="stylesheet" />
<script type="text/javascript" id="zt-script-loader" async src="https://scripts.zipteams.com/webwidget/index.js"></script>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
    hbspt.forms.create({
       portalId: "22421162", // Enter your portal ID
       formId: "d1706d44-ff8c-47c5-b87d-527ede03929b", // Enter your form ID
       onFormSubmit: function ($form) {
          let form = null;
           if ($form.tagName === 'FORM') { form = $form; }
           else { form = $form[0]; }
           const inputCollection = form.getElementsByTagName("input");
           const array = [...inputCollection];
           const prefillObj = {
              "Name": '',
              "Company Name": '',
              "Email": ''
           };
           array.map(item => {
              if (item?.id.startsWith('firstname')) { prefillObj['Name'] = item.value; }
              if (item?.id.startsWith('0-2/name')) { prefillObj['Company Name'] = item.value; }
              if (item?.id.startsWith('email')) { prefillObj['Email'] = item.value; }
           });
          window.ZipteamsWidget.InitFullFrame({
              url: 'https://zipme.at/zipteams/demo/realtime', // Enter your widget link
              prefill: prefillObj
          });
      }
    });
</script>