Shopify Jumpstart 專為眾籌的畢業生而設計，但它也非常適合銷售一至十種產品。它的主頁展示了一個視頻和一個功能分區。

模版編輯器

使用模版編輯器以自定義模版。模版編輯器工具欄分為分區和模版設置。

您可以使用分區修改商店上不同頁面的內容和布局。您可以使用模版設置對商店的字體和顏色進行自定義，并且對社交媒體鏈接和結賬設置進行更改。

分區是可以在您的在線商店上確定不同頁面布局的可自定義內容塊。

主頁分區包括多種功能（例如幻燈片或新聞資訊注冊），您可以添加、重新排列或刪除這些功能。主頁上最多可以有 25 個分區。

每種類型的頁面都有自己的分區。例如，產品頁面的分區決定了在線商店上每個產品頁面的布局。

頁面上的各分區始終位于在線商店的特定位置。您可以對它們進行自定義，但不能重新排列或刪除它們。

每個模版包括固定的分區（例如頁眉和頁腳），在線商店的每個頁面上都會顯示這些分區。

您可以了解 的獨特分區選擇以及如何對它們進行自定義以適用于您的業務。

Jumpstart 包括以下靜態分區：

標頭

頁腳

產品頁面

產品系列頁面

產品系列列表頁面

文章頁面

購物車頁面

動態分區

您可以添加、重新排列和刪除動態分區來自定義主頁的布局。每個模版都有唯一一組可供選擇的動態分區。

Jumpstart 包括以下動態分區：

博客文章

特色產品系列

帶文本的圖片

帶文本疊加的圖片

logo 列表

幻燈片

特色產品

新聞通訊

活動跟蹤器

地圖

常見問題解答

格式文本

帶圖標的文本列

視頻

標頭

使用 Jumpstart，您可以上傳反相 logo，在黑暗背景下顯示在標題中。Jumpstart 還提供產品立即購買按鈕，鼓勵客戶購買您選擇的特色產品。

標頭分區的 logo 圖片的寬度應為 200px。

若要自定義標頭分區，請執行以下操作：

單擊分區。

單擊標頭。

將 logo 和反轉的（淺色） logo 添加到標頭：

在 logo 部分中，單擊選擇圖片，然后執行以下操作之一： - 若要選擇已上傳到 Shopify 后臺的圖片，請單擊庫選項卡。

若要從本地計算機選擇圖片，請單擊庫選項卡，然后單擊加號按鈕。

若要添加反相 logo，請選中反相 logo。

在反相 logo 區域中，單擊選擇圖片，然后執行以下操作之一： - 若要選擇已上傳到 Shopify 后臺的圖片，請單擊庫選項卡。

若要從本地計算機選擇圖片，請單擊庫選項卡，然后單擊加號按鈕。

在自定義 logo 寬度 (以像素為單位) 字段中輸入 logo 的寬度。

備注:請確保輸入 logo 圖片的準確寬度。如果輸入的寬度不準確，圖片可能會模糊或出現分辨率問題。

設置您的網站地圖菜單選項：

在網站地圖分區中，從菜單下拉列表中選擇要在您的商店標頭中顯示的網站地圖菜單。

從 Menu style（菜單樣式）下拉列表中，選擇經典菜單或抽屜式菜單。

從經典菜單顏色列表中，選擇菜單文本為淺色還是深色。

備注:如果經典菜單中包含太多要顯示在頁面上的網站地圖菜單項，它則將更改為抽屜式菜單。

為立即購買按鈕選擇一個產品：

單擊產品的“立即購買按鈕”字段。

開始鍵入產品名稱，或從下拉列表中選擇一個名稱。

單擊保存。

頁腳

在頁腳分區中，您可以編輯商店中每個頁面底部顯示的內容。您可以將以下功能添加到頁腳：

您的 logo

新聞通訊注冊

菜單

付款圖標

若要自定義頁腳分區，請執行以下操作：

在 Shopify 后臺中，轉到在線商店 > 模版。

查找 Jumpstart，然后單擊自定義。

單擊分區。

單擊頁腳。

通過單擊選擇圖片將您的 logo 添加到頁腳。若要從計算機上傳圖片，請單擊上傳。要使用 Burst 中的免費圖庫圖片，請單擊免費圖片。如果您不使用 logo 圖片，則會顯示您的商店名稱。

使用自定義 logo 寬度滑塊調整 logo 的寬度。調整 logo 寬度不會使圖片失真。

若要將新聞通訊注冊添加到頁腳，請執行以下步驟：

選中顯示新聞通訊。

