一頁式商店頁面 – CYBERBIZ 一般版教學文件

功能說明：

一頁式商店是一種簡約而高效的網上購物體驗設計，所有商品或服務信息都集成在同一個網頁上。
用戶可以輕鬆地滾動或點擊頁面上的內容區域，全面了解商品特色、價格和購買過程，無需在多個頁面間切換。
一頁式商店的迅速加載速度和在移動設備上的優越適應性，進一步提升了用戶的購物滿意度，使其更容易流暢地探索和選購所需商品，同時也有助於商家更輕鬆地管理和更新內容，提高業務運作的效率。

操作目錄：

一頁式商店搜尋篩選功能
新增一頁式商店頁面
一頁式商店頁面設定(舊版介面)
一頁式商店頁面設定(拖拉介面)
設定分潤一頁式商店
一頁式頁面鎖右鍵功能

注意事項:

一頁式頁面數 :
高手版 : 10 組
PLUS版(選配) : 無限組。
一頁式活動頁比照商店設定之行銷活動結帳，例如：滿千送百、優惠券/紅利、任選折扣…等，無法額外設定專屬行銷活動。
不適用多購物車功能(商品僅使用同一個購物車進行結帳)
若有新增一頁式頁面專屬商品，當活動結束後請記得將專屬商品隱藏或下架。
活動頁的商品請加入相同溫層的商品，請勿混入不同溫層或是商品有複數溫層的商品，以免無法結帳。

📌 一頁式商店搜尋篩選功能

後台路徑 : 「行銷活動」→「一頁式商店頁面」

目前可搜尋的條件 :

選擇公開狀態
選擇活動狀態
輸入關鍵字針對「活動頁名稱」

進入頁面點擊右上方的「新增頁面」

📌 新增一頁式商店頁面

後台路徑 : 「行銷活動」→「一頁式商店頁面」

進入頁面點擊右上方的「新增頁面」

選擇【拖拉版型】、【舊版介面】。拖拉版型即將上線

新增一頁式商店頁面【名稱】、【網址】。
*後續可在設定中更改。

📌 一頁式商店頁面設定

後台路徑 : 「行銷活動」→「一頁式商店頁面」→選擇一頁式頁面

📍【選擇商品】

搜尋商品後，可點選「未加入活動」單一商品加入活動。
進階搜尋 : 選擇【類型】、【廠商】、【商品標籤】、【一般商品/組合商品】

已選取的商品

調整商品順序。(升序/降序/創建日期/價格/手動/暢銷商品)
*暢銷商品 : 「商品的總售出數」，包含「所有款式」的售出數。

📍【基本設定】

活動內容設定 : 可看下方圖片一對應位置，進行設定。
- 活動標籤 : 可自行設定
- 活動網址 : 可自行設定，並作為活動網址。
- 頁面搜尋 :設定不能被搜尋的話前台頁面會被加上 noindex

導覽列設定
- 網站LOGO : 設定一頁式的網站 LOGO，可看下方圖片一。
- Logo圖片連結 : 設定點擊圖片導向的網址。
- 導覽列背景設定 : 可設定導覽列相關色系。
圖片一

活動時間設定 : 設定一頁式活動開始/結束時間。

置頂活動訊息 : 說明活動訊息。

優惠時間倒數
*此倒數目的為催單，並無與任何實際行銷活動連動，即使顯示優惠時間已到，消費者仍可下單。

SEO 設定 : 設定 SEO 可以加強您網頁在搜尋引擎上的排名。

📍【銷售內容設定】

設定畫面

進入分頁「銷售內容設定」，選擇下方新增銷售內容區塊。

圖片 : 選擇檔案，並且可設定【圖片寬度 : 適中/固定/全滿】後，點選「新增」。

影片 : 貼上 youtube 網址。

文字編輯
可至 CKEDITOR-文章編輯器教學查看如何編寫文字。

按鈕 : 自訂文字。(點擊按紐後會前往商品列表區)
*按鈕顏色可至「商品設定」→「主色調顏色」編輯。

📍【商品設定】

前台畫面

商品設定 : 可看下方前台畫面範例圖進行調整。

商品預設檢視模式。(條列/格狀)

購物車預設代入商品 : 開啟後進入一頁式商店頁面會自動將所有商品加入購物車。

📌 一頁式商店頁面設定(拖拉介面)

後台路徑 : 「行銷活動」→「一頁式商店頁面」→選擇一頁式頁面

📍【基本設定】

活動內容設定 : 可看下方圖片一對應位置，進行設定。
- 活動標題 : 可自行設定
- 活動網址 : 可自行設定，並作為活動網址。
- 頁面搜尋 :設定不能被搜尋的話前台頁面會被加上 noindex

導覽列設定
- 網站LOGO : 設定一頁式的網站 LOGO，可看下方圖片一。
- Logo圖片連結 : 設定點擊圖片導向的網址。
- 導覽列背景設定 : 可設定導覽列相關色系。
圖片一

活動時間設定 : 設定一頁式活動開始/結束時間。

置頂活動訊息 : 說明活動訊息。

優惠時間倒數
*此倒數目的為催單，並無與任何實際行銷活動連動，即使顯示優惠時間已到，消費者仍可下單。

SEO 設定 : 設定 SEO 可以加強您網頁在搜尋引擎上的排名。

📌 設定分潤一頁式商店

分別複製兩個網址 :
- 一頁式網址 :
  https://CYBTS.cyberbiz.co/events/best
- 分潤碼網址 : (推薦碼)
  https://CYBTS.cyberbiz.co/?rcode=LNVNQB8X
- 最終網址 : https://CYBTS.cyberbiz.co/events/best?rcode=LNVNQB8X

點擊最終網址進入一頁式商店頁面後，可以直接帶入推薦碼。

📌 一頁式頁面鎖右鍵功能

後台路徑 :　「行銷活動」→「一頁式商店」→選擇頁面→「銷售內容設定」→「插入文字編輯」

進入「銷售內容設定」後，插入文字編輯，並點選編輯內容。

即可編輯程式碼與內容，請將下方程式貼上去後儲存頁面，即可開啟一頁式頁面鎖定右鍵功能。

<style type="text/css">
 *:not(input):not(textarea) { 
-webkit-touch-callout:none;
 -webkit-user-select:none;
 -khtml-user-select:none; 
-moz-user-select:none;
 -ms-user-select:none; user-select:none; } 
</style> 
<script> 
(function () { 
function stopEvent(event) { 
event.preventDefault(); 
event.stopPropagation(); }
 ['dragstart', 'selectstart', 'contextmenu'].forEach(function(event) { document.addEventListener(event, stopEvent);
 }); } )();
 </script>

前台呈現畫面，加入程式碼後則無法使用右鍵操作相關功能。