Appointment Scheduling Widget

Embedding the Appointment Scheduling widget

To embed the widget into your website, simply paste the provided code, which should look like this:

<script src="https://integrations.nestio.com/contact-widget/v1/integration.js" id="nestio-lead-capture-frame"></script>
<script type="text/javascript"> NestioLeadCapture({
  "type": "lead_capture_appointment",
  "key": "FUNNEL_API_KEY_HERE",
  "group": FUNNEL_GROUP_ID_HERE,
  "color": "",
  "location": "",
  onComplete: function(){
    dataLayer.push({'event': 'lead-form-submission'});
  }
});
</script>

The parameters you can set are:

• key - Required - The company API key, this will be provided by Funnel.
• group - Required - The ID of the Funnel group that will be used for the widget. This group determines which users’ schedules are used to determine availability, and subsequently are assigned to the appointments as they come in.
• color - The brand color which will be used in certain places on the widget, such as submit buttons and header text. This should be 6 digit hex code.
• location - The text used to show the user the location of the appointment, this should typically be the address of the building where the appointment will take place. This will be displayed on the widget, and confirmation emails to the user and agent who is assigned to the appointment.
• campaignInfo - Optional string. When not using Funnel’s DNI Script, use this parameter to pass a value to Funnel for marketing attribution. In that case, to correctly assign a lead source, set the value to a string that matches the name of your campaign as entered in Funnel under marketing settings. The value must match exactly (case sensitive). When using the DNI Script, the value of this parameter overwrite the lead source passed to the appointment scheduling widget and should not be used.
• onComplete - A callback that is executed after the widget form is submitted. This is useful for manually triggering analytics events such as with Google Tags Manager. Documentation for integrating with Google Tag Manager can be found here.
• submitLabel - Label that displays on the submit button on the client info form. Defaults to ‘Make Appointment’
• unit - ID of Funnel Unit that the client will be associated within Funnel
• buttonTextColor - Used to change the color of the text on the submit button of the widget. This should be 6 digit hex code.
• textColor - Used to change the color of the headers for each field on the widget, First Name, Last Name, etc. This should be 6 digit hex code.

Widget Demo