在新聞通訊子標題字段中輸入新聞通訊注冊的子標題。默認子標題為“促銷、新產品和銷售。直接發送到您的收件箱”。

在菜單區域中自定義頁腳菜單。若要編輯默認菜單，請單擊編輯菜單。若要更改為其他菜單，請單擊更改，然后選擇一個現有菜單或單擊 Create menu（創建菜單）。

通過選中 Show payment icons（顯示付款圖標）將付款圖標（如 Mastercard 或 PayPal）添加到頁腳。

單擊保存。

產品頁面

在產品頁面分區中，您可以添加或刪除動態結賬按鈕和社交共享圖標。

編輯產品頁面的設置：

從頂欄下拉菜單中選擇產品頁面。

單擊分區。

單擊產品頁面。

若要顯示動態結賬按鈕，請選中 Show dynamic checkout button（顯示動態結賬按鈕）。

若要顯示社交共享圖標，請選中 Enable product sharing（啟用產品共享）。

單擊保存。

產品系列頁面

您可以選擇顯示在產品系列頁面上的產品圖片的列數和行數。產品圖片的大小將經過調整以適應頁面大小。

在模版編輯器預覽中，打開產品系列頁面。

單擊分區選項卡。

單擊產品系列頁面。

選擇想要顯示的行數和列數。

單擊保存。

購物車頁面

當客戶將商品添加到他們的購物車時，系統會立即將他們轉到購物車頁面。在 Jumpstart 中，沒有“繼續購物”按鈕或購物車抽屜。Jumpstart 用于銷售單個產品，因此當客戶做出決定后，應該不再需要繼續購物。

通過 Jumpstart，您可以啟用購物車備注，使客戶能夠發送關于他們訂單的說明：

在模版編輯器預覽中，將產品添加到購物車頁面。

單擊分區選項卡。

單擊購物車頁面。

選中 Enable order notes（啟用訂單備注）。

單擊保存。

帶文本的圖片

Jumpstart 包括帶文本的圖片分區，使您能夠向客戶顯示帶自定義消息的圖片。

提示: 正方形圖片最適合用于帶文本的圖片分區。

單擊分區選項卡。

單擊 Image with text（帶文本的圖片）。

從對齊方式列表中，選擇是要將圖片放在文本的左側還是右側。

若要添加圖片，請在圖片區域中單擊選擇圖片，然后執行以下任一操作：

- 若要選擇已上傳到 Shopify 后臺的圖片，請單擊庫選項卡。 - 若要從 Shopify 的 Burst 股票圖片產品系列中選擇股票圖片，請單擊免費圖片選項卡。您可在此處輸入搜索詞，或瀏覽圖片類別。 - 若要從本地計算機選擇圖片，請單擊庫選項卡，然后單擊加號按鈕。

添加與圖片相搭配的文本：

在標題字段中，鍵入要顯示的標題文本。

在文本字段，鍵入要顯示在標題下方的文本。

在 Button label（按鈕標簽）字段中，輸入想要顯示在按鈕上的文本。

在 Button link（按鈕鏈接）字段中，粘貼指向一個 URL 的鏈接，或單擊此字段以從您的商店中選擇一個選擇商店中的頁面。

單擊保存。

幻燈片

Jumpstart 幻燈片圖片的寬度最大可以為 1200px，因此，最好使用寬度至少為 1200px 的圖片，或達到 Shopify 的上傳限制。

備注:由于幻燈片圖片會調整尺寸以適應屏幕大小，因此，在不同大小的屏幕上查看時，這些圖片幾乎總是會被裁剪。請參閱適用于圖片的最佳做法，了解如何確保圖片的重要部分不會被裁剪掉。

單擊分區選項卡。

單擊幻燈片。

單擊幻燈片。

在圖片分區中，單擊選擇圖片，然后執行以下操作之一：

- 若要選擇已上傳到 Shopify 后臺的圖片，請單擊庫選項卡。 - 若要從 Shopify 的 Burst 股票圖片產品系列中選擇股票圖片，請單擊免費圖片選項卡。您可在此處輸入搜索詞，或瀏覽圖片類別。 - 若要從本地計算機選擇圖片，請單擊庫選項卡，然后單擊加號按鈕。

在 Link URL（鏈接 URL）字段中，執行以下操作之一：

- 要將幻燈片圖片鏈接到商店中的頁面，請單擊鏈接 URL 字段，然后從選項列表中選擇一個頁面。 - 若要將幻燈片圖片鏈接到外部 URL，請在 Link URL（鏈接 URL）字段中輸入 URL 地址。

重復步驟 3-5，直到完成向幻燈片放映添加幻燈片。

單擊保存。

