Twise Help Center
  • Welcome 👋
    • Quick start guide
    • [Video] Beginners guide on how to edit and share a twise
    • [Video] Tips, tricks and admin walk through
  • Content
    • How twise learns from your content
    • Knowledge cards
    • Best practise for adding content
    • Understanding how twise works with your content
    • How to match answers with visuals
    • Include links in answers
    • What kind of content can be uploaded?
    • Video and audio files
    • Adding lists and structured content
    • The basics of how knowledge retrieval works
    • Bulk import content via CSV or XML file
  • Content - Collections
    • What are collections?
  • Collections API - Events
  • Importing a collection via a Twise XML Feed
  • SHARING
    • [Video tutorial] How to get twise onto your website
    • How to share a twise
    • Website widget
    • Embed onto your site
    • Access rights
  • OTHER
    • Understand the Visitor: Setting Up Twise for Personalized Engagement
    • Lead capturing
    • Contact form & CTA
    • Insights
    • Voices
    • Privacy and security
    • Zapier Integration
    • How to iterate and improve answer quality
    • How do I upgrade to a paid plan?
    • How do credits work and what happens if you run out?
    • Delete a twise
    • API Guide
    • Enterprise plan onboarding
  • DESIGN
    • How to add a menu & navigation
    • Custom design
Powered by GitBook
On this page
  • Use your twise as a better looking chat bot alternative
  • Welcome message for the widget
  • Widget customisation
  • Alert user to speak to the widget
  • How to install the widget
  • Use any link or button on your site to open the widget
  1. SHARING

Website widget

PreviousHow to share a twiseNextEmbed onto your site

Last updated 11 months ago

Use your twise as a better looking chat bot alternative

You can now add a widget to your website that will open in an overlay:

Welcome message for the widget

You can configure a welcome message that will appear next to the widget upon load. This message can be changed to anything you like.

Use the text [YOUR TWISE NAME] to insert the name of the twise automatically.

You can change the colors of the text and the background as well.

Widget customisation

You can change the width and height of the actual overlay that opens when someone click the widget.

That is done by updating the actual code:

    var WIDTH = "1600px";
    var HEIGHT = "900px";

Alert user to speak to the widget

The widget can be set to alert the user by changing the page title. This is a common practise for chatbots but can also be a distraction.

How to install the widget

To be able to add the widget to your website you will need to be able to have acces to the code.

We offer a javascript code that needs to be added inside the <head> tag of the entire site or on the specific pages where you want the widet to appear.

The code can be found under SHARING in the admin and then under Install Twise Widget:

Use any link or button on your site to open the widget

Assuming you have access to the code of your site, and know a little code, you can show the widget through a click on any button or link on your page.

Activate Hide avatar:

Add this attribute to any HTML element where you want to activate the Twise widget. For instance, add <button data-twise>Open Twise</button> to a button element to enable users to open the widget directly through this button.