BigCommerce:藍圖與模板

已發表: 2018-02-15

藍圖和模板之間的重要區別

BigCommerce 是一個出色的平台,可為客戶提供出色的功能,新的 Stencil 平台也不例外。 儘管 Stencil 確實擁有比藍圖更多的選項,但重要的是要認識到藍圖上的一些功能在 Stencil 上不可用,反之亦然。 在從一個框架跳到另一個框架之前,您需要了解哪個框架更適合您的業務。

1Digital Agency 喜歡 BigCommerce 的一切,我們知道如何導航平台以最大限度地優化您的網站。 儘管 Stencil 和 Blueprint 是相似的系統,但結帳頁面和最小推薦圖像尺寸(以及更多)的差異使它們在某種程度上是獨立的實體。 當我們重新創建您的商店時,我們會盡量忠實於原始設計,但升級到新框架可能意味著您需要習慣一些變化。

在深入了解 Stencil 之前,請通讀本文以更好地了解這兩個框架之間的差異。

框架之間差異的概述

正如 BigCommerce所說,Stencil 將承擔 Blueprint 必須提供的大部分主題組件。 這些是可轉移的組件:

  • 產品/SKU
  • 類別
  • 促銷規則
  • 產品圖片
  • Google Analytics(分析)仍可用於您的新主題
  • 商店標誌

任何類型的高級定制都可能會導致傳輸問題,包括:

  • 代碼注入到您的標頭中
  • 結帳自定義
  • 店面應用集成

你會失去什麼?

使用 Stencil 進行開發可能需要更長的時間,但對 Stencil 代碼進行更改可能是一個更安全的過程,因為您可以下載主題文件,進行所需的編輯,然後重新上傳並發布您的更改。 擁有可以輕鬆瀏覽平台的開發人員很重要,否則,您通常會延長開發過程。 幸運的是,1Digital Agency 精通 Stencil 和 Blueprint,因此我們可以幫助您滿足 BigCommerce 的所有需求。

如您所見,您不會為過渡做出太多犧牲,但您可能更喜歡藍圖的一些關鍵元素。 在做出決定之前考慮這個因素很重要。 由於頁面加載時間過長,BigCommerce 禁用了 Blueprint 仍在使用的 Stencil 的多項功能。 以下是一些關鍵變化:

在客戶從類別頁面將產品添加到他們的購物車後,“添加到購物車”確認彈出窗口將不再存在於 Stencil 上。

名稱字段將不是 Stencil 主題的一部分。

Blueprint 和 Stencil 之間也將發生一些關鍵的產品頁面更改:

Stencil 主題將不提供“按類別查找類似產品”部分。

您還必須告別產品點擊時的燈箱功能。

“添加到購物車”確認彈出窗口仍然存在於 Stencil 上,但看起來更像這樣:

系統頁面也將通過 Stencil 主題進行集成。 看看這個例子

你會得到什麼?

儘管這些變化看起來很多,但與 Stencil 所包含的好處相比,它們顯得蒼白無力。 您將能夠在 Blueprint 上做大部分相同的事情,並享受許多使 Stencil 成為許多人首選框架的額外功能。 BigCommerce 真的一針見血,我們很高興向您展示 Stencil 可以為您的網站和您的業務做的所有奇妙的事情。

兩個平台之間有很多功能完全相同,因此您不必擔心完全熟悉。 您仍然可以在現有網站上預覽新主題(儘管免費主題只能通過 Stencil 主題編輯器查看),並且您無需重新編碼任何產品。 您的 SKU 也會轉移。 但是請注意,儘管您保留了購買的藍圖主題並可以訪問它們,但您無法訪問藍圖市場。

Stencil 受益於 AMP,該功能不僅可以提高您網站的加載速度,而且實際上會提高您在 Google 上的排名。 使用 Stencil,您的開發人員還可以在您的網站上實際實施之前進行您可以概覽的修改。 這對站點開發非常有幫助,並且使 Stencil 相對於 Blueprint 具有顯著優勢。 使用模板主題編輯器簡化了許多需要在藍圖上自定義 HTML/CSS 的不同功能,包括:

  • 將信任印章添加到您的結帳頁面
  • 在頁腳中顯示付款圖標
  • 將 GeoTrust SSL 印章添加到商店的頁腳
  • 在頁腳中切換“由 BigCommerce 顯示”
  • 將非 Google Analytics 跟踪代碼添加到您的結帳頁面

模板主題編輯器還使以下主題配置比藍圖更容易,藍圖必須在商店設置中進行配置:

  • 主頁上顯示的博客文章數
  • 首頁顯示的特色產品數量
  • 首頁顯示的新產品數量
  • 主頁上顯示的最受歡迎產品的數量

Stencil Theme Editor 創建了一個環境,​​您可以在其中更改店面屬性而無需任何編碼。 聽起來不錯? 這是! Stencil 在主題方面的能力肯定超過了 Blueprint 的能力。 在主題市場中,您可以使用兩個免費主題,一個有 3 個變體,另一個有 4 個。您可以在商店中預覽主題並按特色變體和行業過濾主題。

Stencil 主題適用於各種目錄大小、促銷、垂直和內容。 設計完全響應並*屏住呼吸*針對台式機、平板電腦移動瀏覽器進行了優化。 此外,優化的移動結賬結構旨在降低您的購物車放棄率。 它是唯一提供開箱即用的瀏覽器同步(您可以在平板電腦、移動設備和台式機上查看更改)、以開發人員喜歡的語言(YAML 約定、Sass/SCSS、Handlebars)進行開發和靈活的託管平台本地主題開發,允許您的開發人員對您的店面進行更改,而不會中斷您的實時商店。

1Digital 如何提供幫助

無論您為網站選擇哪種框架,1Digital Agency 都可以幫助您達到您的標準。 我們精通 Stencil 和 Blueprint,自 2012 年成立以來,我們一直與 BigCommerce 合作。如果您在數據遷移、網站建設或任何與 BigCommerce 相關的方面需要幫助,1Digital 是您問題的答案。 憑藉專業的設計師和開發人員,我們為來自不同行業和背景的眾多客戶創建了精美的網站。 如需更多信息,請隨時與我們聯繫。 我們很樂意為您的網站提供應有的提升。

標籤: bigcommerce Bigcommerce 模板電子商務中的藍圖變化費城 網站設計網站設計Stencil網站設計