Your website is often the first point of contact for customers. By integrating your website with iSlash AI Web Plugin Chat, you can provide real-time support, collect leads, and automate interactions through chat widgets.
Follow these steps to connect your website to iSlash AI and enhance your customer experience.
Setup Requirements
An active iSlash AI account, register a free account here.
Access to your website builder.
Video Tutorial
Step-by-Step Guide
Logon to iSlash AI Platform at https://app.islash.io/
Go to Settings:
Go to Channels and Click on "+" to create a new channel.
Rename to "Web", then under the Platform section, select "Web" :
Click "Save" and the Web Plugin Chat channel is created.
Next, navigate to left panels and click on "Web Plugins":
Click "Create" to start customizing your web plugin chat:
Appearance Settings:
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 (简体).
Channels Settings:
Channels : select Web channel.
Popup > Web Channel Settings
Execute Bot when Live Chat is started : Assign a chatbot 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.
Once completed, click "Save".
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.
Find JavaScript code on the right column:
Copy the JavaScript code provided
Add the JavaScript code to the footer section of your website.
Can I direct my website visitor to WhatsApp API channel?
Yes, you can. You will first need to integrate WhatsApp Business API to your iSlash AI account. Then go to Settings > Web Plugins > Channels Settings: at the drop down list, tick to enable WhatsApp.