Jumpstart

Jumpstart 專為群眾募資畢業生打造,但也十分適合用來銷售一到十種產品。它的首頁會展示影片和功能區段。

使用 Jumpstart 的線上商店範例

佈景主題編輯器

使用佈景主題編輯器來自訂您的佈景主題。佈景主題編輯器分為「區段」「佈景主題設定」兩個部分。

有「區段」和「佈景主題設定」的佈景主題編輯器工具列

您可以使用區段來修改商店不同頁面的內容和版面配置。您可以使用佈景主題設定來自訂商店的字體和顏色,以及變更社群媒體連結和結帳設定。

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

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

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

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

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

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

Jumpstart 包括以下的靜態區段:

  • 標頭

  • 頁尾
  • 產品頁面
  • 商品系列頁面
  • 商品系列清單頁面
  • 文章頁面
  • 購物車頁面

動態區段

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

Jumpstart 包括以下的動態區段:

  • 部落格文章

  • 精選商品系列
  • 附文字的圖片
  • 附文字疊加的圖片
  • 商標清單
  • 投影片輪播
  • 精選產品
  • 電子報
  • 行銷活動追蹤器
  • 地圖
  • 常見問題
  • RTF 文字
  • 附圖示的文字欄
  • 影片

標頭

使用 Jumpstart,您即可上傳反白商標,以在標頭的深色背景上顯示。Jumpstart 也提供「立即購買」按鈕以鼓勵客戶購買您選擇的精選產品。

標頭區段的商標圖片寬度應為 200 像素。

若要自訂標頭區段:

  1. 按一下「區段」

  2. 按一下「標頭」

  3. 將您的商標和反白 (淺色) 商標新增至標頭:

    1. 在「商標」區段,按一下「選擇圖片」,然後執行下列任一操作: - 若要選擇已上傳到 Shopify 管理員的圖片,請按一下「圖庫」索引標籤。
    2. 如要從電腦本機中選擇圖片,請按一下「圖庫」索引標籤,然後按一下加號按鈕。
    3. 若要新增反轉商標,請勾選「反轉商標」。
    4. 在「反向商標」區域中,按一下「選擇圖片」,然後執行下列任一操作: - 若要選擇已上傳到 Shopify 管理員的圖片,請按一下「圖庫」索引標籤。
    5. 如要從電腦本機中選擇圖片,請按一下「圖庫」索引標籤,然後按一下加號按鈕。
    6. 在「自訂商標寬度 (以像素為單位)」欄位中輸入商標的寬度。
  1. 設定導覽選單選項:

    1. 在「導覽」區段中,從「選單」下拉式清單中,選擇要在商店標頭中顯示的導覽選單。
    2. 在「選單樣式」下拉式清單中,選擇傳統選單或導覽匣式選單。
    3. 在「傳統選單色彩」清單中,選擇您要使用淺色或深色選單文字。
  1. 為「立即購買」按鈕選擇產品:

    1. 按一下「『立即購買按鈕』的產品」欄位。
    2. 開始輸入產品名稱,或從下拉式清單中選擇產品。
  2. 按一下「儲存」

頁尾

您可以在頁尾區段中編輯顯示在商店每一頁底部的內容。您可以在頁尾加入以下功能:

  • 您的商標
  • 訂閱電子報
  • 選單
  • 付款圖示

顯示商店名稱、選單、版權文字和付款圖示的網站頁尾區段。

