BigCommerce主題與框架選擇教程

2020-12-13 雨果網

在當今的數字世界,消費者比以往任何時候都更容易分心。

通常情況下,買家訪問了一個網站,但卻因為要出去辦事或忘記發送電子郵件而放棄了購物車。

為此,品牌需要從一開始就抓住顧客的注意力,而不是與忙碌的消費者生活方式作鬥爭。如何成功呢?一切盡在網站設計中。

如果一個網站的內容或布局不吸引人,38%的訪問者會停止瀏覽。

在創建或優化網站設計時,你需要考慮成本、定製和靈活性、UX功能和總體設計管理。

電商主題和框架已經成為在線品牌探索的熱門渠道。這些解決方案提供了預先設置的設計和功能,可以進行定製,為你的企業提供好的品牌體驗。

什麼是電商主題?

電商主題是一個預先建立的在線商店設計,以供品牌安裝在他們的電子商務網站,為客戶提供好的用戶體驗。

使用電商主題對在線企業來說是一個負擔得起的選擇,因為它們可以消除網站設計和開發成本。

如果你想在不學習大量代碼或僱傭代理商的情況下創建一個美觀的、UX友好的網站,電商主題或許是一個很好的選擇。

並非每個網站模板都是用相同的方式構建的。當選擇適合你的業務的設計時,需要查看以下特性:

●響應式電子商務;

●產品頁面功能(例如交叉銷售和追加銷售功能);

●自動更新購物車;

●美觀、現代、簡潔的設計。;

●移動優化;

●自定義選項(例如頁面構建器、附加組件、翻譯功能);

●客戶支持;

●可負擔性(例如免費主題與付費主題)。

什麼是主題框架?

如果你有預算和資源來開發自己的網站設計,主題框架可能更適合你。

主題框架為主題設計開發人員在創建自定義主題時提供了一組標準。

簡單地說,框架是一組特性和功能,是為幫助開發過程而創建的。一旦開發了主題框架,用戶就可以創建子主題以便進一步完成自定義定製。

主題和框架之間最大的區別是:

●主題——可以立即安裝並使用功能。

●框架——需要進一步的開發和自定義。

那麼,要如何使用框架呢?

框架被打包在一個單獨的文件夾中,開發人員將在其中放置新的父主題並將其加載到框架中。一旦開發了主題框架,用戶就需要創建包含所有定製的子主題,這樣設置可以同時更新框架和父主題。

Stencil:BigCommerce主題框架

BigCommerce了解一個品牌想要在競爭中脫穎而出的願望,因此提供了主題框架。

Stencil為商家和開發人員提供了響應式電子商務模板選擇或構建完全自定義網站的選項。

有了這個工具,你可以在任何設備上創建一個在線商店,吸引消費者並提高轉化率。該工具採用強大技術,現代設計標準、轉換和SEO構建,使你的電商網站可以脫穎而出。

使用主題和框架的優勢和注意事項

主題和框架可以幫助你更輕鬆地管理在線業務,但是它們也有一些限制。

利用主題和框架的優勢

1、輕鬆建設網站

主題和框架使網站建設更加容易。你可以訪問配色方案、多用途主題、響應式設計、拖放頁面構建器、谷歌字體、可視化編寫器、社交媒體集成等等。此外,你可以在預先設計的網頁(如網頁布局)的幫助下,在任何時間構建著陸頁面。

2、具有成本效益

許多電商主題是免費的,其他主題的價格也很低。有了易於使用的工具,你的電商業務主題可以節省時間和金錢。此外,當你想要更新網站外觀時,你不需要花費更多的時間和金錢去做這些改變。

3、選擇範圍廣

你想要尋找一種設計,提供用戶想要的UX功能,但也符合你的品牌基調和信息?幸運的是,有許多主題選項可供選擇。

如果你打算把網站設計和內容放在電商平臺上,BigCommerce主題和BigCommerce模板是一個很好的開始。如果你正在使用CMS,電商WordPress主題是另一個不錯的選擇。

4、自動更新

使用主題或框架構建你的網站設計可以確保自動更新,因此你可以隨時掌握技術、現代設計標準、轉換和SEO的實踐,而無需考慮或花費太多時間。和自定義開發相比,這更具優勢,因為沒有人喜歡過時的設計。

