Виджеты

Overview

This video is a tutorial on “Widgets” inside the Dialogue Intelligence framework. It walks through how to create, configure, embed, and test a widget on a website, including how to view analytics/conversions after installation.

Main Concepts: What Widgets Do

• Widgets can be installed on a website to enable messaging interactions (e.g., WhatsApp and Telegram).
• They support conversion tracking and downloadable analytics (as described as benefits of the framework).

Step-by-Step Product Guide (Creation & Configuration)

1. Log in to the platform (via connect.com) and, if needed, register a personal account.
2. Choose a test organization (the test environment used for the demo).
3. Navigate to the Widgets section (within the tools area / reference books list).
4. Create a widget:
   • Click “+” in the tools/tools section.
   • Select the widget type (example: “Website widget number one”).
5. Customize the widget:
   • Add an image and a description.
   • Configure which messengers will be displayed.
   • Optionally select an advertising campaign (briefly mentioned; deferred to later lessons).
   • Add message text for the client chat flow:
     • The pre-filled text is stated to apply only to WhatsApp.
   • Add additional info / test label (the demo mentions “test” under messengers).
   • Toggle widget active/inactive status.
   • Set display behavior/format:
     • Initially closed, open, or always open.
     • Option to open in a new tab.
   • Customize the color palette.
   • Configure UI layout and behavior:
     • Button placement (left/right), indent, animation, and whether to show/hide elements.
     • Separate display options for smartphone vs computer.
     • Option to upload a video.
     • Set hint/call to action and a time delay.
   • Configure button type separately.

Step-by-Step Product Guide (Embedding on a Website)

1. Click Save.
2. Go to the Result section.
3. Retrieve the widget’s HTML code.
4. Use “Copy code” (copied to clipboard).
5. Paste the widget code into a website:
   • The demo uses a test builder with a blank one-page site.
   • Add an HTML/code block, paste the widget code inside it, then add.
6. Republish and test:
   • A widget button appears at the bottom.
   • Clicking it opens the messenger experience (WhatsApp/Telegram behavior).

Test Behavior Mentioned

• In the example, WhatsApp was shown, but because the presenter wasn’t logged into WhatsApp at the time, the expected transition didn’t fully occur.
• Telegram is also shown as a supported messenger flow.

Main Speakers / Sources

• Unspecified speaker/host (begins with “Hello everyone…”; no name given).
• Dialogue Intelligence framework (the system being demonstrated).
• connect.com (platform/login source).