如何在 BigCommerce 上添加模板文件

已發表: 2021-01-07

BigCommerce 知道您的網站設計可以改變世界。普通用戶的生活是忙碌的。

在電子商務中，廢棄的購物車並非聞所未聞。然而，如果您的網站更好地保持客戶的注意力，他們可能會在切換標籤或出去辦事之前完成購買。

因此，這一切都取決於您在商店中使用的設計和模板。

了解如何使用 BigCommerce 控制您的電子商務商店設計。

如何將模板文件添加到 BigCommerce

快速鏈接

您可以通過以下方式將模板添加到 BigCommerce：

BigCommerce 商店

BigCommerce 擁有一個商店，其中包含可供安裝的各種主題。它們的價格從免費到 300 美元不等。主題可以按集合、行業、免費和優質內容進行排序。

當您找到您喜歡的產品時，請單擊“安裝”或“購買”按鈕。每個主題預覽都附帶一個功能列表及其優化內容。在單擊“安裝”按鈕之前，您還可以預覽每個主題。

通過模板定制

模板是 BigCommerce 主題構建的框架。但是，您不一定需要為您的業務使用他們的主題之一。您還可以為商店的不同部分分配自定義佈局模板，包括：

產品
品牌
類別
頁

如果您正在尋找自定義功能，則需要首先使用 BigCommerce 的 Stencil CLI 工具創建和捆綁自定義模板。準備好後，有幾個選項可以讓您的文件準備好通過 Stencil CLI 上傳：

1. 僅限捆綁包

使用“stencil bundle”命令創建一個 zip 文件，您可以將其上傳到 BigCommerce 商店。如果您想檢查文件的進度和完成情況，請使用“bundle”命令。此命令還可以讓您了解可能阻止文件捆綁的任何錯誤。

還要記住，BigCommerce 對文件大小有 50MB 的硬性限制。

2. 捆綁和推送

如果您使用 Stencil CLI 令牌進行初始化，則僅使用“stencil push”命令。使用此命令將在一個進程中捆綁和上傳。但是，如果您不確定您的文件是否符合“捆綁並推送”的條件，請首先檢查以下要求：

使用帶有“主題：修改範圍”的 Stencil CLI 令牌初始化主題
安裝了 Stencil CLI 1.12.0 或更高版本

您可以使用命令行上的“stencil -V”或“stencil –version”提示符檢查您的 Stencil 版本。

並非每個人都可以在一個過程中上傳主題。如果您在單獨的過程中捆綁和上傳，則將主題推送到 BigCommerce 的方法如下：

成功上傳後，選擇是/否將主題上傳到您的店面
如果是，請使用箭頭鍵選擇變體

一旦您選擇“Y”，您就必須立即選擇您的變體。如果您想稍後將新上傳的內容應用到您的商店，請選擇“N”。

如何自定義 BigCommerce 模板

要自定義舊藍圖主題，請查看以下步驟：

前往店面
單擊我的主題
選擇編輯 HTML/CSS
在 Default.html 編輯器屏幕中更改顏色
保存更改

需要注意的是，如果您想使用此方法，則只能訪問店面中存在的藍圖模板文件。

如果您使用 Stencil 主題，請按照以下說明進行自定義：

前往店面
單擊我的主題
選擇自定義
做出改變
選擇“發布”以使更改顯示在您的店面中

使用頁面生成器自定義模板主題時，您可以更改多個方面，例如文本大小和顏色。您還可以使用用戶友好的拖放方法添加不同的視覺元素，例如橫幅、輪播和圖像。或者，您可以使用自定義 HTML 塊進行必要的更改。

請記住，您可以保存而不發布更改以顯示在您的店面中。

哪裡可以找到 BigCommerce 模板

找到新的 BigCommerce 模板最簡單的地方之一就是他們的商店。他們有不同的主題風格可以滿足大多數需求，而且許多最受歡迎的風格不會花費您一毛錢！

一些第三方網站還出售與 BigCommerce 兼容的模板。不過，這些模板的價格可能會有所不同，所以如果您選擇這條路線，請準備好花一些錢。

當然，您始終可以為您的商店定制設計模板。這是迄今為止最昂貴的選擇，因此您可能需要先檢查所有其他途徑，然後再研究這一途徑。

如何編輯 BigCommerce 的 HTML 模板

如果您使用的是藍圖主題，則可以通過多種方法來編輯 HTML 模板。要在瀏覽器中編輯實時主題：

前往您的店面
單擊我的主題
選擇編輯 HTML/CSS

在瀏覽器中進行編輯是進行快速、簡單更改的好方法。您在編輯器中保存的任何內容都會立即生效。

如何使用 Stencil 在 BigCommerce 上添加單個自定義模板佈局文件

如果您需要 Stencil 框架內的自定義模板，BigCommerce 也可以讓您這樣做。首先，您需要設置本地副本：

在“templates/pages”目錄中創建自定義子目錄
創建 HTML 模板文件並將其放置在自定義子目錄中
編輯 URL 並將其映射到“.stencil”文件

在本地完成主題創建後，您可以將文件捆綁並推送到 BigCommerce。

其他常見問題解答

如何為 BigCommerce 創建新模板？

您可以安裝 Stencil CLI 在本地自定義模板並將其捆綁起來上傳到商店。

如何更新我的 BigCommerce 主頁？

您的主頁包含小部件和橫幅的組合。您可以選擇啟用或禁用它們。或者，您可以轉到“營銷”，然後轉到“橫幅”，為主頁創建橫幅。

此外，您只需創建一個新網頁並選中復選框，確認您要將其顯示為商店的主頁。

BigCommerce 中的模板是什麼？

模板是 BigCommerce 用來允許用戶選擇使用電子商務模板或完全自定義網站的主題框架。

如何編輯 BigCommerce 主題？

這取決於您使用的主題類型。如果您使用的是舊版藍圖主題，請執行以下編輯步驟：

• 在您的店面中，單擊“我的主題”

• 單擊“編輯 HTML/CSS”按鈕

• 在 Default.html 編輯器屏幕中更改顏色

• 完成更改後，單擊“保存”按鈕

如果您使用的是 Stencil 主題，請按照以下步驟操作：

• 前往店面

• 選擇“我的主題”，然後選擇“自定義”

• 做出改變

• 單擊“發布”以使更改顯示在您的店面中

如何自定義我的 BigCommerce 模板？

您的自定義選項取決於您使用的模板類型。一般來說，您可以轉到“店面”，然後轉到“我的主題”。從那裡，您可以選擇“編輯 HTML/CSS”或“自定義”來進行更改。

不要滿足於普通商店

當然，您可以使用模板來啟動並運行您的商店。然而，您也會面臨它看起來像其他店面的風險。或者更糟糕的是，它可能看起來像您競爭對手的在線商店！

但是，通過一些簡單的調整，您可以自定義您的店面，使其與您的業務一樣獨特。嘗試使用顏色、字體和圖像，直到您擁有一家您可以自豪地稱之為自己的商店。

您定製過 BigCommerce 模板嗎？請在下面的評論部分告訴我們。