跳到內容
安裝應用程式
繁體中文

促銷橫幅

新增含標題、文字與按鈕的橫幅,宣傳特賣活動或新商品系列。

參考資料 所有方案 1 分鐘閱讀

將圖片、標題、簡短文字與按鈕放在同一個區塊中。和圖片區塊不同,它有行動呼籲按鈕和專屬的顏色,即使沒有設計好的圖片,看起來也像一則完整的廣告。

新增區塊

  1. 選擇版面

    在預覽的大型選單面板中,點擊 Add block(新增區塊)。點擊 Add custom image(新增自訂圖片),將游標移到 Promo banner(促銷橫幅,文字疊在圖片上)或 Promo banner split(分割式促銷橫幅,圖片與文字並排)上,然後點擊 Select(選擇)。

    (1) 點擊 Add custom image,(2) 選擇 Promo banner 或 Promo banner split。
  2. 加入圖片與文字

    在 Edit Item(編輯項目)的 General(一般)下,點擊 Select image(選擇圖片)。替換範例的 Heading(標題)、Text(文字)與 Button label(按鈕文字),並選擇 Link(連結)。

    預覽中的促銷橫幅區塊,設定顯示在 Edit Item 中。
  3. 儲存並發佈

    在 Style(樣式)下調整外觀,然後點擊 Save(儲存)和 Publish(發佈)。

設定

一般

Image(圖片)預設: None
橫幅的圖片。
Heading(標題)預設: Summer Sale / New collection
主要的一行文字。預設值依序對應 Promo banner / Promo banner split。
Text(文字)預設: Up to 50% off / Discover the latest arrivals
標題下方的一行簡短文字。
Button label(按鈕文字)預設: Shop now / Discover
按鈕上的文字。留空即可隱藏按鈕。
Link(連結)預設: None
點擊橫幅後前往的位置。如有需要,請勾選 Open in new tab(在新分頁開啟)。
Width(寬度)預設: 33.33% / 66.66%
區塊佔大型選單一列的比例:Auto(自動)或 8.33% 到 100%。

樣式

Layout(版面)預設: 您選擇的版面
Overlay(疊加,文字在圖片上)或 Split(分割,圖片與文字並排)。
Text alignment(文字對齊)預設: Left
Left(靠左)或 Center(置中)。
Background color(背景顏色)預設: #111827
文字後方的顏色。
Text color(文字顏色)預設: #FFFFFF
橫幅文字的顏色。

Visibility(顯示設定)的用法和其他區塊相同,請參閱每個區塊都有的設定。

提示

  • 使用 Overlay 時,請挑選有一塊單純背景可放文字的照片,否則文字會不容易閱讀。
  • Split 需要較大的空間,請將 Width 設為 50% 以上。
  • 舉辦限時特賣嗎?使用 Visibility > Schedule publishing(排程發佈),讓橫幅只在特賣期間顯示。

這個頁面有幫助嗎?

回報問題