在商店顯示 LINE 加好友 CTA

使用 LINE 加好友 CTA，可以在 Shopify 商店的頁面上放置加入好友與 LINE 連結的導引。文案與顯示條件在 Lumo 管理畫面設定，在 Shopify 佈景主題中開啟後，導引就會依訪客的狀態自動切換。

LINE 加好友 CTA 能做什麼

可以從 4 種類型中選擇，讓造訪商店的人當場加入 LINE 好友或完成 ID 連結。

顯示的內容會依訪客狀態自動切換。

在手機上點擊按鈕會開啟 LINE 應用程式，並直接完成加入好友或連結。在 PC 上則以 QR Code 為主，引導訪客用手機掃描。QR Code 旁會顯示「在電腦上繼續 →」，也可以在 PC 的瀏覽器登入 LINE 後繼續。

經由 CTA 加入的好友，會記錄為獲取來源「網站加好友 CTA」。接觸點會記錄為 CTA 的設置名稱，因此可以看出好友來自哪個 CTA（機制上，每個 CTA 自動建立的 QR Code 會與設置綁定）。加好友開始頁面的 URL 也會一併記錄（在手機上從按鈕進入時同樣適用）。記錄的來源、接觸點與頁面，可直接用於報表、工作流程與受眾的條件。

使用此功能的條件

要顯示 CTA，需要先完成 Shopify 整合與 LINE Login 的設定。

• Shopify 商店已與 LINE 官方帳號完成整合
• LINE 官方帳號已完成 LINE Login 設定（ID 連結需要）
• 可以編輯 Shopify 的佈景主題編輯器（用來開啟應用程式嵌入）

可以與 Klaviyo 等其他工具的彈出視窗並用。請調整位置與顯示時機，並以手機和 PC 預覽確認是否重疊。

商店以外的自有網站（例如 LP）也能顯示同一個 CTA。在 CTA 的「顯示的網站」中加入網站的 URL，並在該網站的每個頁面貼上追蹤程式碼。商店以外的網站只會顯示加入好友的導引。步驟請參考「在網站上設置加好友 CTA」一文。

開啟 CTA 清單

CTA 清單位於 LINE 官方帳號的側邊選單中。

在導覽選單中選擇目標 LINE 官方帳號，點擊側邊選單的「CTA」（就在「QR Code」的下方）。

清單中會列出每個 CTA 的名稱、類型、狀態，以及最近 30 天的顯示次數、點擊次數、加入好友數與 ID 連結數。要新增時，點擊「建立 CTA」。

建立 CTA

建立 CTA 時，依序設定類型與文案、優惠、顯示條件、成效衡量，最後點擊「儲存 CTA」即完成。變更設定時右側的預覽會同步更新，可以一邊確認外觀一邊進行。

基本設定

文案

標題、內文、按鈕文字留空時，會顯示 Lumo 的預設文案。切換「編輯的語言」可分別編輯日文、英文、繁體中文與泰文，並依Shopify 商店的顯示語言自動切換。

文案分為以下兩組。

• 加入好友（未登入的訪客）：顯示給尚未登入的顧客
• LINE 連結（已登入的顧客）：顯示給已登入的顧客，同時引導加入好友與連結

也可以設定按鈕下方的小字「備註」，以及彈出視窗上方的「圖片」。

優惠

在「優惠」選擇「優惠券」後，可設定優惠券活動與「顯示給訪客的優惠名稱」。選擇「僅顯示名稱」時，不需選擇活動，只設定顯示名稱（優惠由自行準備的訊息發送）。優惠名稱是顯示給顧客的名稱，例如「10% 折扣優惠券」。內文中的 {coupon} 會替換為此名稱。

CTA 只負責宣傳優惠。優惠券本身由 CTA 自動建立的 QR Code 回應訊息，或工作流程的訊息發送。選擇優惠券活動時，請在訊息中加入對應活動識別鍵的變數（例如識別鍵為 welcome10 時，使用 {{ shopify.discount_code_welcome10 }}）。選擇「僅顯示名稱」時，以自行準備的訊息發送優惠。

顯示條件

