Shopify插件Frequently Bought Together如何修改購物車頁面文字提示內容和顯示位置

在之前的Shopify插件 Frequently Bought Together (FBT) 設置教程中，推薦大家勾選 Skip Cart，讓客戶點擊FBT板塊中的按鈕直接到達Checkout頁面去下單的。最近想測試下購物車頁面的各種 Upsell 策略，看如何更有效的提高客單價，攤薄廣告成本，發現FBT插件會自動在購物車頁面插入文字“Bundle discount will be applied at checkout”來提示客戶，在FBT獲得的折扣優惠，是在付款頁面纔會顯示的，在購物車頁面顯示的是原價。

最近 Shopify 在國內不太穩定，如果打不開 Shopify 官網, 或者打開速度很慢，無法註冊或者登錄 Shopify 賬戶，請使用“魔法”重試，你懂的。

不過體驗不是特別好的是，文字提示默認顯示在購物車頁面底部的Subtotal裏。客戶可能會因爲看不到這行文字提示，而放棄繼續下單。

因此，本篇教程帶大家來了解，如何修改默認的FBT文字提示，並將其移動到購物車頁面的頂部。

Frequently Bought Together修改購物車文字提示和顯示位置

在Shopify後臺APP頁面打開Frequently Bought Together – Visual preferences頁面，然後點擊左側圖示底部的“Discount will be applied at Checkout”，在右側就會出現針對這一文字提示進行的設置選項。Discount applied message 設置的是提示文字的顯示內容，你可以在文字前面加個 Emoji, 讓其在頁面中更顯眼。

點擊下面的Change discount applied message location，修改提示文字在頁面中的位置。

要修改文字提示在頁面中的位置，你自己操作的話，需要稍稍懂一些HTML和CSS的知識，不懂也沒有關係，直接點擊頁面中的 contact us, 給FBT的客服寫一封郵件，告訴他你想要挪動的位置，他就會幫你完成設置的。

大學自學過一些CSS和HTML，所以能看懂簡單的代碼。

使用火狐瀏覽器或者谷歌瀏覽器，打開你的Shopify網站的購物車頁面，然後，將你的鼠標放在你想要插入FBT文字提示的位置，右擊鼠標，選擇“檢查”選項，就會出現如下圖所示頁面。當你點擊下圖底部查看器代碼的時候，每選中一行代碼，在上方網頁中就會用藍色高亮顯示該代碼在頁面中所對應的位置，同時會顯示該位置的元素名稱，這個元素，也就是FBT設置選項中所需要的 element。如下圖所示，我想要將文字提示插入到 Your Cart下方，產品上方，那麼，在FBT設置選項中，就要把下圖元素名稱 “section.cartitems–container”填寫到上圖中的 location selector 文本框中，同時，Widget placement 選擇 Before the selected element。（每個主題的元素名稱都不一樣）

改好之後保存，刷新購物車頁面，就會發現，原來在底部顯示的FBT文字提示，就插入到了你指定的位置了。

記得也要查看下移動端購物車頁面是否也設置好了。如果移動端沒有設置好的話，在FBT設置選項中也可以單獨設置文字提示的顯示位置。