在線聊天(在線聊天工具網頁版)

Line的背景

前文所提到過的在線聊天工具tawkto屬于比較廣泛的獨立站在線聊天工具，而今天介紹的是一個比較本土化的社交聊天工具——Line。 其實Line和一個產品很像，大家都知道的WeChat——微信，他跟Mesnger、WhatsApp幾個軟件加一起基本覆蓋了全球95%市場。 Line的公司在日本（母公司韓國），并且在中國臺灣，日韓，中東，東南亞有一定的市場。

Line的配置模式

Line目前的按鈕有做了一些改版，最開始的時候只能是設置掃碼按鈕，就像微信一樣，掃碼加好友，不過很多人找不到在哪里下載代碼！ 這個入口要找確實比較麻煩：Line三種按鈕的代碼安裝 目前提供三種互動的方式分別是： 1、分享 2、加好友 3、點贊（并主頁）

「LINE分享」按鍵

「LINE分享」按鍵可以讓用戶輕松的通過分享鍵推薦給朋友，官網頁面：Line結合獨立站的配置教程

1. 輸入獨立站的網址

因為代碼是要和自己的獨立站相符合，所以我們按照圖示的要求，正確輸入獨立站的網址，方便配置屬于自己網站的line分享按鍵。

PS如果不是按照要求配，大概率不成功！

2. Line按鍵樣式的配置

設計的樣式分為這幾種，可以選擇大小、顏色、分享次數顯示等，比較方便。大家會發現，根據自己配置的不一樣，代碼也是隨時在改動的！

3. 確認預覽的結果之后，復制代碼

http://www.zcart.cn" data-color="default" data-size="large" data-count="true" style="display: none;">

請將程式碼片段加進網頁的DOM，當DOMContentLoaded事件觸發時，將會執行程式碼片段。

請復制程式碼片段，然后貼到網頁中要呈現按鍵的位置。

在同一個網頁中設定數個「LINE分享」按鍵時，僅須寫入一次指令碼標記（script tag）

4.獨立設計樣式

其實官網原文還有獨立的設計樣式，這里不多描述，有需求有能力的自己去看一下即可！

「加入好友」按鍵

加好友的按鍵在操作步驟和分享按鍵基本一致，這里只做貼圖說明！ 唯一不同的是，加好友按鍵是需要輸入的是ID而不是網址，所以前提我們是需要去下載并注冊line，下載的網址在這里：line下載 還有一個可以給大家介紹的是：line開發者頁面

「讚」按鍵

重點的話，Derek比較推薦這個設置。因為可以在點贊的基礎上多設置分享或者加好友！

差不多如此！最后一步就是把這些個代碼安裝到shopyy。

將Line代碼配置到Shopyy網站

1、復制代碼

2、打開shopyy后臺——配置——開發者——代碼嵌入——添加

（來源：莽夫出海）

以上內容屬作者個人觀點，不代表雨果網立場！本文經原作者授權轉載。

上雨果網搜索“跨境資料庫”,領取歐美/東南亞各國市場商機、各大平臺熱銷品報告、跨境電商營銷白皮書！