如要自訂頁尾區段:

  1. 找到 Jumpstart 並按一下「自訂」

  2. 按一下「區段」

  3. 按一下「頁尾」。

  4. 您可以按一下「選擇圖片」來將商標新增至頁尾。如要從電腦上傳圖片,請按一下「上傳」。如要使用 Burst 中的免費圖庫圖片,請按一下「免費圖片」。若您不想使用商標圖片,則會改為顯示您的商店名稱文字。

  5. 使用「自訂商標寬度」滑桿調整商標寬度。調整商標寬度不會扭曲圖片。

  6. 如要將訂閱電子報加入頁尾,請執行以下步驟:

    1. 勾選「顯示訂閱電子報」。
    2. 在「電子報副標題」欄位中,輸入訂閱電子報的副標題。預設副標題為「促銷活動、新產品和特賣消息,直接送到您的收件匣。」
  7. 從「選單」區域自訂頁尾選單。如要編輯預設選單,請按一下「編輯選單」。如要變更為其他選單,請按一下「變更」,然後選擇現有選單或按一下「建立選單」。

  8. 勾選「顯示付款圖示」,以便在頁尾新增付款圖示 (例如 Mastercard 或 PayPal)。

  9. 按一下「儲存」

產品頁面

在「產品頁面」區段中,您可以新增或移除動態結帳按鈕和社交分享圖示。

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

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

  2. 按一下「區段」

  3. 按一下「產品頁面」。

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

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

  6. 按一下「儲存」

商品系列頁面

您為顯示在商品系列頁面上的產品圖片選擇欄與列的數量。產品圖片會調整大小以配合頁面。

  1. 在佈景主題編輯器預覽中,開啟商品系列頁面。

  2. 按一下「區段」索引標籤。

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

  4. 選擇您想顯示的列與欄數量。

  5. 按一下「儲存」

購物車頁面

客戶新增商品至購物車時,他們會立即前往購物車頁面。使用 Jumpstart 時就不會有「繼續購物」按鈕或購物車導覽匣。Jumpstart 的目的為銷售單一產品,因此客戶無須在做出決定後繼續購物。

使用 Jumpstart,您即可為客戶啟用購物車備註以傳送訂單說明:

顯示「賣家特別說明」購物欄位的購物車頁面

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

  2. 按一下「區段」索引標籤。

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

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

  5. 按一下「儲存」

附文字的圖片

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

秘訣:正方形圖片在「附文字的圖片」區段中效果最佳。

  1. 按一下「區段」索引標籤。

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

  3. 在「對齊」清單中,選擇要將圖片顯示在文字的右側或左側。

  4. 如要新增圖片,請在「圖片」區域中,按一下「選擇圖片」,然後執行下列任一操作:

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

  1. 新增文字以配合圖片:

    1. 在「標題」欄位中,輸入要顯示的標題文字。
    2. 在「文字」欄位中,輸入要顯示在標題下方的文字。
    3. 「按鈕標籤」欄位中,輸入要顯示在按鈕上的文字。
    4. 在「按鈕連結」欄位中,貼上指向 URL 的連結,或按一下該欄位以從商店中選擇頁面。
  2. 按一下「儲存」

投影片輪播

Jumpstart 投影片輪播圖片寬度上限為 1200 像素,因此建議使用寬度至少為 1200 像素的圖片,或者最高達 Shopify 上傳限制的圖片。

  1. 按一下「區段」索引標籤。

  2. 按一下「幻燈片」

  3. 按一下「投影片」。

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

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

  1. 在「連結 URL」欄位中執行下列操作之一:

- 若要將投影片輪播圖片連結至商店中的頁面,請按一下「連結 URL」欄位,並從選項清單中選擇一個頁面。 - 如要將投影片輪播圖片連結至外部 URL,請在「連結 URL」欄位中輸入 URL 位址。

  1. 重複步驟 3 到 5 直到您完成將投影片新增至投影片輪播為止。

  2. 按一下「儲存」

精選產品

Jumpstart 的「精選產品」區段不會顯示產品說明。產品說明僅會顯示於產品頁面。這是因為首頁的許多其他區段也用來說明及描述您的產品。請將「精選產品」區段視為一個讓客戶點擊以購買產品的「行動號召」。

  1. 按一下「區段」索引標籤。

  2. 按一下「精選產品」。

  3. 按一下「產品」欄位,從按字母排序的商店產品清單中選擇或輸入產品名稱。

  4. 按一下「儲存」