主題和模板注意事項

1、避免與競爭對手網站相似

通過選擇一個通用的主題,你將冒著與競爭對手相似的風險。正如前面提到的,每個主題和框架都是不同的,在選擇主題或框架時,請密切關注自定義功能。

2、自定義限制

實現預構建的設計解決方案有其局限性。根據主題或框架的不同,你可能會受到特定UX功能的限制。在創建在線商店之前,請務必了解主題或框架的功能。

何時應該進行自定義開發?

主題和框架並不適合所有人。根據你的業務需求,你可能需要進行自定義開發。

如果你想要從未見過的獨特設計,那麼你可能需要聘請開發人員或設計機構從頭開始創建定製編碼的解決方案。

如果你的業務有很多複雜性,那麼進行自定開發可能是值得的。通過這種方式,你可以獲得客戶所需的定製功能和營銷特性。

但是,自定義開發應該是你的最後一個選擇。因為它不僅成本高,而且需要更多的開發知識——比如ajax、css、rtl和html5。

主題或框架可以為你節省金錢和時間,同時為你提供支持你在線商店所需的特性和功能。

如何為你的在線商店選擇正確的主題或框架?

在為你的在線商店選擇正確的主題或框架時,你需要考慮以下幾個因素。

沒有兩個主題是相同的,所以你要做廣泛的研究。

1、確定基本的UX特性

僅僅依靠美觀的網站無法流量轉化,因為今天的消費者希望在網上購物時擁有先進的用戶體驗功能。

對於你的企業來說,基本的UX特性是什麼樣的?

以下是一些你的設計應該具備的特性:

●移動響應功能;

●簡便結帳;

●交叉銷售和追加銷售功能(例如熱銷產品、推薦商品);

●全寬設計,採用乾淨的代碼構建;

●快速加載時間(在任何設備上);

●與電子商務插件的兼容性;

●引導導航和搜索(例如超級菜單)。;

●產品細節變化功能。

2、考慮內容營銷策略

一旦有了UX特性,你需要考慮內容策略。

你可能會想:「為什麼這對我的網站設計很重要?」

了解你將在站點上展示什麼類型的內容,將幫助你的企業確定什麼主題或框架最適合它。

以下是一些需要考慮的內容材料:

●用戶生成內容;

●博客文章;

●社交媒體;

●產品圖片和視頻;

●特色圖片。

3、研究競爭對手的網站

通過研究競爭對手的網站,你會得到兩個結論。首先,你將了解你的行業需要哪些特性。其次,你可以學會應該遠離的不良內容。

使用競爭對手的知識來選擇一個主題或框架,使你能夠為品牌自定義最終的用戶體驗。這種需求使得BigCommerce模板成為業界強大的工具之一。

4、在何處託管主題或框架?

當涉及到託管你的主題或框架時,你有兩個選擇:

●在電子商務平臺上託管;

●在內容管理系統(CMS)上託管,如WordPress。

根據你自身情況選擇使用平臺或CMS。

提供主題和框架的主流電子商務平臺有BigCommerce、Shopify、OpenCart和WooCommerce。

說到CMS,WordPress電商主題是非常受歡迎的。

記住,當你使用WordPress時,你需要把它和電商功能結合起來——比如BigCommerce或者WooCommerce。BigCommerce將為你託管站點,而WooCommerce要求你投資於託管服務(例如BlueHost)。

5、緊跟用戶體驗設計的趨勢

在選擇電商主題或框架時,需要確保你的品牌處於UX設計趨勢的前沿。

你不必去挖掘這些信息,這就是為什麼BigCommerce可以讓你很容易地發現網站設計的趨勢,並且總是讓你保持更新的原因。

如果你正在尋找競爭對手的研究或其他網站設計靈感,Ecomm.designis是另一個很好的資源。你可以根據平臺、類別、技術和流量進行篩選。在這裡,你可以了解是什麼技術或功能驅動你所喜愛的設計。

BigCommerce主題推薦

BigCommerce商家可以訪問許多免費和付費的主題,例如:

1、Cornerstone

Cornerstone是BigCommerce較受歡迎的主題,也是許多新商戶的起點。主題有三種風格:Light、Bold和Warm。這個免費的主題為銷售和折扣、產品目錄、多用途以及行動裝置、平板電腦和桌面進行了優化。

