1. Home
  2. Docs
  3. OrderNotify 訂單推播外掛...
  4. 外掛設定說明
  5. LINE 登入按鈕設定

LINE 登入按鈕設定

整合 LINE 登入

由於要使用 LINE 推播必須要經由 LINE 登入取得 LINE User ID 才能正確發送到店家的 LINE 官方帳號,因此網站需要具備 LINE 登入的功能,如果網站本身沒有該功能是無法使用 LINE 推播的。

為了方便站長使用,WooCommerce 推播通知外掛內建 LINE 登入,啟用後立即讓網站擁有 LINE 登入/註冊功能,不用再找其他第三方外掛,讓習慣使用 LINE 行銷的站長有更完整的使用體驗:

【啟用外掛並完成設定後,就能看到 LINE 登入功能】

【針對 LINE 登入按鈕,提供多種設定選項以符合站長需求】

LINE 登入按鈕除了預設的顯示位置外,也可以透過區塊編輯器或是短代碼加入:

(一)使用區塊編輯器

如果是使用區塊編輯器,在編輯器畫面輸入「/line」就可以看到:

也可以使用左上角的新增區塊列表在小工具的分類下找到 LINE 登入按鈕區塊:

加入後你可以隨意的修改按鈕尺寸、顏色與對齊方式:

在預設情況下,登入後回重新導向至登入前的頁面,如果你需要導向至其他頁面,可以點擊鉛筆修改按鈕網址,只要將目前點擊網址裡面的 true 改為其他網址即可:

如果是在會員已登入的狀態下,前台頁面會不顯示該按鈕。

(二)使用短代碼

如果網站使用其他的頁面編輯器,像是 Elementor、Divi,也可以用短代碼 ( Shortcode ) 來放置 LINE 的登入按鈕,寫法為:

短代碼名稱為 linelogin,設定參數說明如下:

text – 按鈕的文字名稱

size – 按鈕的尺寸,可選參數有 f、 l、m、s 四種尺寸,f 為滿版按鈕

lgmode – 跳轉的模式,設定 true 時會跳轉回原頁面,設定網址時會跳轉至該網頁

align – 對齊方式,可選參數有 left、center、right

member – 預設情況下在會員已登入的狀態下,前台頁面會不顯示該按鈕,填 true 的話已登入會員也能看到該按鈕

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料