若同一頁面另外放置了浮動按鈕類型的 CTA，關閉後的小按鈕不會顯示。彈出視窗每頁只顯示一個。

成效衡量

設定「對照組（不顯示）比例」後，為了衡量成效，會對部分訪客不顯示 CTA。設為 0% 即停用。

「流量來源」會顯示為此 CTA 建立的來源，並標示「自動建立」。加入好友後立即傳送的問候或優惠訊息，從「設定問候與優惠訊息」設定。來源本身的設定可從「開啟來源詳細資訊（QR Code）」確認。

預覽

在右側的預覽中，可用「預覽對象」切換「未登入」「已登入但尚未加入好友」「已登入但尚未連結 ID」「已連結 ID」，並用「裝置」切換手機與 PC，確認實際的呈現方式。

在 Shopify 佈景主題中開啟顯示

在 Lumo 建立 CTA 後，請在要使用的佈景主題啟用「Lumo LINE CTA」應用程式嵌入。

英文與日文編輯器的顯示設定及說明會以英文、日文並列。文案、優惠、顯示條件，以及浮動按鈕或橫幅的位置，皆在 Lumo 目標 LINE 官方帳號的「CTA」設定。佈景主題中沒有位置或連線環境的選項。

每個佈景主題都需要分別啟用。若要在正式商店顯示，請設定已發布的佈景主題；更換佈景主題後，請在新主題重新啟用。

放置內嵌區塊

在 Lumo 建立內嵌類型的 CTA 並設定顯示條件。在佈景主題編輯器開啟目標頁面，於支援應用程式區塊的區段新增「Lumo LINE CTA」區塊並儲存。不支援應用程式區塊的區段無法放置。

內嵌 CTA 也需要同時開啟「Lumo LINE CTA」應用程式嵌入及其顯示設定。放置位置會顯示符合該頁面條件的內嵌 CTA。文案與顯示條件在 Lumo 設定，區塊本身不需設定。

「Lumo LINE ID Link」可設置於新版結帳感謝、訂單狀態頁面，以及新版顧客帳號的個人資料與訂單列表。無法設置於傳統顧客帳號頁面。 設置步驟請參閱Shopify 整合設定方式。

在 PC 上掃描 QR Code 時的動作

對於在 PC 上瀏覽的顧客，會引導用手機掃描 QR Code。

已登入商店的顧客掃描 QR Code 後，會在手機端同時完成加入好友與 ID 連結。未登入時只會加入好友，不會進行 ID 連結。為了安全，QR Code 會在每次開啟彈出視窗或面板時重新發行，並在 10 分鐘後失效。

難以掃描 QR Code 時，可從「在電腦上繼續 →」在 PC 的瀏覽器登入 LINE 後繼續。

使用 Free 或 Starter 方案時，PC 版的 QR Code 畫面會顯示「Powered by Lumo」字樣。

確認成效

CTA 的成效可以在清單數值、報表與工作流程的條件中確認與運用。

• 清單數值：可依 CTA 確認最近 30 天的顯示次數、點擊次數、加入好友數與 ID 連結數
• 加入好友來源：經由 CTA 加入的好友，來源會記錄為「網站加好友 CTA」，接觸點則記錄為 CTA 的設置名稱。在報表的加入好友來源中可以看出「由哪個 CTA 帶來」
• 獲取漏斗報表：在報表的獲取漏斗資料集中，能以來源與接觸點的軸線，分析 CTA 曝光→點擊→加入好友→ID 連結→訂單的到達數。也能使用頁面軸線（適用於加入好友及其後的階段；CTA 曝光與點擊沒有頁面資訊）
• 工作流程與受眾的條件：以來源類型、QR Code（CTA 設置）與加好友開始的頁面 URL 為條件，例如只對從此 CTA 加入的好友發送優惠訊息
• 反映至外部服務：與 Klaviyo、HubSpot 整合時，首次加好友的來源與頁面會反映至「LINE Acquisition Route」「LINE Acquisition Page」屬性

遇到問題時

CTA 沒有顯示時，請依序確認佈景主題的應用程式嵌入與顯示條件。