Introduction

To integrate the Chaiz Plans Widget into your web page, follow these three simple steps:

  1. Add the configuration script to define your settings.
  2. Add the initialization script
  3. Create an HTML element with a specific ID to serve as the container for the provider list.

This guide explains the setup and configuration options in detail with code examples.

<aside> ⚠️

N.B.: all URLS here point to our test environment, uat. . Production links will be provided after your implementation is formally approved.

</aside>

1. Configuration script

Add the configuration script to the page head.

This configuration script tells the Initialization script how to configure the providers list.

The configuration script contains only 2 mandatory properties: targetElementId and searchData.

All other properties are optional and have default values if the property value is not specified.

For React-specific instructions, please go to step 4.

2. Initialization script