Venture 的區段

區段即是可以決定您線上商店中各頁面版面配置,並可由您自訂的內容方塊。

  • 首頁區段包含幻燈片或電子報註冊等功能,您可以新增、重新排列或移除這些功能。首頁上最多可以有 25 個區段。

  • 不同的頁面類型有不同的區段。舉例來說,產品頁面區段就會決定您線上商店中每個產品頁面的版面配置。

  • 頁面區段一定會位於您線上商店內的特定位置。您可以自訂這些區段,但是無法重新排列或移除。

  • 每項佈景主題都有固定的區段,如標頭、頁尾等等,這些區段會顯示在線上商店的所有頁面上。

您可以瞭解Venture的獨特區段集和如何按照公司風格自訂這些區段的方法。

Venture 包括以下靜態區段:

  • 標頭
  • 素材輪播
  • 頁尾
  • 產品頁面
  • 商品系列頁面
  • 商品系列清單頁面
  • 部落格頁面精選產品
  • 文章內容
  • 購物車頁面

動態區段

您可以新增重新排列移除這些動態區段,以便自訂首頁的版面配置。每項佈景主題都有獨特的動態區段集可供挑選。

Venture 包括以下動態區段:

  • 部落格文章
  • 商品系列清單
  • 精選商品系列
  • 圖庫
  • 附文字的圖片
  • 附文字的圖片連結
  • 商標清單
  • 多重連結區塊
  • 精選產品
  • 電子報
  • 地圖
  • 搜尋
  • RTF 文字
  • 推薦文
  • 附圖片的文字欄
  • 影片
  • 自訂 HTML

標頭

您可以使用 Venture 將以下項目新增至標頭:

  • 標誌圖片
  • 導覽選單
  • 公告列

新增自訂標誌

  1. 按一下 的區段 旁邊的「自訂」。

  2. 點擊「標頭」。

  3. 在「標誌圖片」區域,點擊「選擇圖片」,然後執行下列任一操作:

- 若要選擇已上傳到 Shopify 管理員的圖片,請點擊「圖庫」索引標籤。 - 如要使用 Burst 中的免費圖庫圖片,請點擊「免費圖片」。 - 若要從電腦本機中選取圖片,請點擊「圖庫」>「上傳」。

  1. 在「自訂商標寬度 (以像素為單位)」欄位中輸入商標的寬度。

  2. 點擊「儲存」。

新增公告列

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">桌上版</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>在 Shopify 管理員中,前往<strong>「線上商店」</strong> &gt; <strong>「佈景主題」</strong>。
</li></ol></div><div class="iphone changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 應用程式</a>中,點一下<strong>「商店」</strong>。
</li><li>在<strong>銷售管道</strong>畫面上,點一下<strong>「線上商店」</strong>。
</li><li>點一下<strong>「管理佈景主題」</strong>。
</li></ol></div><div class="android changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 應用程式</a>中,點一下<strong>「商店」</strong>。
</li><li>在<strong>銷售管道</strong>畫面上,點一下<strong>「線上商店」</strong>。
</li><li>點一下<strong>「管理佈景主題」</strong>。
</li></ol></div>
</div>



1. 按一下 **的區段** 旁邊的「**自訂**」。
  1. 點擊「標頭」。

  2. 在「公告列」區域中,勾選「顯示公告」。

  3. 在「文字」欄位中輸入您的公告文字。

  4. 若要將文字連結至商店中的頁面,則點擊「連結」欄位,然後從清單中選擇一個頁面。

  5. 如果您想將文字連結到其他網站,請將網站網址貼上至「連結」欄位中。

  6. 點擊「儲存」。

新增選單

