假造的購買通知救不了冷清的 Shopify 商店

看到這個功能就該把分頁關掉

去挑一套社會認同的 app，你會一再遇到同一個選項，包裝的說法通常是「還沒有資料也能先開始」。通知內容你自己打，或者工具替你生出一串看起來很像那麼回事的購買事件：一個名字、一座城市、一件商品、一個時間。然後它們就出現在顧客商品頁的角落，像是剛剛真的有人下單。

顧客不會把那讀成行銷上的裝飾。他會把它當成關於這家店的事實，而且是在他正決定要不要把卡號交給你的那一刻。消費者保護的主管機關把捏造的顧客動態、以及沒有人真的說過的推薦，視為欺騙性廣告；美國聯邦貿易委員會和歐盟的消費者法規近年都對假評價和假推薦動過手。生成出來的購買提示在你所在的市場會不會被追究，那是律師的問題，不是小工具廠商的問題。

不必問律師的那一半是這樣：事件如果來自一張清單，而不是來自你的商店，那張清單就會重複。有人把分頁開著，看著同樣三個名字輪過去，於是學到這家店願意在小事上說謊，卻同時要求別人把卡號交給它。用這種方式填滿頁面一角，代價很貴。

一個誠實的提示說得出什麼

BootSignal 的社會認同提示沒有輸入框、沒有產生器，因為除了你自己的網站，它沒有別的事件來源。它讀 BootSignal 小工具已經替你的網域存下的動態（留言、表情回應、評分、投票），然後輪流播。用字保持籠統，也不顯示訪客姓名，像 "Someone just left a comment" 這樣一句，旁邊配一個相對時間。超過三天的動態會離開候選池，所以上個月的一波熱鬧，沒辦法拿來當成今天下午。

這個設計有一個後果，最好在安裝之前就刻意接受：最近沒有動態的商店，角落就是空的。沒有備用訊息，沒有填充內容，也沒有會漏到正式站上的示範模式。

沒有要升級的方案，以及兩個做不到的 Shopify 方案

安裝本身沒有要買的升級。Shopify 把程式碼編輯器、佈景主題編輯器、Custom Liquid 區段和 app 嵌入區塊都寫進文件，沒有替任何一項附上方案條件，Basic 方案頁面描述的則是一個你透過內建佈景主題編輯器自行調整的線上商店。有兩個方案因為更基本的理由被排除在外。Lite 方案不含網路商店這個銷售管道，所以沒有店面可以放小工具。Starter 方案把你限制在 Spotlight 佈景主題，並寫著其他佈景主題與自訂選項無法使用，卻沒說程式碼編輯器進不進得去，所以 Starter 請當成沒有確認（它也已經不開放新商店）。

三個小工具各自該去哪裡

載入器是全站的，提示也是全站的，所以兩者都屬於版面檔。另外兩個跟頁面綁在一起，屬於區段。第一次就把這個分法弄對，可以省下一個下午。

1. 你的商店在兩個主機名稱上回應，所以控制台要收兩筆

   打開 BootSignal 控制台，加入你的店面網域，然後把 .myshopify.com 網域也加進去。小工具會拿 location.hostname 對你 site id 底下登記的網域，而 Shopify 商店這兩個位址都會回應。登記完會拿到 site id，那是你唯一要帶進 Shopify 的值。

2. 按下編輯程式碼之前，先留一份回得去的佈景主題

   先按「複製」留一份，再開始改：佈景主題更新可能把程式碼變更一起帶走，那份副本就是你回得去的保險。路徑在 Shopify 管理介面的「網路商店」，佈景主題旁邊的 ... 動作選單裡有「複製」，同一個選單裡也有「編輯程式碼」。用手機的話依序點：選單圖示 >「銷售管道」>「網路商店」>「管理佈景主題」> 水平選單圖示 >「編輯程式碼」。

3. 載入器和提示一起貼進 theme.liquid

   在檔案樹展開 Layout 資料夾（版面配置檔），打開 theme.liquid。兩行都放在結尾的 </body> 標籤前面，存檔。這裡全站版面就是正確的位置：你要的是提示出現在商品頁、分類頁和購物車上，而一段載入器供得動你之後加的每一個小工具。defer 留著，Shopify 的 Theme Check 會把擋住解析的 script 列為店面變慢的原因。

   程式碼複製

   <script src="https://bootsignal.com/bootsignal.js"
           data-site-id="YOUR_SITE_ID" data-lang="zh-tw" defer></script>
   <div data-bootsignal="social-proof-toast"></div>

4. 用戶評價牆放在評論該出現的地方

   這一個是頁面內容的一塊，所以它要進區段。不必動程式碼編輯器的路線是：「網路商店」>「編輯佈景主題」，用上方工具列中間的下拉選單換範本，再按「新增區段」，選 Custom Liquid 貼上。這面牆預設顯示四星以上的評論，格線最多九張卡，兩個都是可以改的屬性。

   程式碼複製

   <div data-bootsignal="testimonials" data-min-stars="4" data-max="9"></div>