電子報

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

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

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

  1. 找到 Jumpstart 並按一下「自訂」

  2. 按一下「區段」

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

  4. 在「標題」欄位中,輸入訂閱電子報的標題。標題預設為「掌握最新消息」。

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

  6. 按一下「儲存」

行銷活動追蹤器

Jumpstart 包含獨特的「行銷活動追蹤器」區段,可連結至您的募款網站並顯示您有多接近募款目標:

行銷活動追蹤器區段顯示募款活動名稱及募款統計資料

  1. 按一下「區段」索引標籤。

  2. 按一下「行銷活動追蹤器」。

  3. 在「標題」欄位中,輸入行銷活動標題。

  4. 在「副標題」欄位中輸入副標題。若您不想顯示副標題,保持此欄位空白即可。

  5. 在「統計資料樣式」清單中,選擇您要顯示包含較小文字的圓餅圖,或者包含較大文字的長條圖。

  6. 在「背景圖片」區段中按一下「選擇圖片」,然後執行下列任一操作:

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

  1. 在「行銷活動詳細資訊」區段中輸入下列有關您行銷活動的統計資料:

    1. 在「募款百分比」欄位中,輸入您的總募款目標進度百分比。
    2. 在「募得金額」欄位中,輸入您已募得的金額。
    3. 在「贊助者人數」欄位中,輸入已貢獻您行銷活動的贊助者人數。
    4. 在「專案 URL」欄位中輸入募款網站的 URL。
  2. 按一下「儲存」

常見問題

您可以為首頁新增常見問題清單 (FAQ)。您可以使用此區段來針對募款活動 (如有) 提供詳細資訊,或回答產品、運送和退貨政策等相關問題。

  1. 按一下「區段」索引標籤。

  2. 按一下「常見問題」。

  3. 在「標題」欄位中輸入常見問題集區段的標題。根據預設,標題為「常見問題」。

  4. 如要新增問題,請執行以下步驟:

    1. 在「內容」區段中,按一下「常見問題」區段以展開。
    2. 在「標題」欄位中輸入問題。
    3. 在「文字」欄位中輸入答案。
  5. 重複步驟 4 直到您為常見問題集新增所有問題為止。

  6. 按一下「儲存」

附圖示的文字欄

附圖示的文字欄」區段可讓您為資訊文字及相關聯圖示進行分組。例如,您可以描述您的品牌與眾不同之處、提供客戶實例,或強調在您的商店購物有多麼方便:

描述購物便利性的三個文字欄

您可以從數百個 Font Awesome 4.7.0 圖示中選擇。若要顯示圖示,請在「圖示名稱」欄位中輸入圖示名稱。圖示會自動顯示。

若要新增含圖示的文字欄區段:

  1. 按一下「區段」索引標籤。

  2. 按一下「附圖示的文字欄」。

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

  4. 新增含圖示的文字欄:

    1. 按一下「描述功能」。
    2. 在「圖示名稱」欄位中,輸入要顯示的圖示名稱。例如「刀具」或「購物車」。
    3. 在「標題」欄位中,輸入文字欄的標題。
    4. 在「文字」欄位中,輸入文字內文。
    5. 在「容器寬度」下拉式清單中,選擇文字欄的寬度。
  5. 重複步驟 4 直到您完成新增文字欄為止。

  6. 按一下「儲存」

影片

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

如要為首頁新增影片:

  1. 找到 Jumpstart 並按一下「自訂」

  2. 按一下「區段」

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

  4. 在「標題」欄中輸入影片的標題。

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

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

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

  6. 從「文字色彩」下拉式功能表中選擇「深色」或「淺色」,來設定標題文字和播放按鈕的色彩。

  7. 按一下「選擇圖片」來新增影片封面圖片。如要從電腦上傳圖片,請按一下「上傳」。如要使用 Burst 中的免費圖庫圖片,請按一下「免費圖片」。

    封面圖片的建議大小為 1920 x 840 像素。

  8. 按一下「儲存」

主題設定 您可以透過佈景主題設定來自定線上商店的顏色和字體。您也可以建立您的社群媒體帳戶連結、編輯購物車設定,並新增 favicon。

