自訂購物車功能
一週前已更新

Oddle是一個打造自有品牌的一個舞台,您無需寫程式或設計背景即可客製具有自己風格的線上購物車。視覺呈現與風格是購物車中最重要的部分,深深影響客戶購物體驗。打造一個一眼就愛上的購物車,讓您的顧客有個難忘的購物體驗吧!

在這篇文章您可了解:

所有設定皆可以在【購物車編輯】>【商店清單】>【自訂購物車】中操作,在編輯頁面的左側工具欄分為【共用設定】及【區域編輯】,右側為購物車手機版與電腦版的預覽畫面。完成編輯後請記得點擊右上角的【公開發布】喔!

1. 共用設定

你可以在【共用設定】欄位調整購物車的基本設計元素,選擇不同配色與字體來呈現購物車風格。

  • 模板設計:套用系統預設的配色選項

  • 顏色:自訂文字、邊線、背景的配色選項

  • 字體排版:選擇標題與內容的字體

  • 按鈕:選擇按鈕的風格、形狀、顏色

  • 購物車設定:編輯購物車標題、說明、關鍵字標籤、網頁圖示

💡訣竅💡

以網路使用者介面的觀點來說,標題與內容文字的配色可以選擇跳脫背景顏色的對比色系,例如背景顏色為黑色時,可以選擇淺色系的標題與內容文字顏色。

2. 區域編輯

你可以在【區域編輯】欄位調整購物車的各個區塊呈現方式,從商家名稱的顯示到產品架構皆可調整。

  • 標題:設定logo、商店名稱、字體與背景顏色

  • 註腳:編輯文字說明、電子報訂閱、社群軟體連結

  • 行銷彈出視窗:設定圖片、內文、觸發方式與頻率、電子報訂閱設置

  • 產品:選擇商品顯示方式、分類架構、產品形象

  • 促銷方案顯示區:編輯促銷方案標題、版面配置、圖片顯示

  • 大標輪播:設定輪播方式、影像配色與文字說明

  • 圖片與文字:插入圖片與文字

  • 客製化HTML:設定HTML

  • 公告橫幅:編輯公告事項


選單下拉後,點選【新增區域】即可開始編輯所需要的區塊。順序可點擊各區塊的方塊圖示後透過拖曳的方式調整,也可點擊各區塊的眼睛圖示暫時隱藏區塊。

若您需要刪除特定區塊,請在該區塊的編輯畫面下拉後,點擊【刪除】即可。

3. 編輯標題與註腳

您可以在【標題】上傳您的品牌logo、連結主頁網址、編輯商店名稱、字體、文字顏色與背景顏色。

您可以在【註腳】加入文字區塊來說明商店相關資訊,例如插入社群網站的連結圖示或是電子報訂閱。

4. 編輯行銷彈出視窗

含有通訊註冊功能的行銷彈出視窗是非常有用的工具,能幫您獲取網頁訪客的電子信箱,以便將來透過電子信箱進行行銷。行銷彈出視窗也可去除電子報訂閱功能,僅作為公告目的來使用。

5. 編輯產品

您可以在【產品】調整產品顯示與分類的架構,產品類別架構為電腦版瀏覽畫面,手機版畫面為置頂下拉選單。

您可以點選右上角的選單,進一步編輯【產品頁面】的顯示方式。

在【產品頁面】中選擇是否顯示產品選項圖片,以及差異設定(例如尺寸)金額的顯示方式。

6. 編輯促銷方案

您可以在【促銷方案】調整促銷方案的顯示方式。

若您需要更靈活的促銷方案版面,亦可以使用客製化HTML插入特殊語法,請聯絡您的客戶經理以了解更多。

7. 編輯大標輪播

您可以在【大標輪播】來編輯投影片,可用作為購物車主頁的橫幅廣告來宣傳最新商品及增添設計感。

💡訣竅💡

若您沒有聘請網頁設計或美術編輯人員,您可以聯繫您的客戶經理獲取更多建議。

8. 編輯圖片與文字

您可以在【圖片與文字】來編輯購物車的訂購說明或是商家介紹等相關資訊。

9. 編輯客製化HTML

若您要編輯此區域,務必對程式語言有所了解(HTML或 JavaScript)。自行修改或變更程式碼導致網站失效或損毀,不在Oddle支援範圍內。當此功能遭濫用或不當使用,Oddle保留廢除此功能使用權的權利。


10. 編輯公告橫幅

若遇到店面公休、特殊營業時間,或是有其他重要事項需要公告(例如節慶訂單量大需提前預訂等),您可以利用公告橫幅來說明,此欄位最多可以放三個橫幅。

是否回答了您的問題?