WooCommerce：Flatsome 主題評論

已發表: 2022-08-10

卓越而完美的用戶體驗是為電子商務企業建立成功的在線形象的關鍵。 您的客戶多久進入一次您的網站、因執行其他任務而分心或因年齡佈局混亂而放棄您的商店？

據統計，38% 的網站訪問者由於內容和頁面佈局不吸引人而停止與網站互動。 因此，通過吸引人且直觀的頁面設計來吸引客戶的注意力並提供優質體驗對於確保客戶保留和增加銷售額非常重要。

您商店的主題是幫助吸引訪問者興趣並幫助他們進行頁面導航的重要元素。 雖然您可以為您的 WooCommerce 網站從多個主題中進行選擇，但選擇一個能夠提供出色性能、提供高定制能力並促進用戶體驗的多功能主題是您提供優質體驗所需要的。

本文回顧了一個如此重要的主題——Flatsome WordPress 主題。 我們將從它的簡要概述開始，了解它的界面、功能、優勢和成本，以幫助您確定它是否是您電子商務商店的正確選擇。 我們走吧！

Flatsome：簡要概述

Flatsome - 2013 年發布的多功能響應式 WooCommerce 主題，是 ThemeForest 上評分最高和最受歡迎的主題之一。 幾天后，它將在 ThemeForest 上達到 200,000 銷量。

UX 主題設計和開發了易於使用和定制的 Flatsome 主題——非常適合非編碼人員和初學者。

Flatsome 3.15.6 是該主題的最新版本，與之前的 Flatsome 3.0 版本相比，它包含更多的功能和選項。 此外，該主題提供高性能和可靠性，並專為可擴展性而設計。

此外，它還帶有未來的更新，並與 WooCommerce 無縫集成。 讓我們從安裝和設置的 Flatsome 主題回顧開始。

Flatsome 安裝和設置

當您安裝 Flatsome 主題並在 WordPress 後端儀表板上打開它時，您將進入此頁面。

在這裡，您需要單擊設置嚮導按鈕 - 這將引導您完成開始並在您的 WooCommerce 商店上設置主題的過程。

您可以跳過設置嚮導並單擊“不是現在”按鈕。 稍後要重新啟動並設置它，請轉到 WordPress 儀表板上的 Flatsome > 設置 > 嚮導。

或者，您可以點擊“走吧！” 按鈕開始設置。 單擊此按鈕後，輸入購買代碼以註冊您的主題，然後單擊“註冊”按鈕。

該設置允許您創建自己的子主題- 這將保存您在主題更新時所做的任何更改或修改。

接下來，設置要求您安裝多個插件，包括：

  • WooCommerce
  • 聯繫表格 7（必填）
  • Nextend Google Connect（必需）
  • Nextend Facebook 連接（必需）
  • 無限側邊欄 Woosidebars（必需）
  • 重新生成縮略圖（必需）
  • YITH WooCommerce 願望清單（必填）

您可以暫時跳過此步驟，也可以稍後從 WordPress 儀表板確定要安裝的插件。 或者，您也可以選擇安裝插件的替代品，例如 WPForms，而不是 Contact Form 7。但是，在不立即安裝這些插件的情況下，主題仍然可以正常運行。

然後，您可以創建網站的演示內容——尤其是當您在沒有內容的全新網站上安裝和使用主題時，以後可以更輕鬆地根據自己的喜好自定義和編輯內容。 或者，如果您使用的是現有網站，則可以跳過此步驟。

接下來，上傳您的預設徽標，選擇預設設計，通過支持，並完成 Flatsome 設置。

因此，設置 Flatsome 主題非常快速和簡單，因為它可以直觀地引導您完成這些步驟，並允許您在需要時跳過某些步驟。

所以，現在我們已經了解瞭如何設置主題，讓我們進入 Flatsome 的功能和設計。

WooCommerce 的頂級 Flatsome 功能

要使用 Flatsome 進行編輯，請轉到Pages > Add New ，然後單擊下一頁上的使用 UX Builder 進行編輯。

您將登陸此頁面。

讓我們一一看看Flatsome提供的所有功能：

  1. 直觀的界面

Flatsome 帶有無縫界面，使添加和刪除您選擇的元素更容易。

當您單擊“添加元素”按鈕時，您會在邊欄中看到多個元素選項——包括佈局、內容和商店。

您可以從各種元素中進行選擇，例如部分、行、滑塊、網格、頁眉、塊、堆棧、圖像、圖標、搜索框、價格表、圖庫和投資組合。 此外，您可以在此處瀏覽所有 Flatsome 元素。

此外，該主題具有高度響應性——讓您只需單擊一下即可預覽您網站的手機、平板電腦和桌面版本。 例如，只需單擊右側邊欄上顯示的圖標即可在不同設備上預覽您的電子商務商店，如下所示。

  1. 廣泛的主題設計選項

您商店的設計是吸引訪客的關鍵方面之一。 它越有創意和簡單，訪問者就越想停留並與您的網站互動。

如果您沒有準備好自定義頁面設計，Flatsome 提供了許多具有優質品質的有吸引力的預製設計模板。 所有主題的顏色、塊位置、圖標、圖像大小和背景設計都非常出色且吸引設計。

  1. 標題生成器和前端編輯器

Flatsome 通過其Header Builder 提供了出色的標題自定義選項。

當您轉到外觀並單擊商店 WordPress 後端上的自定義選項時，您可以看到幾個自定義選項，包括標題、樣式、博客和佈局，如下所示。

單擊“標題”菜單可為您提供直觀的拖放標題構建器，以根據您的要求自定義標題。

您可以使用拖放編輯器調整菜單的位置，並通過按鈕、搜索表單、垂直菜單和自定義 HTML 代碼輕鬆添加任何內容。 此外，編輯器還允許您調整樣式，包括高度、寬度和顏色。