您可以將選單新增至頁首。這樣會在頁首顯示所有選單上的連結,用來凸顯顧客想要存取的常見頁面。例如,您可以新增連結至商品系列的選單。

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">桌上版</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>在 Shopify 管理員中,前往<strong>「線上商店」</strong> &gt; <strong>「佈景主題」</strong>。
</li></ol></div><div class="iphone changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 應用程式</a>中,點一下<strong>「商店」</strong>。
</li><li>在<strong>銷售管道</strong>畫面上,點一下<strong>「線上商店」</strong>。
</li><li>點一下<strong>「管理佈景主題」</strong>。
</li></ol></div><div class="android changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 應用程式</a>中,點一下<strong>「商店」</strong>。
</li><li>在<strong>銷售管道</strong>畫面上,點一下<strong>「線上商店」</strong>。
</li><li>點一下<strong>「管理佈景主題」</strong>。
</li></ol></div>
</div>



1. 點擊 **的區段** 旁邊的「**自訂**」。
  1. 點擊「標頭」。

  2. 若要選取選單,請點擊「變更」。從清單中選取選單或點擊「建立選單」來建立新選單。

  3. 若要編輯選單中,請點擊「編輯選單」。

  4. 點擊「儲存」。

顯示或隱藏選單中的商品系列圖片

您可以在 Venture 下拉式選單中顯示商品系列的產品圖片。如果顧客在選單中看到喜歡的商品,他們可以直接前往產品頁面,而不用在商品系列頁面中搜尋該商品。

選取了一個選單的標頭。選單中顯示商品系列中的產品圖片。

如要顯示商品系列的產品圖片,您的選單必須符合下列條件:

  • 您的選單中必須有巢狀選單項目
  • 最上層項目必須是商品系列。
  • 您必須從「連結」選單中選擇商品系列,並將其新增至最上層選單。如果以手動方式將商品系列網址輸入至「連結」中,則圖片將不會顯示出來。

如果您的選單不符合這些條件,則頂層導覽選單將會顯示連結,而非產品圖片。

若要隱藏頂層巢狀選單的產品圖片,請在「連結」中以手動方式輸入商品系列網址。

頁尾

您可以使用 Venture,在商店頂端將以下項目新增到頁尾:

  • 選單
  • 社交媒體圖示
  • 訂閱電子報
  • 文字

新增付款圖示

您可以在頁尾顯示您接受的付款方式圖示。此區域會顯示與付款服務供應商相關聯的圖示,您已在管理員介面中的「付款設定」區段中將其啟用。

  1. 點擊 的區段 旁邊的「自訂」。

  2. 點擊「區段」。

  3. 點擊「頁尾」。

  4. 勾選「顯示付款圖示」。

  5. 點擊「儲存」。

新增選單、訂閱電子報或文字

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">桌上版</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>在 Shopify 管理員中,前往<strong>「線上商店」</strong> &gt; <strong>「佈景主題」</strong>。
</li></ol></div><div class="iphone changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 應用程式</a>中,點一下<strong>「商店」</strong>。
</li><li>在<strong>銷售管道</strong>畫面上,點一下<strong>「線上商店」</strong>。
</li><li>點一下<strong>「管理佈景主題」</strong>。
</li></ol></div><div class="android changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 應用程式</a>中,點一下<strong>「商店」</strong>。
</li><li>在<strong>銷售管道</strong>畫面上,點一下<strong>「線上商店」</strong>。
</li><li>點一下<strong>「管理佈景主題」</strong>。
</li></ol></div>
</div>



1. 點擊 **的區段** 旁邊的「**自訂**」。
  1. 點擊「區段」。

  2. 點擊「頁尾」。

  3. 若要新增內容區塊,請在「內容」區域,點擊「新增內容」。從以下選項中選取區塊類型:

  • 選單
  • 電子報
  • 文字

    • 社群帳號

    若要移動內容區塊,請點擊 ⋮⋮ 圖示,並將區塊拖曳至其他位置。

    若要移除內容區塊,請點擊該區塊,然後點擊「移除內容」。

    若要自訂內容區塊,請點擊區塊並編輯其設定。

  1. 點擊「儲存」。

新增社群媒體圖示

  1. 點擊 的區段 旁邊的「自訂」。

  2. 點擊「區段」。

  3. 點擊「頁尾」。

  4. 點擊「佈景主題設定」區段。

  5. 在相關的社群媒體欄位中,輸入您個人檔案的 URL。

  6. 點擊「儲存」。

若要顯示社群媒體圖示,您也必須將「社群帳號」內容區塊新增至頁尾。

