All Collections
Website editor
Site Widgets
Add chat widgets by Common Ninja to your site
Add chat widgets by Common Ninja to your site
Naoko avatar
Written by Naoko
Updated over a week ago

Are you looking to add a chat widget to your website? Chat widgets are an easy way to allow visitors to your website to quickly and conveniently ask questions and receive answers from your team right in their browser or phone.

How to Add a Chat Widget to Your Site

To add a chat widget to your website, follow the instructions that best match your website's platform or framework. Click below to open the instructions.

Add WhatsApp button

  1. Go to Website > Edit.

  2. In the Top bar, click the Widgets icon.

  3. Click "Add widget" or the "WhatsApp button."

  4. Customize the content and look & feel in the Common Ninja editor.

  5. When you finish customizing, click "Save Change" within the Common Ninja editor.

  6. Click "Save" in the Durable website editor in the top bar.

This widget was created by Common Ninja: check WhatsApp Chat for Durable for details. Please note that the reply is not automated, so someone has to monitor and reply to the chat received on your WhatsApp.

Add Telegram button

  1. Go to Website > Edit.

  2. In the Top bar, click Widgets.

  3. Click "Add widget" or the "Telegram button."

  4. Customize the content and look & feel in the Common Ninja editor.

  5. When you finish customizing, click "Save Change" within the Common Ninja editor.

  6. Click "Save" in the Durable website editor in the bottom right corner.

This widget was created by Common Ninja: check Telegram Chat for Durable for details. Please note that the reply is not automated, so someone has to monitor and reply to the chat received from your Telegram app.

Add Messenger chat

  1. Go to Website > Edit.

  2. In the Top bar, click Widgets.

  3. Click "Add widget" or the "Messenger chat."

  4. Customize the content and look & feel in the Common Ninja editor.

  5. When you finish customizing, click "Save Change" within the Common Ninja editor.

  6. Click "Save" in the Durable website editor in the bottom right corner.

This widget was created by Common Ninja: check Messenger Chat for Durable for details. Please note that the reply is not automated, so someone has to monitor and reply to the chat received on your Messenger app.

Chat widgets FAQs


Do I need to install any software to use a chat widget?

No, all you'll need to do is install the chat widget code on your website. Your visitors may need to download a browser extension or a mobile app with your team.


How do I respond to user inquiries?

Your team may reply to inquiries via a browser app or directly messaging users from your Messenger/WhatsApp/Telegram app on your device. Refer to the chat widget documentation for information on responding to inquiries.


Can the chat widgets automate responses with AI?

Not at this time. We do not offer an AI-integrated messaging tool. The chat widgets we introduced on this page require manual answers by your team.


What do I need to add under "Messenger user"?

you will need to put a Facebook Username here:

How to find a Facebook Username:

From computer

  1. Click the profile icon and go to Settings & privacy.

  2. Settings → Accounts Center.

  3. Profiles → your Facebook account → Username.

  4. Copy the username here and paste it into the Common Ninja widget section.


Then, you can paste this username to the Messenger user section and click save.

If you want to find out where to find Facebook usernames from different devices, you can check those external pages below as well.

Chat widgets are an excellent way to provide quick and efficient customer service to your website visitors. Installing a chat widget on your website is an easy process, and you can refer to the instructions in this guide to help you get started. If you have any questions about adding a chat widget, contact the support team.

Did this answer your question?