Video Tutorial

Step-by-Step Guide

I) Creating Web Plugin Channel

1. Logon to iSlash AI Platform at https://app.islash.io/

2. Go to Settings:

   

   
   

3. Go to Channels and Click on "+" to create a new channel.

4. Rename to "Web", then under the Platform section, select "Web" :

   

   
   

5. Click "Save" and the Web Plugin Chat channel is created.

II) Customizing Web Plugin Messenger Appearance

1. Next, navigate to left panels and click on "Web Plugins":

   
   

2. Click "Create" to start customizing your web plugin chat:

   

   
   

3. Start customizing the Appearance of the Web Plugin Messenger:

   

• Name: Enter a unique name for your web plugin, such as your website’s name.

• Popup Title: This is the header text that appears when users click the chat icon.

  Example: "Chat with Us!"

• Popup Body: Write a brief introductory message for the chat.

  Example: "How can we assist you today?"

• Welcome Message (Optional): A message displayed above the chat icon to encourage users to click and chat.

  Example: "Need help? Click to chat!"

• Position: Choose the position for the chat icon on your website - Right or Left.

• Theme Color: Select your preferred theme color using a HEX color code.

• Margins: Set Margin Right and Margin Bottom values to "20" (in pixels) for standard placement.

• Language: Select the language for your web plugin from the following options:

  English (ENG), Chinese Traditional (繁體), Chinese Simplified (简体).

III) Customizing Web Plugin Messenger Channels

1. Go to the next tab do customize the Channels Settings:

   

   
   

2. In the list, select any existing messaging channels to be included in this web plugin chat.

   

   
   

   • If you have selected a Web Channel, you will be presented with Web Channel Settings:

     

     
     

     • Execute Bot when Live Chat is started : Assign an AI Agent (Bot) to handle live chat interactions automatically.

       This allows your website live chat and chatbot to provide automated responses and gather customer information efficiently.

     • Require Contact Information : Enable/Disable

       This will prompt customers to provide their email or phone number before starting the chat, making it easier for follow-ups.

       
       

   • If you have selected a WhatsApp channel, you will be presented with WhatsApp channel settings:

     

     
     

     • Preset Message: Add a preset message,

       ideally a short phrase that has been set as the Start Condition Keywords to an AI Agent.

       
       

   • If you have selected a Facebook Messenger channel, you will be presented with Facebook channel settings:

     

     • Enable/Disable.

     • Tick the Enable box and follow the Guide to complete Facebook Messenger Chat Plugin setup.

   
   

3. Once completed, click "Save".

IV) Injecting Web Plugin Chat to Your Website

1. The Web Plugin Chat preview is created:

   The preview shows how the plugin will look to your customers, including the welcome message, popup title, and popup body. If needed, make adjustments to your settings and click Save again.

   

   
   

2. Find JavaScript code on the right column:

   Copy the JavaScript code provided

   
   

3. Add the JavaScript code to the footer section of your website.

   
   

4. Your website is now equipped with web plugin chat, which can direct website visitors into your private traffic in iSlash AI Platform.