Cornerstone Bold

Cornerstone Light

Cornerstone Warm

Cornerstone是完全響應性的,包括複雜的搜索過濾、可自定義的產品篩選器、購物車產品建議、免費的客戶支持、高級快速視圖、定製的單頁結帳、超大導航、砌體設計、谷歌AMP、帳戶支付方法、谷歌分析增強電子商務、店面CSRF保護等功能。

2、Fortune

Fortune是一個突出的免費主題的網上商店,是品牌與中小型目錄。主題有四種風格:Minimal、Bright、Contrast和Highlight。

Fortune Minimal

Fortune Bright

Fortune Contrast

Fortune Highlight

3、Vault

Vault也是一個免費的主題,具有商店設計功能,比如可以靈活地在主頁上添加圖片和文本橫幅,而無需修改代碼。這個主題對於廣泛的產品目錄來說是一個很好的選擇,它的功能非常多,可以同時處理小目錄和大目錄,同時保持時尚和現代的設計。這個自由的主題有三種不同的風格:Cool、Bright和Natural。

Vault Cool

Vault Bright

Vault Natural

4、Scales

Scales配備了創新的設計,確保賣家能夠跟上業務增長,它體現了設計功能與站點功能之間的平衡。這一付費主題適合雄心勃勃的創意人士和自定義品牌。它是為Pixelpop、多用途、移動、平板電腦和桌面優化。Scales有四種風格:Chic、Pop、Modern和Minimal。

Scales Chic

Scales Pop

Scales Modern

Scales Minimal

5、Parts Warehouse

由於其靈活和功能豐富的設計,Parts Warehouse對於從初創階段到企業級別的任何品牌來說都是一個非常棒的主題。付費主題有四種風格可供選擇:Classic、Light、Dark和Champion,並可以對家庭和花園、汽車和工業、電子和電腦、體育和娛樂行業進行優化。

Parts Warehouse Classic

Parts Warehouse Light

Parts Warehouse Dark

Parts Warehouse Champion

6、Lookbook

Lookbook可以將你的產品攝影提升到一個新的水平。使用雙列產品網格吸引客戶眼球,突出顯示詳細的產品照片。這個付費主題包括一個固定的標題和嵌套的導航,以保持訪問者在瀏覽網站時很好地控制。有4種風格可供選擇:Standard、Organic、Dark和Colorful。Lookbook對於時尚商店和生活方式品牌來說都是很棒的選擇。

Lookbook Standard

Lookbook Organic

Lookbook Dark

Lookbook Colorful

7、Geneva

Geneva以其引人注目的現代設計展示了頂級產品和精心策劃的精品系列。這個付費主題通過突出你的產品(加上它們的高質量圖片)來幫助講述你的品牌故事。Geneva有四種風格:Bold、Grey、Pastel和Colorful。

Geneva Bold

Geneva Grey

Geneva Pastel

Geneva Colorful

8、Runway

Runway是一個畫廊主題,為商店提供獨特的風格。利用全寬圖像,整潔的側邊欄導航和旨在邀請客戶參與的主頁功能。這個付費主題有4種風格:Bold、Minimal、Warm和Bright。

Runway Bold

Runway Minimal

Runway Warm

Runway Bright

9、Capacity

Capacity提供可自定義的超大導航、精細的產品過濾,和一個獨特的模塊化幻燈片領域。這個付費主題有4個風格:Bright、Clean、Cooland和Warm。

Capacity Bright

Capacity Clean

Capacity Cool

Capacity Warm

10、Atelier

Atelier能讓你的業務在網上脫穎而出,通過獨特的導航菜單和華麗的主頁產品網格,為全寬圖像提供服務。它有4種風格:Minimal、Bright、Classic和Modern。

Atelier Minimal

Atelier Bright

Atelier Classic

Atelier Modern

WordPress的BigCommerce可以使用哪些主題?

通過BigCommerce for WordPress,內容優先品牌及其開發人員可以通過單個插件直接在WordPress平臺上構建和管理商務體驗,從而提高店面性能並簡化店面管理任務。