您還可以通過標題生成器編輯器預覽自定義標題的桌面、移動和平板電腦版本。

電子商務商店 Work Sharp 是使用 Flatsome 主題的網站的一個很好的例子。 他們有一個簡單、時尚的標題和小的懸停動畫菜單——給網站的主頁一個交互式的用戶體驗。

  1. 用戶體驗生成器

就像 Avada 帶有自己的實時頁面構建器一樣，Fusion Builder – Flatsome 帶有 UX Builder。

它使您可以輕鬆編輯網站的各個元素並立即在您的網站上查看實時更改。 這個構建器帶有 36 個不同的內容元素——包括標題、滑塊、部分和產品。

在這裡，您可以輕鬆自定義內容的文本、字體大小、對齊方式和顏色。

只需單擊您希望自定義的特定元素，並根據需要更改其文本、對齊方式或大小。

  1. 公寓式工作室

Flatsome 主題最出色和最值得注意的功能之一是其Flatsome Studio。 這是一個包含大量免費圖像、部分和預先設計的佈局的數字圖書館——您只需單擊一下即可導入。

您可以從數百個元素和模板中選擇電子商務、頁腳、網格、營銷活動、聯繫人和推薦等部分。

例如，羅馬尼亞軟件開發網站 Infobest 使用 Flatsome 來設計其網站。 他們使用 Flatsome Studio 庫中的主題推薦模板在其網站上顯示客戶評論並提高品牌可信度。

  1. 內置滑塊元素

內置的滑塊元素是另一個重要的前端編輯器功能，可以更輕鬆地在您的網站上添加帶有懸停效果和動畫的幻燈片。

您可以將橫幅、圖像和網格中的任何內容添加為幻燈片——每張幻燈片都有疊加顏色、動畫、標題和懸停效果。

您可以輕鬆自定義滑塊的導航、自動滑動和高級設置。

  1. 搜索引擎優化

您網站的速度和性能在您網站的搜索引擎優化 (SEO) 性能中起著至關重要的作用。 您的電子商務商店加載所需的時間越長，跳出率越高，您的網站在搜索引擎上的 SEO 排名就越低。

因此，選擇提供多用途功能以及更快速度和性能的主題很重要。

Flatsome 帶有一個輕量級的 CSS 和 JavaScript 框架——非常適合確保更快的頁面加載速度。 此外，它在所有圖像和背景上使用智能延遲加載- 使圖像僅在需要時加載，再次使您的網站加載速度更快。

此外，該主題將其視差效果和 CSS 動畫保持在至少 60 fps - 使網站流暢且高性能。

  1. 靈活的造型選擇

導航到外觀 > 自定義 > 樣式菜單，您可以調整網站的顏色和排版或添加自定義 CSS——從無限的顏色選項和 700 多種 Google 字體中進行選擇。

此外，您還可以使用增強的自定義和样式選項自定義您網站的頁腳、博客、菜單、頁面和小部件。

  1. 支持和文檔

Flatsome 通過在線文檔、高級電子郵件支持、視頻、功能請求以及使用該主題的用戶訪問 Flatsome 社區提供可靠的幫助和支持。

您可以通過導航到後端 WordPress 儀表板上的Flatsome > 幫助和指南來訪問此支持。 您還將獲得 6 個月的 UX 主題專用支持以及未來更新。 此外，您可以將此支持延長最多 12 個月，但需額外收費 17.63 美元。

這是廣泛的 Flatsome 支持的鏈接：

  • Flatsome 的 YouTube 頻道上的視頻教程
  • Flatsome 知識庫中的大量文章
  • 可通過 Themeforest 獲得在線支持
  • 用於查看不同用例並從中獲取靈感的 Flatsome 示例

因此，每當您遇到任何困難時，您都可以藉助這些支持渠道中的任何一個來立即解決您的疑問。

其他扁平特徵

以下是其他重要的 Flatsome 功能列表，使其成為最受歡迎的 WooCommerce 主題之一：

  • 使用您最常使用的元素創建自定義塊，並在任何帖子或頁面上使用簡碼顯示這些塊 - 一種方便且省時的解決方案。
  • 輕鬆設計結帳頁面的能力。
  • 快速瀏覽類別頁面以查看產品。
  • 從類別頁面添加到購物車選項。
  • 產品頁面的QuickZoom功能。
  • 顯示沒有價格的產品的目錄選項。
  • 類別列表的不同過濾器選項和佈局選項。
  • 實時搜索選項允許訪問者在鍵入時查看並找到他們正在尋找的內容。
  • WPML 準備好了。

您還可以查看新功能並閱讀 Flatsome 3.14 和 Flatsome 3.13 版本的新變更日誌。

Flatsome定價審查

Flatsome 主題的常規許可證單個站點的費用為 59 美元（不含稅）。

如果您想將主題用於多個網站或多個用戶，它的擴展許可費用為 2950 美元。 它還針對 12 個月的支持延期收取 17.63 美元的額外費用。

結論：你應該選擇Flatsome嗎？

鑑於其無縫的 WooCommerce 集成、SEO 優化設計、廣泛的元素和靈活的樣式選項，您絕對應該為您的 WooCommerce 商店考慮 Flatsome 主題。

它的界面和前端構建器也非常易於使用和理解。 是的，熟悉所有元素和功能需要一些時間和一些學習曲線。 但是，一旦您熟悉了界面，就沒有回頭路了。

因此，無論您是初學者還是熟練的 Web 開發人員，都可以查看並選擇價格合理、用戶友好且以性能為導向的 Flatsome 主題，以輕鬆構建具有專業外觀的電子商務商店。