商店前台通知
選擇應用程式的成功和錯誤訊息在商店前台的顯示方式：快顯通知、彈出視窗或橫幅，並可自訂設計和顏色。
當顧客將商品加入購物車、變更應用程式的購物車側邊欄、結帳或套用折扣碼時，應用程式會在您的商店前台顯示簡短的成功或錯誤訊息。Storefront notifications 可讓您選擇這些訊息的呈現方式。
共有三種樣式：
- Toast：顯示在畫面角落的小型訊息。
- Modal：顯示在畫面中央的彈出視窗，附有 OK 按鈕，會一直顯示到顧客關閉為止。
- Banner：顯示在畫面頂端或底部的橫幅。
-
開啟 Storefront notifications
Section titled “開啟 Storefront notifications”在應用程式中，點擊 Add-on Features，找到 Storefront notifications 並點擊 Customize。
-
選擇預設樣式
Section titled “選擇預設樣式”在 Notification style 中，選擇 Default style：Toast、Modal 或 Banner。除非您在下一步為某項功能另外選擇樣式，否則所有訊息都會使用此樣式。
-
依功能選擇樣式（選填）
Section titled “依功能選擇樣式（選填）”在 Style per feature 下，保留 Default，或為某一組訊息選擇其他樣式：
- Add to cart：由應用程式加入購物車的商品，包括來自商品頁面、Quick Buy、Quick Order Form 或應用程式的 Wholesale 購物車側邊欄。
- Cart updates：應用程式 Wholesale 購物車側邊欄中的變更，例如更新購物車，或儲存、刪除地址。
- Checkout & Pay later：結帳錯誤，以及 Pay later 訂單的成功和錯誤訊息。
- Discount code：應用程式折扣碼輸入框的訊息，例如折扣碼被接受，或不適用於購物車中的商品時。
範例：將 Toast 保留為預設樣式，並為 Checkout & Pay later 選擇 Modal，這樣顧客就不會錯過 Pay later 的確認訊息。
-
自訂每種樣式
Section titled “自訂每種樣式”在各樣式專屬的區段中設定外觀。若顏色留空，則使用預設外觀。
Toast 樣式
- Auto hide：預設為開啟。關閉後，每則快顯通知會一直顯示在畫面上，直到顧客關閉。
- Design：Classic、Card、Soft 或 Pill。
- Position：Top right、Top left、Bottom right 或 Bottom left。
- Auto hide after：2 到 30 秒，預設為 5 秒。
- Success background、Error background 和 Text color。
Modal 樣式
- Design：Classic、Card 或 Dialog。
- Button background 和 Button text：OK 按鈕的顏色。
- Corner radius：0 到 40 px。
Banner 樣式
- Auto hide：預設為開啟。關閉後，橫幅會一直顯示，直到顧客關閉。
- Design：Classic、Soft 或 Floating。
- Position：Top 或 Bottom。
- Auto hide after：2 到 30 秒，預設為 5 秒。
- Success background、Error background 和 Text color。
-
在 Preview 中，選擇 Preview template，然後點擊 Show success 或 Show error，即可查看該樣式套用您設定後的效果。預覽使用與您商店前台相同的範本。
點擊 Save。
- 顧客可以透過 OK、× 按鈕、點擊視窗外部或按下 Esc 鍵來關閉 Modal。Modal 不會自行關閉。
- 畫面上最多可同時顯示五則快顯通知。第六則出現時，最舊的一則會被移除。
- 同一時間只會顯示一個 Modal 和一個橫幅。新訊息會取代畫面上的訊息。
- 當 Pay later 訂單成功並顯示成功訊息後，應用程式會清空購物車並重新載入頁面。使用 Modal 時，頁面會在顧客關閉彈出視窗後重新載入，讓顧客能先讀完訊息；使用 Toast 或 Banner 時，則會在數秒後重新載入。
- 訊息文字的編輯方式與其他商店前台文字相同。請參閱編輯及翻譯應用程式部分功能的內容。
- 需要不同的通知顯示方式嗎？請點擊 Notification style 區段中的 Contact support，我們的團隊會協助您。
需要協助嗎？
Section titled “需要協助嗎？”如果您在操作這些步驟時遇到任何困難，歡迎隨時透過電子郵件 [email protected] 與我們聯絡。