架站小幫手
架站小幫手Power ShopPower CourseLine 私訊
  • WORDPRESS 快速入門
    • 如何登入後台
    • 網站的真正用途 & 製作網站的3步驟
    • WordPress開站基本設定
    • 如何開通外掛授權
    • 如何購買網域
    • 將暫時網域換成正式網域,讓網站正式上線
    • WordPress環境 快速導覽
    • Blocksy佈景主題設定/修改網站整體外觀&字型
    • 頁首選單 Menu 設定
    • 頁尾 Footer 設定
    • 側邊欄 Sidebar 設定
    • 新增頁面 / 文章
    • 文章的分類 / 標籤
    • 安裝外掛
    • 安裝翻譯檔
  • Elementor 編輯器
    • Elementor編輯器 入門篇
    • 用Elementor做Popup彈出式視窗
    • Elementor 主題建構器的用途
    • 匯出/匯入Elementor範本
    • 換了網址後,Elementor的圖片變空白
    • Elementor 編輯器 進階篇
    • 如何使用JetEngine創建 自訂內容類型(Custom Post Type)
    • 如何使用JetEngine編排自訂的列表版型(Listing Grid)
  • WooCommerce商店/購物車
    • 上架商品 / 簡單商品 vs 可變商品
    • 設定優惠碼(折價券)
    • 商品的分類 / 標籤
      • 文章的分類 / 標籤
    • 商品列表側欄的篩選器
    • 設定金流 - 付款方式
    • 設定物流 - 運費 / 台灣離島運費 / 免運提示
    • 結帳流程的重要設定
    • 出貨流程 / 訂單狀態的意思
    • 自訂訂單通知信
    • 如何啟用商品評價/評論功能
    • 設定訂閱型商品(定期定額扣款)
    • 使用Automatewoo設定自動化工作流程
    • 如何做一個加入購物車的按鈕放在任意頁面上
    • 結帳時出現「輸入你的地址以檢視運送選項」錯誤
  • 串接 金流/物流/電子發票
    • [必看]申請前注意事項
    • PayUNi 統一金流
    • Paynow 立吉付 金流 / 物流 / 電子發票
    • LinePay 金流
    • ECPay綠界 金流 / 物流 / 電子發票
    • PchomePay 支付連 金流
    • 藍新 金流 / 物流 / 電子發票(ezPay)
  • 進階延申功能
    • [建置中]設定網站快取,加快載入速度
    • 用WP Social Ninja設定網站右下角懸浮Line連結圖標
    • 串接SaleSmartly客服對話視窗
    • Fluent Form 表單外掛
    • [建置中]Solid Affiliate 聯盟行銷外掛
    • 使用Updraftplus設定網站備份到第三方空間
    • 會員登入註冊
    • 社群登入:使用 Nextend Social Login and Register 外掛
    • [建置中]設置網站發信功能SMTP
    • [建置中]Amelia 預約諮詢系統
  • SEO 搜尋引擎佳化
    • 如何串接 Google Search Console 並提交 Sitemap
    • 如何解讀Google Search Console的錯誤訊息
    • Rank Math SEO外掛
    • SEO最佳化的重點
  • Meta 廣告
    • 如何創建Meta像素
    • 如何在網站上串接Meta像素 & 設置轉換API (Conversion API)
    • 使用WP網站下Meta廣告,如何設置轉換事件
    • Meta廣告後台 如何驗證網域
    • 如何將讓像素出現在廣告帳號裡面
    • 將網站商品串接Meta的動態商品廣告(DPA)
  • Google Analytics / Google Ads 相關
    • 如何串接Google Analytics 4 (GA4)
    • 如何串接Google Tag Manager (GTM)
    • 如何串接Google Ads代碼
  • Email 電子報
    • FluentCRM電子報發信教學
    • 使用Gmail收發網域信箱的信
    • 如何設置「訂閱電子報」欄位
  • 分享權限
    • 分享 Gandi的網域DNS設定權限
    • 分享Cloudflare的DNS設定權限
    • 分享Godaddy的DNS設定權限
    • 分享Namecheap的DNS設定權限
    • 分享遠振資訊的DNS設定權限
    • 分享Squarespace的DNS設定權限
  • 模板介紹
    • blog.wpsite.pro 部落格模板
Powered by GitBook
On this page
  • 網站右下角對話框
  • 串接官方Line
  • 1# 添加Line到集成,並輸入Channel資訊
  • 2# 設定Line回應設定
  • 3# 前往 LINE Developers 開啟 Use Webhook
  • 4# 在網站上顯示
  • 5# 建立LINE Login
  • 6# 創建LIFF app
  • 7# 把資料填到salesmartly
  1. 進階延申功能

串接SaleSmartly客服對話視窗

Previous用WP Social Ninja設定網站右下角懸浮Line連結圖標NextFluent Form 表單外掛

Last updated 5 months ago

網站右下角對話框

1

建立聊天插件後,複製程式碼

2

安裝好能自訂 Javascript 的外掛後,把程式碼放進去

串接官方Line

1# 添加Line到集成,並輸入Channel資訊

如果以前沒設定過,會出現"創建Messaging API"按紐,按它並照流程設定

2# 設定Line回應設定

3# 前往 LINE Developers 開啟 Use Webhook

4# 在網站上顯示

如果不需知道訪客瀏覽連結,不用進行後面步驟

5# 建立LINE Login

  • Region to provide the service:Taiwan

  • Company or owner's country or region:Taiwan

  • Channel icon (非必填):放你的logo

  • Channel name:填頻道名稱

  • Channel description:填頻道簡介

  • App types:Web app

  • Email address:填你的mail

  • Privacy policy URL (非必填):填網站的"隱私權政策"頁面連結

  • Terms of use URL (非必填):填網站的"服務條款"頁面連結

6# 創建LIFF app

  • LIFF app name:頻道名稱

  • Size:Full

  • Endpoint URL:https://api.salesmartly.com/client/line/auth-redirect

  • Scopes:全打勾

  • Add friend option:On

  • Scan QR:打開

7# 把資料填到salesmartly

前往

前往

Callback URL:

安裝外掛方法
LINE Developers 頁面
LINE Developers 頁面
https://api.salesmartly.com/client/line/callback
95折申請連結
*此處以 Simple Custom CSS and JS 為例
Channel資訊位置