Add an Embeddable LINE Message Button to your website
Embed a LINE Chat Button on your website
You can manage your customer questions instantly from a dedicated LINE messaging channel facilitated by Zoho Desk. This feature also allows businesses to communicate about the latest business trends, track their sales, and more. The user experience on LINE messaging is simple, familiar, and relatable and has the potential to accelerate the adaptation of IM for business communications.
Why should you add a LINE chat button to your website?
• The embeddable button allows your website visitors to engage with your business whenever they want to.
• It also frees the customers from the burden of waiting for answers to their most pressing concerns and questions.
• It also frees the customers from the burden of waiting for answers to their most pressing concerns and questions.
How to add a LINE chat button to your website
To set up the embeddable message button, you will need the Channel ID of your Messaging API LINE account. With this Channel ID that you have provided, a unique reference link will be generated for your business account.
There are three ways to enable your customers to contact you via the LINE messaging button by setting it up as a chat option on your website.
• Via a Link
• Via a QR Code
• Via a customizable Message Button (Code Snippet)
There are three ways to enable your customers to contact you via the LINE messaging button by setting it up as a chat option on your website.
• Via a Link
• Via a QR Code
• Via a customizable Message Button (Code Snippet)
Regardless of which option you choose, you start by generating a LINE Embed Code:
1. Navigate to the Setup icon ( 
) in the top bar.
2. Select Instant Messaging under the channels option.
3. Select LINE Channel.
4. Click on Configure.
5. Select the channel that you wish to set up the embeddable button for.
6. Click on Generate LINE Embed Code by hovering over the Channel options.
2. Select Instant Messaging under the channels option.
3. Select LINE Channel.
4. Click on Configure.
5. Select the channel that you wish to set up the embeddable button for.
6. Click on Generate LINE Embed Code by hovering over the Channel options.
1. Link
The chat link feature lets customers to click on an auto-generated LINE chat link (reference link) and start chatting instantly through the LINE messaging app. You can also enter a pre-filled message that will be displayed on your website.
2. QR Code
You can also start chatting by downloading an auto-generated QR code. All you have to do is download the code and paste it on your website. You can also display it at your store (physical outlet) for customers to quickly scan and reach out to you through the LINE app.
3. Message Button
The third option is probably used the most. You can create a message button easily by using the customizable code snippet option.
Step 1: Customize the message button on the IM Setup by choosing the Message Button style.
(i) Choose the button size
• Compact (or)
• Standard
(ii) Choose the background color of the button
• Primary (or)
• Secondary
(iii) Enter the button text (This will be displayed on your website)
(iv) Choose the size of the button radius by moving the cursor over the desired size value and selecting it
On the right-hand side, you can see the Customized Message Button Preview where you can review and copy the generated code snippet.
Step 1: Customize the message button on the IM Setup by choosing the Message Button style.
(i) Choose the button size
• Compact (or)
• Standard
(ii) Choose the background color of the button
• Primary (or)
• Secondary
(iii) Enter the button text (This will be displayed on your website)
(iv) Choose the size of the button radius by moving the cursor over the desired size value and selecting it
On the right-hand side, you can see the Customized Message Button Preview where you can review and copy the generated code snippet.
Step 2: Once you have customized the button based on your preferences, copy the generated code snippet as shown below.
Step 3: Find the right position to place the embeddable button on your website and paste the code snippet there.
Viola! This chat setup of the customized message button will enhance your website and give your customers the instant support they need.
Read a feature story - What are the benefits of using a message button?
Read a feature story - Use QR codes to add customers to your communication channels