How to Add a Traffic Widget to the Chat Plugin?

1. Function Introduction

Add a traffic diversion component to the chat plugin. When a visitor visits your website, he or she can choose the communication channel he or she wants to start a conversation with you. This is convenient for visitors and can also help you achieve practical scenarios of diverting visitors or diverting them to third-party channels.

This article will introduce how to add the traffic-generating components of each channel to the chat plug-in.

 

2. Operation process

2.1 Edit entry

In [ Integration - Chat Plugin ], find the plugin to which you want to add the drainage component, click the drainage component, or click Edit Plugin to enter the editing page.

 

2.2 Enter the edit page

Each chat widget" has a switch and corresponding configuration. Under the entry integration category, you can set the display effect of the drainage widget and open the integrated entry of the corresponding drainage channel. Click Display Entry > Enter your contact information.

 

2.3 Effect after adding drainage components

 

2.4 How to add drainage components

The following will briefly describe how to integrate each entrance into the chat plug-in (the operations of WeChat customer service and Email are relatively simple and similar, so I will not repeat them)

 

2.4.1 How to add WhatsApp traffic widget

In the background [ Integration - Chat Plugin - Edit Plugin ], find the WhatsApp portal under the portal integration category. You can directly associate the business API number that has been connected to SaleSmartly or directly enter the WhatsApp number to complete the configuration.

 

2.4.2 How to add Messenger traffic diversion components

In the background [ Integration - Chat Plugin - Edit Plugin ], find the Messenger entrance under the Integration/Installation category. You can directly associate the Facebook homepage that has been connected to SaleSmartly or directly enter the FB homepage ID number to complete the configuration.

 

How to obtain FB homepage ID:

(1) Log in to Facebook (click to go to login), click the [ Public Page ] module, and select the page you want to integrate.

(2) Go to the public homepage management page, copy the ID string of the URL at the top of the browser, and then fill it in the SaleSmartly backend.

2.4.3 How to add LINE drainage components

In the backend [ Integration - Chat Plugin - Edit Plugin ], find the LINE portal under the portal integration category. You can directly associate the LINE number that has been connected to SaleSmartly or directly enter the LINE official account ID number to complete the configuration.

There are two ways to add LINE: LINE authorization and entering a LINE official ID.

LINE authorization is more complicated, but this method can guide visitors to authorize LINE information and obtain visitor access URL. You can go to How to authorize LINE to chat plug-in? document to learn the detailed operation of adding LINE components. This section only briefly introduces how to obtain LINE official account ID.

Get the LINE official account ID.

Open the LINE app, find your official account, and go to the official account homepage - find the official account ID in the bottom area (note, it is the string of numbers and letters after @, so you don’t need to fill in @), and then fill it in the SaleSmartly backend.

 

2.4.4 How to add Telegram traffic-generating components

In the background [ Integration - Chat Plugin - Edit Plugin ], find the Telegram portal under the portal integration category. You can directly associate the Telegram number connected to SaleSmartly or directly enter the Telegram robot ID number to complete the configuration.

How to get the elegram bot ID?

In the Telegram APP, open the chat interface with BotFather > send [ /mybots ] to view the name of the bot. The Telegram robot ID is the bot name.

The ID "susubbot," shown in the picture, is used as an example. In actual operation, each user's ID will be unique and different.

2.4.5 How to add an Instagram traffic widget

In the background [ Integration - Chat Plugin - Edit Plugin ], find the Instagram portal under the portal integration category. You can directly associate the Instagram account that has been connected to SaleSmartly or directly enter the Instagram account ID number to complete the configuration.

How to get an Instagram account ID?

On the Instagram app, open your homepage and enter the account ID in the upper left corner into the SaleSmartly backend.

2.4.6 How to add a TikTok traffic-generating widget

In the background [ Integration - Chat Plugin - Edit Plugin ], find the TikTok portal under the portal integration category. You can directly associate the TikTok account that has been connected to SaleSmartly or directly enter the TikTok account ID number to complete the configuration.

 

How to get a TikTok account ID?

On the TikTok website, open your homepage and enter the account ID in the red box into the SaleSmartly backend.

Note: You don’t need to fill in the @ in front; just copy the URL behind it

 

2.4.7 How to add VKontakte traffic widget

In the background [ Integration - Chat Plugin - Edit Plugin ], find the VKontakte portal under the portal integration category. You can directly associate the VKontakte number that has been connected to SaleSmartly or directly enter the VKontakte account ID number to complete the configuration.

 

How to get a VKontakte community account ID?

Open the VKontakte website and go to the community's management page.

 

The information in the red box is the community ID.