Zoom Webinar Registration Demo Page | Scaleflex

Info

Full details is here -- Request Body

Request Body Schema:

{
  "description": "Webinar registrant.",
  "type": "object",
  "required": [
    "email",
    "first_name"
  ],
  "properties": {
    "email": {
      "type": "string",
      "description": "A valid email address of the registrant."
    },
    "first_name": {
      "type": "string",
      "description": "Registrant's first name."
    },
    "last_name": {
      "type": "string",
      "description": "Registrant's last name."
    },
    "address": {
      "type": "string",
      "description": "Registrant's address."
    },
    "city": {
      "type": "string",
      "description": "Registrant's city."
    },
    "country": {
      "type": "string",
      "description": "Registrant's country."
    },
    "zip": {
      "type": "string",
      "description": "Registrant's Zip/Postal Code."
    },
    "state": {
      "type": "string",
      "description": "Registrant's State/Province."
    },
    "phone": {
      "type": "string",
      "description": "Registrant's Phone number."
    },
    "industry": {
      "type": "string",
      "description": "Registrant's Industry."
    },
    "org": {
      "type": "string",
      "description": "Registrant's Organization."
    },
    "job_title": {
      "type": "string",
      "description": "Registrant's job title."
    },
    "purchasing_time_frame": {
      "type": "string",
      "description": "This field can be included to gauge interest of webinar attendees towards buying your product or service.\n\nPurchasing Time Frame:
`Within a month`
`1-3 months`
`4-6 months`
`More than 6 months`
`No timeframe`"
    },
    "role_in_purchase_process": {
      "type": "string",
      "description": "Role in Purchase Process:
`Decision Maker`
`Evaluator/Recommender`
`Influencer`
`Not involved` "
    },
    "no_of_employees": {
      "type": "string",
      "description": "Number of Employees:
`1-20`
`21-50`
`51-100`
`101-500`
`500-1,000`
`1,001-5,000`
`5,001-10,000`
`More than 10,000`"
    },
    "comments": {
      "type": "string",
      "description": "A field that allows registrants to provide any questions or comments that they might have."
    },
    "custom_questions": {
      "type": "array",
      "description": "Custom questions.",
      "items": {
        "type": "object",
        "description": "Custom Question.",
        "properties": {
          "title": {
            "type": "string"
          },
          "value": {
            "type": "string"
          }
        }
      }
    }
  }
}

Request Body Example:

{
  "email": "sjfkghdsg@someemail.dfgjd",
  "first_name": "Jill",
  "last_name": "Chill",
  "address": "dsfhkdjsfh st",
  "city": "jackson heights",
  "country": "US",
  "zip": "11371",
  "state": "NY",
  "phone": "00000000",
  "industry": "Food",
  "org": "Cooking Org",
  "job_title": "Chef",
  "purchasing_time_frame": "1-3 months",
  "role_in_purchase_process": "Influencer",
  "no_of_employees": "10",
  "comments": "Looking forward to the Webinar",
  "custom_questions": [
    {
      "title": "What do you hope to learn from this Webinar?",
      "value": "Look forward to learning how you come up with new recipes and what other services you offer."
    }
  ]
}

How to install and use

Create form
Insert zoom-webinar-registration.js script on page

<script src="https://assets.jolipage.co/zoom-webinar-registration/zoom-webinar-registration.js?func=proxy&ci_cache=3600"></script>

Create initialization script and integrate to the page

<script type="text/javascript">
  (() => { // Initialization
    const webinarId = 91852962966;
    const zoomWebinar = new ZoomWebinar(webinarId);
    const form = document.querySelector('#zoom-registration-form');

    if (form) {
      form.onsubmit = event => {
        event.preventDefault();
        zoomWebinar.register(form)
          // .then(response => {...})
          // .catch(error => {...})
      };
    }
  })();
</script>

Create a form

It can be any form but must includes fields elements with specific names which are availabels here.
2 fields are required: email and first_name.
Also we can have custom fields.

Usual field example:

<input name="email" type="email" />

Custom field example:

<input name="custom_questions[Some custom question?]" />