在網際網路上有無數WordPress主題出售,因此很難知道哪一個主題會給你帶來品牌成功所必需的功能、設計和特性。為了讓情況更簡單,這裡有4個WP主題,它們都可以與BigCommerce兼容。

1、StudioPress的Essence Pro

由StudioPress創建的Essence Pro為健康和生活方式領域的品牌提供了一個美觀、整潔的設計。為了簡單起見,該主題構建了一系列功能,使客戶可以很容易地將注意力集中在你的產品上。

2、Kona

Kona具有流暢的用戶體驗。憑藉獨特的功能和特性,Kona可以幫助你的品牌從競爭對手中脫穎而出。

關鍵功能包括一鍵演示導入、實時Ajax搜索、心願單選項、響應式布局、視網膜優化、Adobe Typekit字體、多語言和貨幣切換、時事通訊集成、視頻支持、出色的性能、流暢的動畫、易於使用的頁面構建器(與新的WordPress Gutenberg可視化編輯器兼容)以及24小時內的支持。

3、Tonda

Tonda為在線商店、零售商和手工匠提供了美觀的設計和強大的網站功能。

有了這個高級主題,你將發現許多自定義選項和功能,比如用戶儀錶板、訂單跟蹤和快速視圖,以及附加的博客布局,這樣你就可以在自己的電商網站上執行營銷策略。

4、Shopkeeper

Shopkeeper是一個完全響應的高級WooCommerce主題,它與WordPress上的BigCommerce合作,展示了一個投資組合、待售產品,或者兩者兼而有之。憑藉超過25000個終身銷售,Shopkeeper是一個具有本地站點功能的主題,與Elementor兼容,頁面設計易於使用,具有拖放功能和訪問無限的顏色。

為什麼BigCommerce商家要使用主題和模板?

1、Ichiban Toys

使用BigCommerce模板,Ichiban Toys能夠在很短的時間內完成急需的升級。

Ichiban Toys負責人表示:「在過去的幾個月裡,我們換了一個新的模板主題。同時保持我們所享受的偉大的搜尋引擎優化,我們可以推出一個新的網站,顯示我們在業務的新重點。因為我們所有的客戶和產品數據都在系統中,所以我僅用了不到1天的時間來設計和發布!」

2、Boxhill

Boxhill通過升級到一個BigCommerce主題,改變了他們的電子商務戰略。

BoxHill負責人稱:「升級到BigCommerce設計的主題對我們來說是一個正確的選擇。我們現在可以完全控制商店的微小調整,並且我們的客戶也注意到了。我們發現,由於新的設計,廣告更傾向於推廣我們的商店,過去拒絕我們的供應商現在因為改進的專業外觀而與我們合作,我們的銷售額增長了320%!」

3、Revelry

網站速度、用戶體驗功能和設計是Revelry的所有者和創始人 Michelle DeLoach的3個優先事項。在切換到BigCommerce模版後,DeLoach創建了一個不需要編碼的電子商務商店。

DeLoach說:「作為一名設計師,我非常注重美學,這直接體現在我們商店的外觀上。當我們切換到BigCommerce模板時,我們的站點的加載時間變得更快,而且幾乎是即時的,這對我們的客戶來說非常重要。」

常見問題解答

並不是每個主題或模板都是相同的。以下是關於電商主題的常見問題的答案。

1、什麼類型的企業需要使用主題和模板?

任何商業類型或規模都可以使用電子商務主題或模板,為你的業務找到合適的主題或模板的關鍵是查看伴隨它而來的特性和功能。

2、價格範圍是多少?

電子商務主題和模板的範圍從免費到300美元左右不等——不包括自定義。

3、電商主題和模板會自動更新嗎?

大多數電商主題和模板都帶有自動更新功能。但是,在購買之前你一定要做好調查,了解這些更新發生的頻率以及它們將如何影響你的站點性能。

4、關於客戶和技術支持

BigCommerce提供全天候的專門支持。

5、所有主題和模板都是可移動響應的嗎?

目前開發人員創建的大多數主題和模板都是移動響應的。

6、可以預覽不同的主題和模板嗎?

可以預覽。但是要知道演示或預覽過程可能會有所不同,你應該始終能夠完成現場演示,有些主題甚至允許你自定義網站的某些部分以便更好地進行預覽。

7、是否可以在未來將相同的主題或模板轉移到不同的電商平臺?