Jumpstart 包括以下的佈景主題設定:

  • 色彩
  • 字體
  • 社交媒體
  • Favicon
  • 結帳

色彩

您可以指定線上商店內各部分的顏色。

調整顏色設定

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

  2. 按一下「佈景主題設定」。

  3. 按一下「顏色」。

  4. 根據每種內容類型按一下顏色樣本,即可使用顏色挑選器。

    佈景主題編輯器內的顏色挑選器

- 「最近選擇」區域會顯示您最近為佈景主題選擇過的顏色。 - 「目前使用」區域會顯示您佈景主題其他部分目前正在使用的顏色。

若要將顏色設定為透明,請按一下「」。

  1. 按一下「儲存」。

字體

您可以指定線上商店裡文字的字型風格和大小。

自訂您的字體設定

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

  2. 按一下「佈景主題設定」。

  3. 按一下「字體」。

  4. 根據每一種文字類型按一下「變更」即可使用字形挑選器:

    字形挑選器上的「變更」按鈕

  5. 您可以使用搜尋欄位或按一下「載入更多」查看有哪些字形。

    如果想檢視全部可用的字形,請看 Shopify 字形庫

  6. 按一下要使用的字體名稱。

  7. 若要變更粗體或斜體等字形風格,請按一下「標準」。然後找到您想使用的風格,按一下旁邊的「選擇」:

    字形挑選器可以挑選字體的粗細。

  8. 按一下「儲存」。

Favicon

您可以上傳收藏的圖示或 Favicon,並透過在以下位置顯示您的商標,協助您塑造線上商店的品牌形象:

  • 您的網路瀏覽器分頁
  • 您的網路瀏覽器的歷程記錄
  • 您桌面上的圖示
  • 線上商店名稱旁邊 (如果線上商店已加入書籤的話)。

Jumpstart 的最佳 Favicon 圖片尺寸為 32 x 32 像素。

  1. 按一下「佈景主題設定」索引標籤。

  2. 按一下「Favicon」。

  3. 在「Favicon 圖片」區域中,按一下「選擇圖片」,然後執行下列任一操作:

- 若要選擇已上傳到 Shopify 管理員的圖片,請按一下「圖庫」索引標籤。 - 如要從電腦本機中選擇圖片,請按一下「圖庫」索引標籤,然後按一下加號按鈕。

  1. 按一下「儲存」

社交媒體

您可以為產品和部落格貼文加入社交分享按鈕,以及指向您的社交媒體帳號的連結。

如要自訂社交媒體設定:

  1. 找到 Jumpstart 並按一下「自訂」

  2. 按一下「佈景主題設定」。

  3. 按一下「社交媒體」。

  4. 如要上傳社交分享圖片,請在「社交分享圖片」區域中,按一下「選擇圖片」或「探索免費圖片」。

  5. 如要新增指向您社交媒體帳號的連結,請前往「社交帳號」區域,在提供的欄位中輸入指向您帳號的連結。輸入完整的連結,例如 https://instagram.com/shopify,或 https://twitter.com/shopify

    指向您社交媒體帳號的連結會顯示在您線上商店的頁尾。

  6. 按一下「儲存」

結帳

此區段可讓您自訂商店的結帳流程。按一下此處進一步瞭解商店結帳頁面的詳細資訊。

連結至首頁區段

為方便客戶瀏覽您的商店首頁,您可以將「內部連結」新增至首頁的不同區段。如要將內部首頁連結新增至選單,請將連結類型設為「網站位址」並使用下列其中一個連結位址作為目的地:

首頁區段 連結位址
圖片和影片 /#home-video
附文字的圖片 /#home-imagebox
附圖示的文字欄 /#home-features
RTF 文字 /#home-page
群眾募資活動 /#home-kickstarter
常見問題 (FAQ) /#home-faq
投影片輪播 /#home-slideshow
產品 /#home-product
最近的部落格貼文 /#home-blog
商標清單 /#home-clients

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

免費試用