素材輪播

您可以使用 Venture 在首頁上顯示大型素材輪播。素材輪播會一律顯示在首頁標題的正下方。您無法像在其他區段一樣,移動頁面上的素材輪播區段。

每張投影片都可以加上標題和副標題,且這些文字可以連結至任何頁面。

素材輪播圖片的建議大小為 1800 x 1000 像素。Venture 的素材輪播為響應式播放,表示其會根據您客戶用於檢視商店的裝置來動態調整圖片大小,並加以裁剪。如需有關最佳化圖片的詳細資訊,請參閱「圖片的最佳作法」。

如要建立素材輪播:

  1. 點擊「區段」索引標籤。

  2. 按一下「幻燈片」

  3. 如要上傳投影片圖片,請按一下「投影片」。

  4. 在「圖片」區域,點擊「選擇圖片」,然後執行下列任一操作:

- 若要選擇已上傳到 Shopify 管理員的圖片,請點擊「圖庫」索引標籤。 - 若要從 Shopify 的 Burst 庫存圖片選集中選擇庫存圖片,請按一下「免費圖片」索引標籤。您可以在這裡輸入搜尋詞彙,或是瀏覽圖片類別。 - 如要從電腦本機中選擇圖片,請點擊「圖庫」索引標籤,然後點擊加號按鈕。

  1. 若要變更圖片在素材輪播中顯示的部分,請按一下「圖片位置」下拉式選單。

  2. 在「標題」欄位中,輸入要顯示於投影片上的標題。

  3. 在「副標題」欄位中,輸入要顯示在標題下方的副標題文字。

  4. 如要將投影片上的文字連結到商店的頁面,請按一下「投影片連結」欄位並選擇頁面。

  5. 如果要將投影片上的文字連結到網站,請將網站的 URL 貼在「投影片連結」欄位中。

  6. 為您要新增到投影片的每張圖片重複步驟 3 到 9。

  7. 點擊「儲存」。

設定會顯示在「素材輪播」區段的頂部。這些包括:* 投影片高度可讓您選擇素材輪播的高度。* 自動旋轉投影片核取方塊可讓您開啟自動旋轉。若開啟此功能,您的投影片播放將自動變更,客戶不必手動點擊。* 變更投影片頻率可在已開啟自動旋轉功能時,讓您選擇每張投影片顯示的秒數。

商品系列清單

在桌上型電腦和平板電腦上,最多可以在首頁上顯示六個精選商品系列。

在行動裝置上,精選商品系列區段依預設會顯示商店的主選單。如此一來,使用行動裝置的客戶可以更輕鬆地存取商店的整個廣告空間。

您可以勾選「使用次要商品系列圖片」方塊,讓您的商品系列圖片填滿所有圖塊。如果選擇此選項,則可能需要在「顏色」佈景主題設定中變更「精選商品系列圖塊」的顏色。

若要在首頁上新增商品系列:

  1. 點擊「區段」索引標籤。

  2. 按一下「商品系列清單」。

  3. 在「內容」區域中,按一下「商品系列」即可展開。

  4. 在「商品系列」清單中,選擇要顯示的商品系列。

  5. 如果要加入更多商品系列,請按一下「新增商品系列」。

  6. 要展開商品系列圖片以填寫其標題,請勾選「使用次要商品系列圖片」。

  7. 點擊「儲存」。

精選產品

在本區段,您可以選擇要醒目顯示產品的商品系列,以及您希望每個商品系列中顯示的產品列數。

  1. 點擊「區段」索引標籤。

  2. 按一下「精選商品系列」

  3. 在「商品系列」清單中,選擇包含精選產品的商品系列。

  4. 移動「資料列」滑桿,選擇要顯示的產品列數。

  5. 點擊「儲存」。

電子報

您可以將訂閱電子報加入首頁。您可以收集客戶的電子郵件地址,以供電子郵件行銷使用。您可以在 Shopify 部落格上進一步瞭解電子郵件行銷。

網站上的電子報區段。在此提供客戶可以輸入電子郵件地址的欄位和「訂閱」按鈕。

