Shopify插件｜免運(yùn)免郵橫幅——Free Shipping Bar

Hi，小魯班又及時(shí)趕來(lái)啦！之前和大家介紹了幾款常用的Shopify插件，不知道大家有沒有去嘗試使用呢。

其實(shí)，Shopify的插件可以分為很多類，有的是引流，有的是增強(qiáng)用戶體驗(yàn)。不少Shopify插件還能幫你完成物流或者稅務(wù)等事情。那么在這么多花里胡哨的提高轉(zhuǎn)化率插件當(dāng)中，較受歡迎的就是FSB，F(xiàn)ree Shipping Bar。

88%的顧客認(rèn)為，如果有免郵優(yōu)惠，他們會(huì)更加愿意在網(wǎng)上購(gòu)物。

這個(gè)插件能將免郵信息展示在網(wǎng)站頂部欄，可以自定義出現(xiàn)在哪些頁(yè)面和不出現(xiàn)在哪些頁(yè)面，比如出現(xiàn)在所有頁(yè)面和主頁(yè)、不出現(xiàn)在產(chǎn)品頁(yè)等。顧客添加產(chǎn)品到購(gòu)物車時(shí)，可以直接看到還缺少多少或已達(dá)到包郵的金額，樣式背景也可以自己設(shè)定，能讓不少顧客對(duì)你的網(wǎng)站好感度加倍以及提升訂單轉(zhuǎn)化提。

功能：

1、提升購(gòu)物車價(jià)值和銷售：出現(xiàn)在網(wǎng)站頂部，提醒顧客包郵條件，通過(guò)漸進(jìn)式消息推廣你的免費(fèi)送貨優(yōu)惠，激勵(lì)你的客戶提高購(gòu)物車價(jià)值并促進(jìn)銷售。

2、高級(jí)定位：根據(jù)內(nèi)容，頁(yè)面，顯示不同的免費(fèi)送貨優(yōu)惠或折扣活動(dòng)，從而優(yōu)化你的收入增長(zhǎng)。

3、策劃假日主題：精選背景圖片向你的客戶表達(dá)假期和促銷情緒，以增加轉(zhuǎn)化次數(shù)并產(chǎn)生更多銷售。

安裝步驟：

1.首先，我們進(jìn)入Shopify app商店，將此插件安裝到您的網(wǎng)站中（Free Shipping Bar）

2.安裝完畢后，我們會(huì)直接進(jìn)入到Free Shipping Bar的首頁(yè)

在主頁(yè)面，給我們進(jìn)行了溫馨提示，包含如果頂部橫幅欄用于提醒包郵信息的話，如何去設(shè)置郵費(fèi)，以及點(diǎn)擊哪里創(chuàng)建頂部橫幅。

我們可直接點(diǎn)擊Create New Bar，之后就可按照自己的規(guī)則，創(chuàng)建新的頂部橫幅欄。

3.點(diǎn)擊之后，我們會(huì)看見下面出現(xiàn)自定義選項(xiàng)

其中Basic template 是自定義橫幅欄免費(fèi)樣式（一般情況下，我們選擇基礎(chǔ)版就可以），右側(cè)是付費(fèi)樣式。

我們可以在左側(cè)，選擇一個(gè)和自己網(wǎng)站風(fēng)格類似的頂部橫幅模板。

4. 我們以第一個(gè)橫幅模板為例，選擇完畢后，在下面的Preview可以看到整個(gè)模板的大致預(yù)覽。再往下，我們可在Name欄給此頂部欄編輯名稱（此名稱僅自己可見），然后可以在Free Shipping Goal設(shè)置我們的包郵金額。

設(shè)置完畢后，在Initial Message結(jié)合包郵門檻編輯我們的宣傳語(yǔ)，最終，所編輯的內(nèi)容將直接展示在頂部橫欄。

除此之外，我們?nèi)绻麑⒋瞬寮蛔鳛樘嵝寻]使用，而是用做折扣碼提醒或者活動(dòng)提醒，可不填Free Shipping Goal金額，直接在下方編輯宣傳語(yǔ)即可。（詳情見下圖）

5. 填寫完Initial Message后，我們可在Progress Message填寫用戶加購(gòu)后提醒的內(nèi)容。（此項(xiàng)內(nèi)容，如果您的包郵門檻設(shè)置成了$100,如果將某件$50的商品進(jìn)行了加購(gòu)，那么就會(huì)提醒你還差$50包郵）

下面的Goal Achieved Message指的是，如果客戶達(dá)到了包郵門檻，那么會(huì)以什么內(nèi)容提醒（具體樣式如下圖）

6. 接下來(lái)，可以看見Add Link to the Bar，如果將此按鈕打開，則可填寫頂部橫幅的跳轉(zhuǎn)鏈接。用戶點(diǎn)擊橫幅后則會(huì)進(jìn)行指定網(wǎng)頁(yè)跳轉(zhuǎn)。

將Include Close Button打開后，則會(huì)出現(xiàn)是否關(guān)閉頂部橫幅的按鈕可在Select Display Position選擇橫幅出現(xiàn)在什么位置，是否是粘性標(biāo)題，可根據(jù)自己需求進(jìn)行調(diào)整。

7.之后，可在Currency Configuration調(diào)整在頂部橫幅展示的貨幣標(biāo)識(shí)及幣種。

8.向下，可以根據(jù)網(wǎng)站主題，在Style Configuration調(diào)整頂部欄橫幅顏色。

9. 下方，可根據(jù)網(wǎng)站字體樣式調(diào)整橫幅內(nèi)字體大小及字體樣式，以及距離上下邊框距離。

10.除此之外，也可以調(diào)整該頂部橫幅欄出現(xiàn)在哪些頁(yè)面。

11.將上述步驟完成后，點(diǎn)擊下方保存就完成啦。我們可以回到自己網(wǎng)站檢查我們的設(shè)置是否和整個(gè)網(wǎng)站主題相符，如需輕微調(diào)整，也可回到此app進(jìn)行操作。

目前，魯班一直在致力于給大家推送免費(fèi)插件，除了Free Shipping Bar之外，后期也會(huì)推薦其他工具及使用教程。當(dāng)然，如果您想實(shí)現(xiàn)某些功能，也可以在下方留言，我們也會(huì)盡全力為您找到并提供教程服務(wù)。

魯班跨境通建站服務(wù)：Shopify建站服務(wù)，競(jìng)品網(wǎng)站偵測(cè)、數(shù)據(jù)分析，網(wǎng)站優(yōu)化指導(dǎo)，點(diǎn)擊咨詢。

（編輯：江同）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場(chǎng)！