Widgets

For Facebook bots, you can set some widgets to quickly start talking to the bot. To setup:

1. go "Tools" from the left sidebar

2. click "Widgets"

3. "+ New Widget"

Open

Messenger Ref URL Widget

Open

1. put a widget name

2. choose a sub flow the link goes to

(leave 3 and 4 blank if no reference is needed)

1. put a parameter name

2. assign a custom user field

What does the Ref parameter do?

For instance, you make a messenger ref URL to your main flow, so that by visiting this URL, your users can start talking to your bot.

However, you would like to gather more information from the link, like where did your users get the link? In this case, you can put "source" in area 3 and a variable to store the source at area 4 in the above picture.

Later, add a source name in your link according to where do you put it. This is how you get extra information from the link.

After filling in all the information, click "Save" and click the pencil to edit this widget, you will see a unique URL generated for this widget:

So here, by visiting any of the following links, your users can start talking to your bot:

Yes, you might notice that by adding "--xxx" after the link, the value "xxx" will be transferred to the bot.

QR Code Widget

URL links are convenient to click via electronic way while QR codes are more suitable for on-site use. By scanning a QR code, your users can start talking to your bot.

To setup:

1. give a widget name

2. select a sub flow

3. upload your logo image

4. adjust image size if needed

5. adjust color if needed

6. adjust dot scale if needed

7. click "Generate" to get an image on the right. Repeat step 4, 5 and 6 to get a final image

8. download your QR code, print it and put it in your store, restaurant, office, etc

Customer Chat Widget

This widget is to be embedded on your website, so that your website can have a bot serving users as UChat Website do:

To setup:

1. give a widget name

2. select a sub flow

3. adjust theme color if needed

4. adjust greeting message which will be shown above the "Continue as xx" button (see in the previous picture).

5. select a display type

6. adjust the delay if the second or the third display type is selected

7. for payload, see explanation in Messenger Ref URL above.

Click "Save" after finishing all the settings, again, click the pencil to edit this widget and you will see this button:

Click it.

Add the websites that you want to put this bot at. Then install the snippet by copying and pasting the code.

Perfect! 😎 You got a bot on your website now.

Chat Buttons

Configuring the "Powered By" Feature on UChat Chat Button Widget

Here are the steps to add a custom "Powered By" text and URL link to your chat widget on UChat. This feature allows you to include a custom signature or link in the footer of the chat widget. 

Please note: This feature only applies to the Button Widget and does not work with the WebChat Widget.

Key Differences:

• Button Widget: Redirects users to a specific channel of communication when clicked. The "Powered By" text in the Button Widget can be customized starting from the Business Plan. For example:

• WebChat Widget: Functions as a complete chat channel where users can interact directly without redirection. Customization of the "Powered By" text in the WebChat Widget is only available for Partner Plan clients. For example:

Step-by-Step Guide

1. Access the Widgets Menu

   • In the UChat dashboard, go to the left sidebar and select Widgets.

2. Create a New Widget

   • Click on + New Widget in the top right corner.

   • Choose the Chat button option from the dropdown menu.

3. Name the Widget

   • In the Add New Widget screen, enter a name for your widget in the Name field, then click Save.

4. Edit the Widget

   • After creating the widget, locate it in the widget list and click on the Edit icon (pencil icon) next to the widget you want to configure.

5. Set Up "Powered By"

   • In the widget settings editor, you will see customization options.

   • Find the fields labeled Powered By and Powered By URL:

     • Powered By: Enter the text you want to display as "Powered By." This text will appear at the bottom of the chat widget.

     • Powered By URL: Enter the link to which the user will be directed when they click on the "Powered By" text. This link can lead to your website, a contact page, or any URL of your choice.

6. Save Settings

   • After configuring the "Powered By" text and URL, click Save to apply the changes to the chat widget.

These steps will set up the "Powered By" text with a link in your widget, providing a personalized experience for users interacting with the chat on your site.