如要將訂閱電子報新增至首頁:

  1. 點擊 的區段 旁邊的「自訂」。

  2. 點擊「區段」。

  3. 按一下「新增區段 > 電子報」。

  4. 在「標題」欄位中,輸入訂閱電子報的標題。標題預設為「訂閱我們的電子報」。

  5. 在「副標題」欄位中,輸入訂閱電子報的副標題。預設文字為「促銷活動、新產品和銷售消息,直接送到您的收件匣。」

  6. 點擊「儲存」。

附文字的圖片

Venture 包含「附文字的圖片」區段,可供您向客戶顯示包含自訂訊息的圖片。

  1. 點擊「區段」索引標籤。

  2. 按一下「帶有文字的圖片」

  3. 如要新增圖片,請執行下列其中一項操作:

    1. 按一下以展開「圖片」區域。
    2. 在「圖片」區域,點擊「選擇圖片」,然後執行下列任一操作: - 若要選擇已上傳到 Shopify 管理員的圖片,請點擊「圖庫」索引標籤。
    3. 若要從 Shopify 的 Burst 庫存圖片選集中選擇庫存圖片,請按一下「免費圖片」索引標籤。您可以在這裡輸入搜尋詞彙,或是瀏覽圖片類別。
    4. 如要從電腦本機中選擇圖片,請點擊「圖庫」索引標籤,然後點擊加號按鈕。
  4. 如要新增文字,請執行下列其中一項操作:

    1. 按一下以展開「附文字的圖片」。
    2. 在「標題」欄位中,輸入要顯示的標題文字。
    3. 在「文字」欄位中,輸入要顯示在標題下方的文字。
    4. 在「文字對齊」區域中,選擇要以何種方式對齊附圖片的文字。
  5. 點擊「儲存」。

產品頁面

在「產品頁面」區段中,您可以新增或移除以下元素:

  • 在庫存不足時顯示剩餘庫存的訊息
  • 動態結帳按鈕
  • 社交分享圖示
  • 商品推薦

您也可以選擇客戶在按下「加入購物車」按鈕後,要停留在產品頁面還是前往購物車頁面。

如要編輯產品頁面的設定:

  1. 從頂端列的下拉式選單中選擇「產品頁面」。

  2. 點擊「區段」。

  3. 點擊「產品頁面」。

  4. 如果您希望客戶在按下「加入購物車」按鈕後停留在產品頁面上 (而非前往購物車頁面),請勾選「在項目加入購物車後停留在目前頁面上」。

  5. 如要在庫存不足時顯示剩餘庫存,請勾選「現貨少於 10 項時顯示庫存」。您需要在產品上啟用庫存追蹤功能,才能顯示此訊息。

  6. 如要顯示動態結帳按鈕,請勾選「顯示動態結帳按鈕」。

  7. 如要顯示社交分享圖示,請勾選「啟用產品分享」。

  8. 點擊「儲存」。

新增或移除產品推薦

您可以在產品頁面顯示推薦產品,讓客戶輕鬆發掘其他符合興趣的產品。

  1. 從頂端列的下拉式選單中選擇「產品頁面」。

  2. 按一下「產品推薦」。

  3. 使用「顯示動態推薦」核取方塊,於產品頁面中顯示或隱藏產品推薦。

  4. 選用:若要變更推薦產品上方顯示的標題,請在「標題」欄中輸入新標題。

  5. 點擊「儲存」。

商品系列頁面

您可以對商品系列頁面啟用商品系列篩選和排序功能,以協助您的客戶找到所需產品。

啟用按產品標籤篩選」會將選單新增至商品系列頁面頂端。客戶使用此選單,只能查看商品系列中具有所選標籤的產品:

Shopify 說明中心提供有關按產品標籤篩選的更多資訊。

啟用商品系列排序」功能會將「排序依據」選單新增至商品系列頁面頂端。客戶可以使用選單,根據下列方式來對商品系列中的產品進行排序:

  • 精選
  • 暢銷度
  • 按字母 A 到 Z 順序排列
  • 按字母 Z 到 A 順序排列
  • 價格 (從低到高)
  • 價格 (從高到低)
  • 日期 (從新到舊)
  • 日期 (從舊到新)