特色產品

Jumpstart 的特色產品分區未顯示產品描述。產品描述僅顯示在產品頁面上。這是因為主頁的許多其他分區分也用于解釋和描述您的產品。將特色產品分區視為“號召性”文本，吸引客戶點擊和購買產品。

單擊分區選項卡。

單擊特色產品。

單擊產品字段，從按字母順序排列的商店產品列表中進行選擇，或者輸入產品名稱。

單擊保存。

新聞通訊

您可以向您的主頁添加新聞通訊注冊。這使您能夠收集客戶電子郵件地址以用于電子郵件營銷活動。您可以在 Shopify 博客上了解有關電子郵件營銷的詳細信息。

向主頁添加新聞通訊注冊：

在 Shopify 后臺中，轉到在線商店 > 模版。

查找 Jumpstart，然后單擊自定義。

單擊分區。

單擊添加分區 > 新聞通訊。

在標題字段中輸入新聞通訊注冊的標題。默認標題為“保持最新”。

在子標題字段中輸入新聞通訊注冊的子標題。默認文本為“促銷、新產品和銷售。直接發送到您的收件箱”。

單擊保存。

活動跟蹤器

Jumpstart 包含一個獨特的活動跟蹤器分區，此分區可以鏈接到您的籌款網站，并顯示您與籌款目標之間的差距：

單擊分區選項卡。

點擊活動跟蹤器。

在標題字段中，輸入活動的標題。

在副標題字段中，輸入副標題。如果您不想顯示副標題，請將此字段留空。

從統計信息樣式列表中，選擇是要顯示包含較小文本的餅圖還是顯示包含較大文本的條形圖。

在背景圖片分區中，單擊選擇圖片，然后執行以下操作之一：

- 若要選擇已上傳到 Shopify 后臺的圖片，請單擊庫選項卡。 - 若要從 Shopify 的 Burst 股票圖片產品系列中選擇股票圖片，請單擊免費圖片選項卡。您可在此處輸入搜索詞，或瀏覽圖片類別。 - 若要從本地計算機選擇圖片，請單擊庫選項卡，然后單擊加號按鈕。

在活動細節部分中，為您的活動輸入以下統計信息：

在 Funded percent（籌集百分比）字段中輸入您已籌集的資金占總籌款目標的百分比。

在 Funded amount（籌集金額）字段中，輸入您已籌集的美元金額。

在 Number of backers（支持者數量）字段中，輸入為您的活動做出了貢獻的支持者人數。

在 Project URL（項目 URL）字段中，輸入轉至您籌款網站的 URL。

單擊保存。

常見問題解答

您可以向主頁添加常見問題解答 (FAQ) 列表。您可以使用此分區提供有關籌款活動（如果有）的詳細信息，或回答有關您的產品或發貨和退貨政策的問題。

單擊分區選項卡。

單擊常見問題解答。

在標頭字段中，輸入常見問題解答分區的標題。默認情況下，標題為“常見問題解答”。

若要添加問題，請執行以下步驟：

在內容分區中，單擊常見問題解答分區以展開它。

在標題字段中鍵入問題。

在文本字段中鍵入答案。

重復步驟 4，直到您為常見問題解答分區添加了所有的問題為止。

單擊保存。

帶圖標的文本列

帶圖標的文本列分區使您能夠對帶有相關圖標的信息性文本進行分組。例如，您可以描述您品牌的與眾不同之處，提供客戶感言或者突顯出在您的商店進行購物的便利性：

您可以從數百個 Font Awesome 4.7.0 圖標中進行選擇。若要顯示圖標，請在圖標名稱字段中輸入圖標名稱。該圖標隨即自動顯示。

若要添加帶圖標的文本列分區，請執行以下操作：

單擊分區選項卡。

單擊 Text columns with icons（帶圖標的文本列）。

在標題字段中，輸入將顯示在文本列上方的標題。

若要添加帶圖標的文本列，請執行以下操作：

單擊 Describe a feature（描述功能）。

在圖標名稱字段中，輸入要顯示的圖標的名稱。例如，“餐具”或“購物車”。

在標題字段中，輸入文本列的標題。

在文本字段中，輸入文本正文。

從容器寬度下拉列表中，選擇文本列的寬度。

重復步驟 4，直到完成添加文本列。

單擊保存。

視頻

您可以將托管在 YouTube 或 Vimeo 上的視頻添加到您的主頁。視頻可以吸引客戶并讓他們對您的業務產生興趣。

在主頁中添加視頻：

在 Shopify 后臺中，轉到在線商店 > 模版。

查找 Jumpstart，然后單擊自定義。

單擊分區。

