Website Chat Widget
Add the Alexa360 Website Chat Widget to your site.
Last updated
Add the Alexa360 Website Chat Widget to your site.
Last updated
The Website Chat Widget allows website visitors to contact you via live chat or through other you have connected.
From Settings Module, navigate to the menu item, Growth Widgets
Press it and choose Website Chat. The Connecting Website Chat Widget dialog should open up.
Fill in the website(s) where the Widget will be added. Refer to the following on how websites can be whitelisted.
If the user adds https://app.alexa360.io then only https://app.alexa360.io will be whitelisted. Any other subdomain or root should not work.
If the user adds https://*.alexa360.io , then all subdomains including the root domain will be whitelisted.
If the user adds https://alexa360.io , then only the root domain will be whitelisted.
Using the interactive color picker, select a theme color for the chat widget.
Choose an icon that would like to show on the website for the widget. If you prefer to upload a customized icon, you can upload a square icon with a recommended size of 256px x 256px.
Once you have specified the necessary, press NEXT to follow through.
Step 7. Install the Script You can add the generated script to your preferred website. Alternatively, you can send the installation instructions to someone else via email.
You may require a webmaster or technical admin to assist in installing the chat widget on the website. Please seek assistance if necessary!
Depending on what system you use to create and manage your website, we have created a step-by-step guide to walk you through installing a Chat Widget onto your website.
For other platforms or services, navigate to HTML source of the page. Paste the script before the </body> tag.
If you require assistance, you can choose to forward the script along with installation instructions to your website administrator. Select the respective checkbox and enter the email address of someone who can help you install the chat plugin.
The Alexa360 Website Chat Widget will appear on your site once the script has been successfully installed.
From Settings Module, navigate to the menu item, Channels
Once you have located the Website Chat channel, press CUSTOMIZE
You can use the fields below to customize the Website Widget to match the website's appearance so the widget will look seamless.
On the right side of the page, there is a preview of website chat widget. Any customization made to the widget will reflect on the widget. This helps users to get a better idea of what they are customizing.
You may customize the following to change the display appearance of the widget on the website.
Field
Description
Theme Color
The chosen color will be used as the primary color of your widget.
Text Color
The chosen color will be used as the primary text color of your widget.
Website Chat Icon
The selected icon is used inside the widget bubble together with the Theme Color. You can upload a custom icon if necessary.
Popup Message
The Popup Message is shown to website visitors once per day 5 seconds after the page load. If not defined, no popup message will appear to the website visitors.
Validation for Website Chat Icon :-
Maximum file size: 1MB
Maximum file dimension: 256 x 256 px
Shape: Square
Field
Description
Align To
User can choose to specify a position whether to display the widget on the left or right of the platform
Vertical Spacing
User can specify the amount of vertical spacing between the website chat widget and the bottom of the screen
Horizontal Spacing
User can specify the amount of horizontal spacing between the website chat widget and the side of the screen
Widget Size
User can choose the size of the widget from Small, Standard or Large.
Display Options
User can choose to display this widget on desktop, mobile devices or both.
Field
Description
Title
The Title will show at the top of your chat widget
Tagline
The Tagline will be displayed under the title
Website Chat Logo
Drop your logo image here so it will show at the top of the Website Chat. The format can either be in PNG, SVG or JPG and the file size is not more than 4.0 MB.
Channel Icons
This option will enable contacts to contact you through their preferred channel providing the options are given. You can add up to six channels and it will be shown at the top of the Website Chat Widget.
Validation for Website Chat Logo:-
Maximum file size: 4MB
Maximum file dimension: 1024 x 1024 px
Shape: Square
If the Website Chat Widget has never been configured before, connected channels with adequate information will be listed by default as Widget channel links.
You may add the widget channel links and specify the necessary information for the selected channel.
Here is the list of Input Field required for each of the Channel Links supported.
Channel Links
Input Field Required
WhatsApp Phone Number
Facebook Messenger
Facebook Page ID
Telegram
Telegram Botname
Twitter ID
LINE
LINE ID
Viber
Viber Public Account Name
SMS
SMS Phone Number
Email Address
Phone Call
Phone Number
Custom Link
URL Address and Icon
Custom QR
QR Image and Icon
Validation for Channel Icon :-
Maximum file size: 1MB
Maximum file dimension: 256 x 256 px
Shape: Square
Enabling this option will add a pre-chat form to your Website Chat. If enabled, your website visitors will be presented with a form to fill before they start the chat.
With this option enabled, you can include additional custom fields when necessary. In addition to that, you can also customize the label for the default fields on how they appear to your contacts.
The field labels can be customized to a different language to match the website's language.
