Skip to main content

Connect Your Chatbot to a Platform in Channels

Once you got your WOZTELL account, hold on and do no go ahead to build your chatbot. First and foremost, you should connect your account to one of the messaging platform to make sure the bot would work (and you could also test it if it doesn't). You could do the connection in Channels.

Follow me and set up your first chatbot on the WOZTELL Web Chat Plug-in now.

What is your Result?

Get started button
Get started button
Persistent menu
Persistent menu
PropertyDescription
Successful Result
You should be able to see a Get Started button and also a Persistent Menu on your testing Facebook page. The menu button should be able to open an a new web page.

Getting Hands-on

Deploy the Web Chat Plug-in

  1. Create a new web page for testing purpose.

  2. Now go back to WOZTELL and click Channels".

  3. Click "+ New Channel".

Click + New Channel
Click + New Channel
  1. You will enter into the channel creation workspace. Now, fill in the name and description of your new channel. Click "Save".
Give your channel a name and a description
Give your channel a name and a description

  1. Go to "Platform" on the left menu, click on the "Web Chat icon".

  2. A new section on Web Chat will be expanded.

Select Web Chat as platform
Select Web Chat as platform
  1. Find and apply the "Head Script" & "Body Script" to your website.
Head & Body Script
Head & Body Script

Head Script

<script src="http://dev.radiate.sanuker.com/webchat.js"></script>

Body Script

<script>Radiate.init("Insert Channel ID here", "Auto-Generated Token Here")</script>
  1. Alternatively, you can access the full screen Web Chat directly with this sample link after you have "Saved" the Channel settings: 
https://webchat.stella.sanuker.com/messenger?c="Insert_Channel_ID_Here"&t="Insert_Token_Here"

tip

You can find the Channel ID & the Token in the body script.

Set Greeting Button for Each Locale Group

  1. Scroll down to "Language" and set the Greeting button of your chatbot for each Locale Group. For setting up the locale group, please click here to learn more.

  2. The default payload for the Greeting Button is "GET_STARTED" which is hidden. You will apply this payload to your chatbot flow later and will not be able to change the payload for the Greeting Button.

Set your Locale Group
Set your Locale Group
  1. Select Add Language and then select the Locale Group on the drop down menu. If you have not set up any Locale Group before, you may skip this step and stay in Default instead.
Set your Bot Name, Language Text & Greeting Button Text
Set your Bot Name, Language Text & Greeting Button Text
  1. Fill in the corresponding Bot Name, Language Text & Greeting Button Text.
Full Screen Web Chat Examplet
Full Screen Web Chat Examplet

Set Persistent Menu

  1. Click "+ Button" to create a persistent menu button.
Add persistent menu button
Add persistent menu button
  1. The button details will be displayed on the right hand side. Fill in the title, select the URL button type, and put down the URL of your official website. Click "Save".
Set URL button
Set URL button

  1. Now, go back to the top right and click the final "Save".

  2. Go to your web site or full screen Web Chat and check if you can get a successful result 🎉

Last updated on