單擊添加分區 > 視頻。

在標題字段中輸入視頻的標題。

在 Video link（視頻鏈接）字段中輸入視頻的共享鏈接。

YouTube 共享鏈接如下所示：https://youtu.be/OTJXAUZY9t0。您可以在此 YouTube 幫助文章中了解如何復制 YouTube 視頻的共享鏈接。

Vimeo 共享鏈接如下所示：https://vimeo.com/281332510。您可以在此 Vimeo 幫助中心文章中了解如何復制 Vimeo 視頻的共享鏈接。

通過從文本顏色下拉菜單中選擇暗或亮來為標題文本和播放按鈕設置顏色。

通過單擊選擇圖片，向視頻添加封面圖片。若要從計算機上傳圖片，請單擊上傳。要使用 Burst 中的免費圖庫圖片，請單擊免費圖片。

封面圖片的建議尺寸為 1920 x 840 px。

單擊保存。

模版設置：您可以使用模版設置來自定在線商店的顏色和字體。您還可以設置指向社交媒體帳號的鏈接、編輯購物車設置以及添加網站圖標。

Jumpstart 包括以下模版設置：

顏色

版式

社交媒體

網站圖標

結賬

顏色

您可以為在線商店的不同部分選擇顏色。

自定義顏色設置

在 Shopify 后臺中，轉到在線商店 > 模版。

單擊 **** 旁邊的自定義。

單擊模版設置。

單擊顏色。

對于每種類型的內容，單擊顏色 swatch 以使用顏色選擇器：

- 最近所選區域顯示您最近為您的模版選擇過的顏色。 - 當前使用區域顯示您當前正在模版的其他部分中使用的顏色。

若要將顏色設置為透明，請單擊無。

單擊保存。

版式

您可設置在線商店上的文本的字體樣式和大小。

自定義字體設置

在 Shopify 后臺中，轉到在線商店 > 模版。

單擊 **** 旁邊的自定義。

單擊模版設置。

單擊 Typography（字體）。

對于每種類型的文本，單擊更改以使用字體選擇器：

通過使用搜索字段或通過單擊加載更多來瀏覽字體。

若要查看所有可用的字體，請參閱 Shopify 的字體庫。

單擊要使用的字體名稱。

若要將字體更改為其他樣式，例如粗體或斜體，請單擊 Regular（常規）。下一步，單擊您要使用的樣式，然后單擊選擇。

單擊保存。

網站圖標

您可以上傳網站圖標 (Favicon)，該圖標可通過在以下位置顯示 logo 來幫助您推廣在線商店品牌：

您的 Web 瀏覽器標簽

您的 Web 瀏覽器歷史記錄

桌面上的圖標

在線商店名稱（將其加入書簽后）旁邊。

Jumpstart 的最佳網站圖標圖片尺寸為 32 x 32px。

單擊模版設置選項卡。

單擊網站圖標。

在 Favicon image（網站圖標圖片）區域中，單擊選擇圖片，然后執行以下操作之一：

- 若要選擇已上傳到 Shopify 后臺的圖片，請單擊庫選項卡。 - 若要從本地計算機選擇圖片，請單擊庫選項卡，然后單擊加號按鈕。

單擊保存。

社交媒體

您可以為產品和博客文章添加社交共享按鈕以及指向您社交媒體帳戶的鏈接。

若要自定義社交媒體設置，請執行以下操作：

在 Shopify 后臺中，轉到在線商店 > 模版。

查找 Jumpstart，然后單擊自定義。

單擊模版設置。

單擊社交媒體。

若要上傳社交共享圖片，請在社交共享圖片區域中，單擊選擇圖片或瀏覽免費圖片。

若要將鏈接添加到社交媒體帳戶，請在社交帳戶區域中，在提供的字段中輸入帳戶鏈接。請輸入完整鏈接，例如 https://instagram.com/shopify 或 https://twitter.com/shopify。

轉至您社交媒體帳戶的鏈接顯示在您的在線商店的頁腳中。

單擊保存。

結賬

在本部分中，您可以自定義商店的結賬頁面。單擊此處了解有關商店結賬頁面的詳細信息。

鏈接到主頁分區

為了使客戶能更輕松地瀏覽您商店的主頁，您可以添加轉至主頁中不同部分的內部鏈接。若要將內部主頁鏈接添加到菜單中，請將鏈接類型設置為網址，然后使用以下任一鏈接地址作為目的地：

（來源：Shopify）

以上內容屬作者個人觀點，不代表雨果網立場！如有侵權，請聯系我們。

相關推薦：Shopify店鋪中的默認模板詳細介紹