Your Talkative Chat Widget is the customer-facing window into your digital contact experience, the interactive panel visitors use to start live chats, video calls, or other interactions on your website.

With Talkative’s Widget Editor, you can fully customise how your widget looks, behaves, and responds, from branding and language to advanced features like forms, nudges, and visibility rules.

▶️ Navigation Video

Watch how to navigate, design and customise your chat widget from start to finish.

https://www.youtube.com/watch?v=Uh7L2Bkd8jw&t

🎨 Creating Your Initial Chat Widget

<aside>

Step 1: Chat Widgets Wizard

In Talkative, left side menu go to Chat Widgets. If it’s your first widget you will be presented with the onboarding wizard.

1. Click Create Widget.
2. Enter your Widget Name.
3. Under Theme Options, set your brand colours using the colour picker or HEX codes.
4. In the Welcome Area, customise the welcome message, select queue and decide whether to request the customer’s name and email before starting a chat.
5. Click Create Widget to save your basic design.
6. Copy the embed script shown on the widget page to install it on your website.

Keep customising: Click Open Widget Editor or View in Widget Editor to make further changes like cards, nudges, forms, and rules.

</aside>

🧩 Further Customising Your Chat Widget

<aside>

Welcome Cards

Create engaging welcome screens that greet customers when they open the widget.

1. Click Add Segment and select your media type (e.g. image, text, video).
2. Use drag-and-drop to rearrange the order of segments.
3. Edit the text, button labels, and button actions to match your brand.

</aside>

<aside>

https://www.loom.com/share/f6307652097947f1b56099c76b2b180b?sid=9c74403c-9d32-4fad-82aa-02d352459266

Nudges

Nudges help attract attention to your chat widget by prompting visitors to engage.

Click Add Nudge +.

• Choose between:
  • Basic Nudge – a subtle pop-up that doesn’t interrupt browsing.
  • Modal Nudge – a larger prompt displayed in the centre of the screen.
• Choose where the nudge appears and when it reappears after dismissal. </aside>

<aside>

Language Strings

Adjust all default text shown in your widget, including system messages like “Waiting for agent” or “Type your message.”

1. In the left menu, open Language Strings.
2. Select a section (e.g. “Welcome Card Phrases”).
3. Edit any phrase to match your tone of voice or preferred language.

💬 Example: Change “Waiting for agent” → “Connecting you now”

</aside>

<aside>

Chat Button

You can change how your widget button appears on your website.

• Adjust size, colour, and shape.
• Upload your own icon or logo.
• Set its position on the page (bottom-right by default). </aside>

<aside>

Data Collection Forms

Collect customer details before an interaction begins:

1. In the editor, select Data Collection Forms.
2. Add fields (e.g. name, phone number, product type).
3. Toggle Required for mandatory inputs.

</aside>

👁️ Widget Visibility Editor

<aside>

</aside>

🤓 Advanced Widget Settings