如要在商品系列頁面的頂端啟用篩選和排序功能:

  1. 導覽至佈景主題編輯器中的產品頁面。

  2. 點擊「區段」索引標籤。

  3. 按一下「商品系列頁面」區段。

  4. 如要將「篩選依據」選單新增至商品系列頁面,請勾選「啟用標籤篩選」。

  5. 如要將「排序依據」選單新增至商品系列頁面,請勾選「啟用排序」。

  6. 點擊「儲存」。

購物車頁面

訂單備註可供客戶在訂單中包含特別指示。Shopify 說明中心提供有關訂單備註的更多資訊

如要啟用訂單備註:

  1. 將產品新增至購物車,即可導覽至佈景主題編輯器中的購物車頁面。

  2. 點擊「區段」索引標籤。

  3. 按一下「購物車頁面」區段。

  4. 勾選「啟用訂單備註」。

  5. 點擊「儲存」。

部落格頁面精選產品

您可以使用 Venture,在客戶檢視您商店的部落格頁面時,從您選擇的商品系列中顯示精選產品。例如,針對秋季時尚的部落格文章,您可以在貼文下方從秋季商品系列當中展示精選產品。

如要在您的部落格頁面上顯示商品系列:

  1. 導覽至佈景主題編輯器中的部落格頁面。

  2. 點擊「區段」索引標籤。

  3. 按一下「精選產品」區段。

  4. 在「商品系列」清單中,選擇您想顯示的商品系列。

  5. 點擊「儲存」。

影片

您可以將 YouTube 或 Vimeo 代管的影片加入首頁。影片可以吸引客戶並讓客戶對您的業務產生興趣。

如要為首頁新增影片:

  1. 點擊 的區段 旁邊的「自訂」。

  2. 點擊「區段」。

  3. 按一下「新增區段 > 影片」。

  4. 在「按鈕文字」欄位中輸入文字,將文字新增至播放按鈕。

  5. 在「影片連結」欄位中輸入您影片的分享連結。

    YouTube 分享連結如下所示:https://youtu.be/OTJXAUZY9t0。您可以在此 YouTube 說明文章中,瞭解如何複製 YouTube 影片的分享連結。

    Vimeo 分享連結如下所示:https://vimeo.com/281332510。您可以在此 Vimeo 說明中心文章中,瞭解如何複製 Vimeo 影片的分享連結。

  6. (選用) 在影片中加入封面圖片:

    1. 按一下「選擇圖片」。如要從電腦上傳圖片,請按一下「上傳」。如要使用 Burst 中的免費圖庫圖片,請按一下「免費圖片」。
    2. 在「圖片位置」下拉式選單中選擇位置,以選擇對齊封面圖片的方式。您可以使用圖片位置來選擇在裁剪圖片時要保留的部分。
    3. 從「圖片高度」下拉式選單中選擇「」或「」,為您的封面圖片設定高度。
  7. (選用) 在影片中加入疊加層:

秘訣:疊加層是影片和標題文字之間的一層顏色。疊加層可讓影片上的文字更易於閱讀,並且在按下播放按鈕前會一直顯示。

1. 勾選「顯示疊加層」。 2. 按一下「疊加層」色樣並選擇顏色,以設定疊加層顏色。 3. 在「透明度」桿滑中選擇百分比,以設定疊加層的透明度。

  1. 點擊「儲存」。

自訂 HTML

您可以在「自訂 HTML」區段內用 HTML 程式碼為首頁建立自訂內容。舉例來說,您可以透過 HTML 設定文字方塊的格式、建立表格,或內嵌來自第三方網站的內容。

若要為首頁新增自訂 HTML:

  1. 點擊 的區段 旁邊的「自訂」。

  2. 按一下「區段」。

  3. 按一下「新增區段」。

  4. 「進階版面配置」區域中,按一下「自訂 HTML > 新增」

  5. 按一下「自訂 HTML」,然後輸入要新增到首頁的 HTML 程式碼。

  6. 按一下「儲存」。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用