How to Add the TeleWhats Chat Widget to Your Website

The TeleWhats Chat Widget adds a chat button to your website. Visitors can ask questions, read help articles and see your latest news. Their messages arrive in your Inbox, and your AI assistant can answer them right away.

What you need

• A TeleWhats account.
• Your website: a WordPress site, a Shopify store, or any site where you can paste a small piece of code.

Step 1: Connect your website

• WordPress: install the TeleWhats plugin and connect it to your account.
• Shopify: install the TeleWhats app from your store and connect it.
• Any other website: copy your widget’s embed code with Copy code and paste it just before the closing </body> tag of your pages. The widget only works on the website address you allowed for it.

Step 2: Style your widget

1. Open Chat Widget from the left menu and choose your widget at the top.
2. Under Appearance, set the Widget title (for example “Chat with us”), the Accent color to match your brand, and the Placement, such as bottom right.
3. Write a friendly Opening greeting, for example “Hi! How can we help today?”
4. Under Widget language, choose to detect the visitor’s language or pick one, and set a Fallback language.
5. Click Save Changes. The preview on the right shows how it looks.

Step 3: Add help articles and news

• Help: show short help articles inside the widget. Write them in your own words, or scan your website to bring them in.
• News: show your latest updates. Paste the RSS or Atom URL of your blog, for example a WordPress category feed such as https://yourblog.com/category/news/feed/. New posts then appear in the widget automatically.

Step 4: Let your AI assistant answer

1. Open AI Training, go to Deploy and turn on web chat.
2. If you use roles, open the widget’s Roles tab and choose which role answers on this widget. For example, a product-support role for your product site.
3. Open your website in a private browser window and send a test message.

Tips

• Keep the greeting short and inviting. A question works better than a statement.
• Show your team members in the widget so visitors know real people are behind it.
• Check the widget on your phone too, to make sure it does not cover important buttons.

Next steps

• Train your AI assistant
• Reply to visitors from the Inbox