5. 即時訪客徽章放在真的有訪客的頁面上

   這個徽章是按頁面算的，所以它要一個 data-thread-id 把頁面彼此分開。從商品的主要區段裡把它綁到商品 handle，或者用放在那個區段裡的 Custom Liquid 區塊。thread id 不能含冒號或斜線，而 handle 從來不會有這兩個字元。

   程式碼複製

   <div data-bootsignal="live-visitors" data-thread-id="{{ product.handle }}"></div>

Custom Liquid 這條路線在貼進去之前，有三件事值得先知道。它的內容不能超過 50kb，任何小工具片段都碰不到。沒關好的 HTML 標籤會在存檔時自動補上，貼得馬虎的片段可能因此悄悄重排，所以片段要貼完整。它也不能用 {% javascript %} 或 {% stylesheet %} 標籤，放進去的東西只能是一般 HTML 加一個 <script src>，不要摻 Liquid 味道的寫法。Custom Liquid 是 Shopify Theme Store 的上架要求，不是平台保證：自己做的或年代久遠的佈景主題可能就是沒有，那底下每一步就都改在程式碼編輯器裡做。

每個小工具說得出什麼，說不出什麼

當你的商店真的很冷清

這正是那些假的產生器拿來賣的情境，而它也確實是真實的處境。上週才開的商店沒有東西可以重播。答案不是編出動態，而是先跑那個第一天就說得出有用真話的小工具，同時開始收集另外兩個需要的材料。

1. 先在商品頁上裝評分與評論小工具。它是收集的那一端：用戶評價牆和提示讀的都是它存下來的東西，這一個不上線，其他的就填不滿。
2. 寫信給已經買過的人，附上商品頁連結請他們留一個評分。服務過的買家是最快的合法評論來源，而這一步正是那些假的產生器想幫你跳過的。
3. 即時訪客徽章放在同時有人在看的頁面上，例如新品上線、活動期間，或者你正在下廣告的商品。它陳述的是此刻的事實，不需要歷史就是真的。
4. 冷清的頁面就把徽章拿掉。徽章寫著一個人是準確的，也依然沒有用處，而選擇要在哪裡顯示它，一點都不算不誠實。
5. 有評論之後再加用戶評價牆，然後把提示一直開著。店冷清時它空著，動態來了它自己就開始出現。

如果動態其實都發生在你的網誌上，Shopify 評論小工具指南講的是文章區段的安裝方式，而文章底下的每一則留言，都會變成提示可以在你商品頁上重播的東西。

活動讓流量翻四倍的時候，這要花多少錢

一份訂閱包完：每月 $20 或每年 $200，以登記的網域計價，目錄裡每一個小工具都含在內，價格沒有任何一部分綁在流量、瀏覽數或曝光數上。這件事在 Shopify 上比在型錄型網站上更要緊，因為你的流量天生就有淡旺季。活動那一週工作階段翻四倍的商店，付的和前一週一樣；整個月提示都空著的商店，付的也一樣。

目錄是 38 個付費小工具加 33 個免費瀏覽器工具，你訂閱之後才發佈的小工具也一起算，所以這一頁上第二個、第三個掛載元素不會多收你錢。網域要多開就在控制台另外買，經營不只一家店的人用得上。完整數字在價格頁，帶價的橫向比較在對比區。

你不會注意到的那種失效

每一套誠實的社會認同安裝都有一個弱點，值得講明白。Shopify 說得很清楚：你對佈景主題程式碼所做的變更如果和佈景主題更新不相容，更新後的副本會移除你所有的程式碼變更。你的載入器和掛載元素就是程式碼變更。這件事發生在留言討論串上，你當下就會發現，頁面少了一塊；發生在一個只在有真實動態時才出現的提示上，它看起來跟一個普通的冷清週一模一樣。

所以這個檢查得刻意去做，不能靠眼睛。任何一次佈景主題更新、換佈景主題或購買佈景主題之後，做這四件事：

1. 隨便打開一個店面頁面，在網頁原始碼裡搜 bootsignal.js。找不到，代表載入器跟著更新走了，全部小工具是掉線，不是冷清。
2. 用一般瀏覽器分頁打開一個帶即時訪客徽章的商品頁。只要小工具在跑，徽章就畫得出來，所以在沒有其他動態的商店上，它是最快的活著的證據。
3. 哪一段沒了就照原位置貼回去：載入器和提示回 theme.liquid，跟頁面綁在一起的掛載元素回各自的區段。
4. 資料不必擔心。留言、評分和評論存在 BootSignal 這邊，按 site id 和 thread id 歸檔，貼回去之後歷史原樣回來。

把這四行記到你放佈景主題自訂項筆記的地方，跟其他會被更新弄壞的東西擺在一起。然後去讀一讀評價牆上正在展示的那些話。有真實動態可以展示的商店，是有顧客在跟它說話，而小工具是這件事裡最不有趣的部分。