Platform DocumentationVideo TutorialsAdvanced GuidesAPI Reference
Platform Documentation

Widget

Suggest Edits

ViaSay Chatbot Widget Overview

The ViaSay Chatbot Widget is a straightforward chat interface that can be easily integrated into your website.

Widget Configuration Tabs

You can configure the widget using the following tabs:

  • Format & Design: Customize the appearance.

  • Greetings: Define how your bot welcomes users.

  • Handover (Bot Managers only): Manage transitions between bot and human agents.

  • NPS: Activate Net Promoter Score surveys.

  • Integration: Set up widget integration and sharing.

  • Advanced: Configure advanced settings.

    A menu in the top-right corner allows you to duplicate or delete the widget configuration. You can also associate the duplicated widget with a new language.

Format & Design Tab

Customize the chatbot's appearance, including:

  • Chat Window: Modify style, position, color, font, and more.
  • Header: Design the header banner with a logo, title, and subtitle.
  • Messages: Upload an avatar and display placeholders for users.
  • Persistent Menu: Keep essential options accessible within the chat.
  • Chrome-Enabled Mic (Speech-to-Text): Enable voice input for Chrome desktop users.
  • Privacy Policy: Add a custom privacy policy link.
  • Chat Bubble: Customize the icon or text users click to open the chat.

Greetings Tab

Set up a welcome message and suggest quick replies for new users.

Handover Tab

For Bot Managers only: Set up agent handover via widget icon or directly in the chat.


NPS Tab

Activate the NPS survey for users when they close the chat. Customize the follow-up question and thank you message.


Integration Tab

Find scripts for web or mobile app integration, a test page link, and audience management settings.


Advanced Tab

Manage advanced settings like customer references, link behavior, and starting user actions.

Widget integration Script Customization

🛠️ Why customize data in the widget script?

Customized data means adding extra information (like a user’s name, email, or ID) to the chatbot widget so the bot can use it during the conversation.

🤔 Why is it useful?

👋 Personal touch: The bot can greet the user by name. Example: “Hi Chuck!” instead of just “Hi!”

🚀 Faster experience: The bot already knows some answers (like the user’s email), so it asks fewer questions.

🔐 Secure info: You can send encrypted data (like a user ID) to keep it safe.

🧠 Smarter replies: The bot can change its behavior based on who the user is or what they need.

➕ How to add customized data?

Just add extra lines in your widget script:

widget.setAttribute('user_firstname', "Chuck");  
widget.setAttribute('user_email', "[[email protected]](mailto:[email protected])");

For encrypted data:

widget.setAttribute('encrypted_user_id', "abc123encryptedvalue");

Want to go further? Check out this detailed tutorial on how to customize your integration script.

📌

Integration Tips

Ensure proper Content Security Policy (CSP) whitelisting:

For Zendesk integration or other services, refer to their specific documentation

Updated 27 days ago

Next page