頁面設計提供活動分頁、全站彈窗、廣告元件等排程設定，協助您更有效率地管理不同活動素材的排程，本章節將一一介紹設定方式！

由左側功能列表選取「頁面設計」開始進行活動設定，
您可依照需求分別設定「全站蓋板」、「活動分頁排程」或「全站廣告」。

頁面及圖片將會按照您的排程時間，自動於前台顯示或關閉，不再需要於指定時間手動上下架，現在就開始按步驟進行設定吧！

一、全站蓋板

若您希望希望消費者進站就能看到活動行銷圖，或者重要公告，您可設定全站蓋板，完成設定後，不論消費者進到哪個頁面，都能看到彈窗，消費者可自行關閉，且關閉後當天不會再顯示。

請由「全站設定」的「行銷推廣」類別中，展開「彈窗廣告」，進行以下內容設定：

1. 前台彈窗狀態：選擇開啟時，若「顯示時間」設定也符合當下時間， 則消費者進到網站任何頁面皆會顯示彈窗設定的圖片，若您選擇關閉，則前台不顯示。
2. 顯示時間：區分永久及自訂時間
   • 選擇「永久」且「前台彈窗狀態」設定開啟時，前台顯示彈窗，若為「關閉」前台不顯示。
   • 選擇「自訂時間」，透過指定時間控制前台顯示，可分別設定開始時間及結束時間（請留意除了時間以外，也需同時將前台狀態設定為「開啟」）
3. 圖片：點擊圖片後上傳圖片
   • 您可分別上傳電腦版圖片及手機版圖片，上傳後編輯介面彈窗仍為示意圖，您可點擊預覽確認。（預覽顯示同前台顯示，當下時間需符合您的設定才會顯示蓋板。）
   • 圖片替代文字：敘述文字會在圖片無法正常顯示時替代出現，同時能提昇搜尋準確度
   • 連結類型：您可選「連結網址」或「分頁設定」，前台會在圖片點選後轉導至該位址或分頁。
   • 在新分頁開啟連結：勾選後，將以新分頁開啟您設定的連結 ; 如未勾選，頁面將直接轉導畫面。

編輯頁面顯示示意圖，您可點擊預覽查看您上傳的蓋板圖片

預覽確認，支援切換手機、電腦版本

二、分頁上下架

若您希望活動分頁可在指定時間內曝光，您可以透過分頁排程設定，確保頁面在指定時間顯示及關閉。

在新增分頁時，設定頁面資訊彈窗中，您可自行設定「頁面指定狀態」以及「顯示時間」，前台將按照您的設定顯示或關閉該頁面。

Step 1 : 點選新增頁面或版型

Step 2 : 選擇您想要的版型，點選「下一步」

Step 3 ：設定「頁面顯示狀態」及「時間」

• 頁面顯示狀態：選擇開啟時，若「顯示時間」設定也符合當下時間， 則消費者透過連結或網頁選單進到該頁面時，頁面會正確顯示，若您選擇關閉，則前台顯示頁面關閉圖示。
• 顯示時間：您可按照需求進行設定
  • 選擇「永久」且「頁面顯示狀態」設定開啟時，頁面正確顯示內容，若為「關閉」，前台顯示頁面關閉示意圖。
  • 選擇「自訂時間」，透過指定時間控制前台顯示，可分別設定開始時間及結束時間（請留意除了時間以外，也需同時將頁面顯示狀態設定為「啟用」

若頁面已建立，你也可透過頁面設定重新指定頁面顯示狀態及時間。

Step 1 : 於該分頁點選設定齒輪圖示

Step 2 : 選取編輯設定

Step 3 : 於編輯設定介面進行相關設定 （同新增分頁相關設定）

• 頁面顯示狀態：選擇「啟用」時，若「顯示時間」設定也符合當下時間， 則消費者透過連結或網頁選單進到該頁面時，頁面會正確顯示，若您選擇關閉，則前台顯示頁面關閉圖示。
• 顯示時間：您可按照需求進行設定
  • 選擇「永久」且「頁面顯示狀態」設定「啟用」時，頁面正確顯示內容，若為「關閉」，前台顯示頁面關閉示意圖。
  • 選擇「自訂時間」，透過指定時間控制前台顯示，可分別設定開始時間及結束時間（請留意除了時間以外，也需同時將頁面顯示狀態設定為「開啟」

當分頁處於關閉狀態時，前台顯示如下圖

請留意，當頁面被關閉時，若您的網站選單有設定對應的分頁連結，則該選單項目也會一併隱藏。

舉例，分頁「關於我們」設定顯示時間為10/16-10/17，選單項目有設定對應連結，則前台選單於10/16以前及10/18起，隱藏「關於我們」項目及子項目，10/16-10/17期間正常顯示。

後台選單示意圖如下，當選單項目連結到狀態為「關閉」的分頁時，選單名稱為灰色，此時前台選單會隱藏。

分頁關閉 – 後台示意

• 元件：當您於「圖片元件」、「圖片輪播元件」、「圖片文字元件」設定連結為分頁時，若當下該分頁狀態為下架，系統會顯示「下架」提示文字。

• 分頁：當該分頁當下狀態為關閉時，分頁列表的分頁名稱反灰，方便您快速確認分頁狀態。

三、全站廣告元件

本次新增「全站廣告」元件，提供您於指定頁面曝光活動相關的圖片，此元件為針對「全站」的設計，你可自行於首頁、分頁、商品頁等不同類型的頁面置入此元件，無論從哪個頁面編輯此元件，其他頁面會一併同步設定。

您可一次設定多組圖片，並按照您的需求設定圖片的顯示時間。

請按照以下步驟說明進行設定

Step 1 : 於功能列表進入頁面設計，選取任一頁面後點選「編輯」。

Step 2：選取頁面元件並展開全域廣告類別，可於畫面中看到全域廣告元件

Step 3：將元件拖曳至頁面編輯畫面中的指定位置

Step 3 : 點選全站廣告元件後，開始在左側進行相關設定

• 廣告圖片：您可設定多張圖片，並針對每張圖片進行個別設定
  • 圖片版本：針對特定圖片可分別上傳電腦版與手機版
  • 顯示時間：可個別設定圖片顯示時間
    舉例：下個月有A、B兩檔活動，但日期不同，您可於活動前上傳並設定A活動圖顯示時間11/1-11/10 、B活動圖顯示時間為11/11-11/20 ，前台將依您的設定進行對應顯示
  • 圖片替代文字：敘述文字會在圖片無法正常顯示時替代出現，同時能提昇搜尋準確度
  • 連結類型：您可選「連結網址」或「分頁設定」，前台會在圖片點選後轉導至該位址或分頁。

• 其他設定
  • 連結使用新視窗：開啟後，圖片指定的連結將以新視窗開啟
  • 元件寬度：自訂前台圖片顯示的寬度
  • 播放控制：此元件將比較「輪播元件」形式於前台呈現，你可自行指定輪播方式。

按步驟完成後，當您於任意頁面放置「廣告元件」，該頁面皆會按照設定呈現。