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": 9,
"color": "74FFE7",
"location": "123 First St.",
"campaignInfo": 'utm-campaign=cats&utm-media=fur&utm-source=paws'
});
</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.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 appointmentcampaignInfo
- A string of additional data, such as UTM parameters, that will be saved on the client in FunnelonComplete
- 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.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