如果你的主題與你的電商平臺或內容管理系統兼容,答案是肯定的。如果不是,你將被要求選擇一個新的主題或模板。

8、切換到新的主題或模板是否很困難?或者完全轉向自定義設計?

切換到一個新的主題或模板可能非常簡單。如果你使用的是自定義編碼的方法,那麼需要做更多的工作來啟動和運行主題和模板。

總結

今天的消費者期望在客戶旅程的每一個階段都有一個優化的用戶體驗——加上創新的特性、功能和漂亮的設計。

這意味著一件事:電子商務主題和模板在你的在線商店的成功中發揮著比以往任何時候都重要的作用。

(來源:跨境峰哥)

以上內容屬作者個人觀點,不代表雨果網立場!本文經原作者獨家授權供稿,轉載需經雨果網授權同意。

相關焦點

  • woocommerce電商主題推薦:woocommerce有哪些電商主題值得一用?
    我們都知道woocommerce 是可以集成到wordpress的一個很好用的插件。可以幫你用wordpress建成一個電商平臺。接下來就為您介紹這6款頂級的WooCommerce主題: 1.Flatsome Flatsome是ThemeForest的第一暢銷WooCommerce WordPress主題。它提供了大量優秀且實用的功能,最重要的是他提供了所有WooCommerce最常用的主題特徵。 2.
  • WordPress \ Bigcommerce \ Shoplazza \ Shopyy 建站平臺選哪個?
    Bigcommerce官網:www.bigcommerce.comBigCommerce是澳大利亞的提供託管電子商務解決方案的SaaS平臺,也可作為其他類型網站的購物車。2018年4月,Bigcommerce完成6400萬美元股權融資。由高盛集團(Goldman Sachs)旗下私募投資平臺 Private Capital Investing(以下簡稱「PCI」) 領投。截止目前,Bigcommerce融資總額超過2億美元。
  • BigCommerce是什麼?關於BigCommerce基本內容介紹
    BigCommercecn.com |BigCommerce中文 是一個關於BigCommerce教程的博客網站,致力於幫助那些對BigCommerce有需要的朋友更好的使用這個平臺。本站的系列教程將帶你更加深入的了解BigCommerce是什麼,BigCommerce的費用,以及我們如何使用BigCommerce開始我們的外貿獨立站業務等等。
  • IoT 、big data and data analytics 、E-commerce
    SBL 技術文章之-Applying big dataand data analytics inStrategic Business Leader 在SBL 中運用大數據和數據分析 1、        bigdata
  • woocommerce主題怎麼安裝?如何安裝和篩選 WooCommerce 主題?
    其中最重要的一件事就是您的網站內容,或者使用 WordPress 語言 WooCommerce 主題。這是第一印象! 「如果您想創建一個電子商務商店來在線銷售您的產品,WordPress 是一個不錯的選擇。
  • WooCommerce修改帳單和收貨地址欄位
    在創建教程之前,我嘗試過使用Google進行搜索,並在WooCommerce中找到了關於計費和運送欄位的太多奇怪信息。現在讓我們對此有所了解!WooCommerce中有兩種類型的欄位-計費和運送欄位。在這兩個類別中都顯示了某些欄位,例如名字欄位或國家/地區欄位。
  • An online world: finally accepting the e-commerce way of life
    Shoe stores from Hongkou to People’s Square to Wujiaochang, I realized, don’t stock shoes big enough.I knew my size 47 feet were big, but I didn’t know they were that big.
  • 谷歌框架安裝教程
    因為部分國產機型使用的是「閹割」版的安卓系統,已經刪掉了谷歌框架等非常有用的應用,但部分遊戲可能需要在谷歌框架的環境下運行,下面來教大家安裝谷歌框架。 1、首先你的手機需要ROOT,點擊查看一鍵ROOT教程。
  • 如何讓僅註冊用戶看到woocommerce產品價格?
    現在使用 Woocommerce 插件在 WordPress 做電子商務網站越來越流行了。使用 wordpree 做中文電子商務,woocommerce 也是首選。即使你做 WordPress 淘寶客也可以用 woocommerce 做。因為其提供了外鏈產品連結設置。另外 woocommerce 有支付寶支付和財付通支付的插件。
  • WooCommerce
    Woocommerce外貿獨立站視頻教程4:設置商城基本信息
  • php框架開發:實現最簡單的MVC框架實例教程
    這篇文章主要介紹了php實現最簡單的MVC框架實例教程,講述了MVC框架的運行原理及簡單實現方法,具有不錯的參考借鑑價值,
  • 【教程】學好前端必須要弄懂的框架!(附免費領取方式)
    ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍現在學習前端,一般都會學習Vue 和 React,但是這兩者對於零基礎的小白來說,未免有點難,jQuery就是最好的一個中間過度框架,對「新手」極其友好,學習了jQuery框架的思想,再開始學習Vue 和 React就簡單了。為了讓更多同學能輕鬆學會前端框架,播妞給大家分享一個jQuery框架免費教程。
  • 安卓手機面具root後安裝Edxposed框架或太極陽刷機救磚教程
    如果你已經獲取面具root了,希望激活Edxposed框架或者太極陽,請繼續往下看Edxposed框架和太極陽不要一起用,兩者選其一即可。否則變磚Edxposed框架和太極陽不要一起用,兩者選其一即可。否則變磚Edxposed框架和太極陽不要一起用,兩者選其一即可。
  • Feminine touch to e-commerce
    Our 'Online Silk Road' under the Belt and Road Initiative seeks to promote bilateral trade agreements for cross-border e-commerce.
  • MIUI無第三方recovery刷面具教程及xposed框架
    MIUI無第三方recovery刷面具教程,再次強調,刷面具教程是針對手機沒有第三方recovery而寫,不要沒看教程就說怎麼不直接用第三方recovery刷入,能直接刷入還寫這個教程幹嘛,教程沒內其它內容,不管有無第三方recovery都可參考。
  • 逼格電商:BigCommerce全套開店套餐之成本、權限及福利對比
    據了解,從平臺收費模式的角度考量,Bigcommerce 比較適合大的獨立網站賣家,因為它只是收取每月的平臺使用費用,商家需要自己聯繫付款網關。 對於Shopify 來講,如果使用自己聯繫的付款網關,Shopify 則多收取1%的交易佣金;如果使用Shopify自己的付款網關,就要接受Shopify稍高的信用卡佣金比例。
  • 以太坊Truffle框架搭建一氣呵成無坑版教程
    本文約1600字+,閱讀(觀看)需要15分鐘Truffle框架搭建的教程網上也有好多,但是隨著truffle版本的更新,truffle.js改名truffle-config.js、truffle命令升級、truffle與testrpc埠不一致、瀏覽器錢包插件等問題,導致原有的教程不再適用
  • 【專知-Deeplearning4j深度學習教程01】分布式Java開源深度學習框架DL4j安裝使用: 圖文+代碼
    使用請訪問專知 進行主題搜索查看 - 桌面電腦訪問www.zhuanzhi.ai,  手機端訪問www.zhuanzhi.ai 或關注微信公眾號後臺回復" 專知"進入專知,搜索主題查看。繼Pytorch教程後,我們推出面向Java程式設計師的深度學習教程DeepLearning4J。Deeplearning4j的案例和資料很少,官方的doc文件也非常簡陋,基本上所有的類和函數的都沒有解釋。
  • 從框架優缺點說起,這是一份TensorFlow入門極簡教程
    隨著 TensorFLow 在研究及產品中的應用日益廣泛,很多開發者及研究者都希望能深入學習這一深度學習框架。而在昨天機器之心發起的框架投票中,2144 位參與者中有 1441 位都在使用 TensorFlow 框架,是所有框架中使用率最高的。但 TensorFLow 這種靜態計算圖有一定的學習成本,因此也阻擋了很多初學者入坑。
  • Windows-UI自動化:如何選擇合適的測試框架
    作為移動端UI自動化界的元老和王者,appium幾乎是所有UI自動化測試和UI自動化框架嵌套的首選。那麼這位老牌選手在Windows UI自動化測試上表現如何呢?支持多種控制項wrapper,並定製了不同功能方便使用(例如Combox的直接選擇選項ComboBoxWrapper.Select,直接統計選項個數ComboBoxWrapper.ItemCount等)。【缺點】編程門檻相對高(高於Airtest)。