# Implementation ## Copyright Widget SDK Integration Guide This guide provides detailed instructions for integrating the widget SDK into your project. *** ### 1. Install the SDK Add the SDK files to your project by including the following ` ``` *** ### 2. Initialize the SDK Initialize the widget by calling the `initBlinderWidget` function after the page loads: ```html ``` *** ### Widget Configuration The widget configuration object passed to `initBlinderWidget` allows you to customize the widget's behavior and appearance. #### WidgetConfig Interface | Property | Type | Required | Description | | -------------------- | ---------- | -------- | ---------------------------------------------------------------- | | `public_key` | `string` | Yes | Your public API key for accessing the widget services. | | `additional_open_id` | `string` | No | The ID of an HTML element that triggers the widget when clicked. | | `the_mode` | `string` | No | An optional mode for the widget's behavior. | | `ui_config` | `UiConfig` | No | An object to customize the widget's appearance. | #### UiConfig Interface The `UiConfig` object lets you style the widget's floating button.

Property	Type	Default Value	Description
`floating_button_bg`	`string`	`undefined`	Background color of the floating button. Accepts valid CSS color values.
`floating_button_text_color`	`string`	`undefined`	Text color of the floating button. Accepts valid CSS color values.
`floating_button_text`	`string`	`undefined`	Text displayed inside the floating button.

*** ### Example Integration Here’s a complete example of integrating the widget into an HTML file: ```html

Click Me!

``` *** ### Notes * Replace `your-public-key` with the API key provided for your account. * Use `additional_open_id` to specify a trigger element ID for the widget. * Customize the `UiConfig` to match your design requirements.