如何通過 7 個步驟構建 Magento 網站

已發表: 2022-03-24

目錄

建立一個 Magento 網站需要編碼,每個人都知道。 我們已經寫了幾十篇文章,告訴我們有一個可靠的專家來開發您的 Magento 網站是多麼重要。 雖然它仍然是正確的,但它可能不再那麼困難了。 Magento Open Source 2.4.3 的最新版本帶有一個直觀的拖放頁面構建器,也許您可以自己構建一個。

讓我們不要再等了。 我們將帶您通過一些簡單的步驟來獲取 Magento 網站。

輕鬆構建 Magento 網站的 7 個步驟

1.選擇託管計劃和域名

與 Shopify 或 BigCommerce 等 SaaS 平台不同,Magento 等開源平台需要服務器來託管網站。 因此,在開始實際的構建過程之前,我們需要先為 Magento 購買合適的託管計劃。

Magento 2.4.3 的託管要求

Magento 有其特定的系統要求以確保安裝成功以及維持穩定和高性能站點的最佳環境。 重要的是不要忽視這些要求。

您可以在此處查看更詳細的 Magento 2.4.x 系統要求列表。

值得注意的是,從 Magento 2.4 開始,必須有一個名為 Elasticsearch 的搜索引擎和至少 2GB RAM 的內存。

Magento 2.4.3 的良好託管選項

Magento 2.4.3 的最佳託管選擇必須首先滿足上述所有要求。 另外,為了輕鬆構建 Magento 網站,強烈建議提供一鍵安裝。

由於 Elasticsearch 不能在共享託管環境中工作,因此 Magento 2.4 的託管需要更高級的計劃(例如 VPS 託管或專用託管)。 因此,您可能需要為託管 Magento 2.4 網站而不是 2.3 網站支付更多費用。

找到一個有這麼多要求的好的託管解決方案並不容易。 不用擔心,我們已經完成了研究,這裡有適合您的完美選擇:

  • 雲道
  • Hostinger(僅限雲託管)
  • 快彗星
  • 數字海洋
  • 水晶
  • Inmotion託管

獲取域名

域名示例

域名是您網站的唯一鏈接地址,客戶將使用該鏈接地址訪問您的在線商店。 一些託管服務提供商在其軟件包中包含免費域名,而一些(例如 Cloudways、DigitalOCean)則沒有。

您可以從域名註冊商那裡獲得一個域名。 這是我們最喜歡的:

  • 去吧爸爸
  • 夢幻主機
  • 名不虛傳

2. 在你的服務器上安裝 Magento 2.4.3

註冊託管帳戶後,就該建立您的 Magento 網站了。

傳統上,我們需要預先安裝某些軟件,例如 Composer,並且需要大量的編碼技能才能做到這一點。

但是,對於這個簡單的安裝指南,我們將使用上述託管公司之一 - Cloudways 提供的自動安裝功能。

通過使用這種方法,您不需要任何 IT 知識或安裝任何特殊軟件。 一切都可以在您的網絡瀏覽器上直觀地完成。

安裝前的注意事項

由於我們在本指南中使用 Cloudways,因此值得注意的是,這是一項云託管服務。

如果您之前有購買主機的經驗,您可能已經註意到雲主機與傳統主機(基於 Web 的主機)有些不同。

別擔心,這是一個很好的區別。 簡而言之,雲託管將以按需付費模式運行,並在帶寬使用方面提供更好的靈活性。 缺點是雲託管依賴於互聯網連接,這可能會導致不必要的停機。

有關網絡託管和雲託管之間的更詳細比較,請查看我們關於電子商務託管的專門文章。

至於定價,Cloudways 至少需要 4GB RAM 才能使用 Elasticsearch 安裝 Magento 2.4.3。 因此,使用 Cloudways 構建最新版本的 Magento 2 的成本為每月 42 美元。

如果託管定價對您的業務不合理,最好安裝 Magento 2.3。

>> 查看更多:Magento 2 的最佳託管服務提供商

如果您對這個託管選項沒問題,讓我們開始吧。

只需單擊幾下即可構建 Magento 網站。

第 1步:從 Magento 的特定頁面創建一個 Cloudways 帳戶

第 2 步:驗證您的帳戶

STEP 3:完成一些設置選項如下

服務器設置

第 4 步:單擊啟動並等待

第 5 步:檢查您的服務器詳細信息

第 6步:按照以下說明檢查您的應用程序(即您的 Magento 網站)的詳細信息:

檢查magento網站
magento 訪問詳細信息

第 7 步:輸入您的域名

輸入域名

瞧,它完成了。

3.配置商店的基本設置

Magento 提供了 100 多種功能供您在其平台上在線銷售,最好花一些時間探索它們以豐富您商店的功能。

現在,我們將引導您了解每個店主都不應錯過的最佳功能。

讓我們從最基本的開始——您商店的一般信息。 首先,導航到Store > Configuration

有很多設置要做,這裡有一些最重要的:

  • 國家、地點、時區、商店信息。 導航到“常規”下拉菜單下的“常規”選項卡
  • 貨幣選項。 導航到常規>貨幣設置
  • 存儲發送訂單信息時使用的電子郵件地址。 導航到常規 > 商店電子郵件地址
  • 接觸。 導航到常規>聯繫人

4.設置目錄類別

Magento 中的類別組織起來就像一棵有根和許多擴展分支的樹。

  • 根:如果您的網站有多個商店,則根代表每個商店。 根目錄下方的類別集將顯示在頂部菜單導航中。 您可以為每個網站選擇不同的根類別集,以相應地提供不同的頂部導航菜單。
  • 子類:可以從根目錄添加子類,方便您整理店鋪產品。 您可以添加任意數量的子類別。

在你開始之前

在為目錄和產品自定義選項時,您可能會經常在括號中遇到這些術語(商店視圖/商店/全局):

Magento 內容層次結構示例

這是關於 Magento 的內容層次結構。

由於 Magento 在一個域中啟用多個網站並在一個網站中啟用多個商店視圖,因此括號內的內容表示輸入信息將應用於何處:所有網站(全球)或僅商店。

如果您正在創建具有多個商店視圖和網站的複雜商店,請先了解 Magento 的內容層次結構。

如何設置類別目錄

要為 Magento 創建目錄類別,請按照以下步驟操作:

第 1 步:導航到目錄>類別

第 2 步:通過在“範圍”字段中選擇一個選項來確定類別的顯示位置。

Magento 範圍字段
Magento 後端的範圍字段

第 3 步:為您在類別樹中創建的類別選擇一個父類別。

Magento 類別樹
類別樹(照片/ Magento)

對於一個全新的站點,如果您為電子商務站點的菜單導航創建類別,則父類別是根(即默認類別)。

第 4 步:單擊添加子類別

第 5 步:填寫一些基本信息,然後單擊保存

  • 如果您希望該類別立即可用,請將“是”設置為“啟用類別
  • 如果您希望該類別出現在頂部導航中,請將“是”設置為“包含在菜單中

第 6 步:打開內容下拉列表,將圖像和描述添加到類別

  • 減小圖像的大小,以免它們導致您的網站加載緩慢。 一開始你可能想把它做好,這樣你以後就不會浪費更多時間來解決這個問題。
  • 如果您選擇使用默認頁面構建器而不是其他第三方選項來創建您的類別,則可以使用默認頁面構建器來編輯您的類別內容。

第 7 步:打開顯示設置下拉菜單,並配置顯示選項。

在此部分中,您可以選擇是否為您的類別頁麵包含過濾和排序功能。

Magento中的過濾排序
篩选和排序使查找產品更容易

第 8 步:配置 SEO 設置

SEO是搜索引擎優化的縮寫,這是一種讓您的網站在谷歌等搜索引擎的結果頁面中排名靠前的做法。 它是自然流量和客戶的驚人來源。

我們將在本文的後面部分深入了解 SEO。 現在,為類別頁面填寫元標題元描述字段很重要,這樣您就不必在創建了幾十個類別之後再做。

  • 標題:(30 - 60 個字符)您的類別頁面的簡短描述,其中應包括您的客戶在尋找該類別的產品時會在搜索引擎中輸入的關鍵字。
  • 元描述:(135-160 個字符)詳細說明該類別、它比其他競爭對手的優勢、您的報價(例如免費送貨、7 天內退貨等)。

不想寫一堆元標題和元描述? 嘗試一些 SEO 擴展怎麼樣。

5.添加產品

Magento 是一個強大的產品推銷平台,因為它提供了許多內置功能來創建高轉化率的產品頁面。

當您打開 Magento 後端的產品配置頁面時,您可能會發現一些剛開始可能很難獲得的新術語。 一旦你掌握了這些想法,構建產品頁面將變得非常容易。

現在,首先,請導航到目錄>產品,讓我們引導您了解最重要的注意事項:

產品類別

添加產品 Magento

只需單擊“添加產品”按鈕中的小三角形,您將找到產品類型的 6 個選項。 在導入新產品之前選擇產品類型很重要,因為您以後無法更改它

  • 簡單產品:帶有 SKU 的單個商品。 您可以應用多個價格和輸入字段來銷售產品的不同變體。 簡單產品可與可配置產品、分組產品和捆綁產品一起使用。
簡單的產品 Magento

一個簡單的產品非常適合沒有任何變化的項目。

  • 可配置產品:具有可用變體的單個產品,您的客戶可以為每個變體選擇選項。 每個選項都是具有自己 SKU 的簡單產品,這樣可以更輕鬆地跟踪這些產品變體的庫存。
可配置產品 Magento

可配置產品非常適合具有復雜變化的項目。 例如,一件襯衫有多種顏色和尺碼可供選擇。

  • 分組產品:一組簡單的產品。 您可以單獨銷售每種產品,也可以通過特別折扣和優惠促銷您的客戶購買一堆。
分組產品 Magento

例子:一套不同長度的瑜伽帶,一本完整的哈利波特7本書合集

  • 虛擬產品:會員、訂閱、服務、保修等無形產品。 您可以在分組或捆綁產品中包含虛擬產品。
虛擬產品 magento
  • 捆綁產品:一組簡單的產品,就像分組產品一樣。 但是,對於捆綁產品,您的客戶可以選擇從選項列表中自定義捆綁的每個簡單產品。
捆綁產品 magento
捆綁產品 magento

例如:蛋白質棒、麵條和營養粉的禮品籃,買家可以選擇每件商品的口味或大小。

  • 下載產品:客戶可以從您的服務器或您提供的 URL 下載的產品。
可下載的產品 magento

示例:視頻、電子書、禮品卡。

屬性

選擇產品類型後,將出現產品配置彈出窗口,您可以選擇屬性集。

​​​​

Magento 屬性
(照片/ Ubertheme.com)

該屬性為您的產品提供附加信息,支持產品過濾、排序和比較。 Magento 有一些內置屬性,如價格、SKU、名稱等。這些是無法更改或刪除的系統屬性。

不同類型的項目需要不同的屬性集。 例如,相機的屬性可能與它們的品牌、是否包含鏡頭、它們的狀態(全新、二手)等有關。另一方面,鞋子的屬性可能與尺寸、顏色、材料等有關.

Magento 允許您為各種類型的產品創建多組屬性。

您可以通過單擊“添加屬性”按鈕輕鬆創建一個新屬性。 此外,您還可以決定如何使用屬性:是否在分層導航中使用它,用於產品搜索和產品比較。

產品內容和 SEO 選項

就像編輯目錄一樣,您可以使用頁面構建器為您的產品頁面創建內容、上傳照片、編輯產品描述並為 SEO 填寫元標題和元描述。

請記住在上傳之前減小圖像大小以獲得更快的網站。 此外,您應該在後面的部分中參考我們的頁面 SEO 實踐來編寫產品描述,以吸引更多客戶訪問您的網站。

產品推薦

產品推薦 magento

Magento 允許您添加相關產品以進行追加銷售和交叉銷售。 不要跳過這部分,這可以提高您商店的參與率和訂單價值。

6. 設置稅務、付款和送貨

稅收、付款和運輸對於您的客戶在您的 Magento 網站上完成交易至關重要。 讓我們為這些配置選項以創建流暢的結帳體驗。

稅收選擇

使用 Magento,您可以控制適用於特定客戶群、產品類型和交付方式的稅款。 例如,稅可能不適用於您的批發商集團,但適用於您的零售商集團。

同樣,不同產品類型的稅率可能不同。

以下是您應該進行的一些與稅務相關的設置

  • 設置稅率和區域

由於不同的地理區域可能適用不同的稅率(例如,一個州不對藥品徵稅),此工具可讓您方便地設置不同地點的稅費。

查找商店>>稅區和稅率以開始編輯。

您可以添加、編輯或刪除任何稅率。 要定義稅率,您可以輸入稅率、稅號、國家、郵政編碼和應用的州。

有關分步說明,請參閱 Magento 的官方稅務指南

  • 創建稅收規則和稅收類別

稅收規則允許您將特定稅率應用於客戶稅級和產品稅級的組合。 例如,為購買應稅商品的VIP客戶設置稅率。

您可以通過導航到Store > Tax > Tax rules來完成。 要添加稅級,請單擊添加新稅規則並單擊以顯示更多設置。

創建稅類 magento
  • 商店>配置>銷售>稅收中管理整體稅收設置
管理稅類 Magento

配置選項可讓您為運輸、產品和客戶設置默認稅級。 此外,您還可以選擇如何進行稅收計算,以及是否在多個定價顯示中包含或排除稅收。

付款方式

Magento 允許您在Store > Configurations > Sales > Payment Methods中選擇所需的支付網關。

最初,可以選擇使用 PayPal、Braintree、Klarna 和 Amazon Pay。 但是,您始終可以通過集成付款擴展程序為您的業務選擇另一種付款方式。

此外,您可以配置其他付款方式的選項,例如貨到付款、採購訂單、銀行轉賬。 例如,Magento 讓您可以控制這些支付方式所應用的地理位置,或者它們是否在網站上啟用。

送貨選項

只需導航到Store > Configurations > Sales ,選擇Shipping Settings > Multiple Shipping Settings > Delivery Methods即可自定義更多選項。

  • 運輸設置:選擇您的貨件的來源地。 您還可以在結帳頁面上顯示自定義發貨政策。 可以為後端的每個網站選擇運輸來源。
  • 多配送設置:啟用配送至多個地址和最低訂購數量以提供此配送解決方案。
  • 送貨方式:對於此部分,您可以配置不同送貨方式的設置,從統一費率、餐桌費率到免費送貨和店內送貨。 它使您可以決定將交付方式應用於哪些國家、如何計算手續費等等。 此外,還可以使用 FedEx、DHL 或 UPS 等一些主要運輸承運商的設置。

>> 查看這個 Magento 的官方文檔以獲得更詳細的說明。

7. 拖放您的店面

現在讓我們來看看構建網站最令人興奮的部分:創建令人驚嘆的店面。

有兩種方法可以在不編碼的情況下做到這一點。

選項 1:使用 Magento 的默認頁面構建器

Magento Open Source 2.4.3 中最重要的更新之一是其內置的頁面構建器工具。 使用此工具,您無需在每次想要更改店面時都尋求技術幫助。

您可以從一開始就自行建立店面。 讓我給你示範如何做:

第 1 步:導航到商店>配置>常規>內容管理

2 步:將啟用頁面生成器啟用頁面生成器內容預覽設置為

啟用 Magento 頁面構建器

第 3步:導航到內容>頁面

4 步:單擊添加新頁面或選擇編輯默認選項列表中的任何頁面。

第 5 步:單擊使用 Page Builder 編輯

打開 Magento 頁面構建器

您可以通過安裝 Magento 的默認主題 Luma 並修改主題來縮短流程,而不是從頭開始構建。

如果您好奇,以下是主題的外觀:DEMO

不幸的是,使用這個主題的唯一方法是在安裝應用程序之前或之後上傳 Magento Open Source 2.4.3 的示例數據,這需要一些技術知識。

查看 Adob​​e (Magento) 的官方文檔以進一步了解如何安裝示例數據。

選項 2:使用第三方頁面構建器

如果您想知道是否有任何選項可以在不浪費太多時間的情況下自行構建 Magento 網站,是的,有。

Magento 有幾個頁面構建器可用,帶有現成的模板。 您可以輕鬆地調整這些模板以匹配您商店的外觀和感覺,然後發布頁面。

如果您現在想進行一輪電子購物,我們已經為 Magento 2 的最佳頁面構建器創建了另一篇文章。

對於本指南,我們將指導您使用 Tapita——我們的專用頁面構建器,輕鬆構建 Magento 網站。

注意:如果您決定嘗試使用第三方頁面構建器,請在開始之前參考我們的說明為 Magento 創建臨時網站。

當您使用第三方應用程序修改 Magento 的後端時,採取此步驟以避免任何系統錯誤風險非常重要。

第 1 步:按照 Tapita 的說明創建帳戶並設置集成

2 步:導航到頁面構建器儀表板,選擇“頁面”下拉列表下的“常規頁面”選項卡。

第 3 步:選擇Add New ,選擇一個模板並開始編輯

Tapita 擁有 50 多個模板,專為時尚、美容、電子、自行車等不同電子商務行業打造。

Tapita 模板

不想自己做所有事情? 讓我們的專家幫助您

24 小時內獲得 Magento 網站

採取的進一步措施

現在您的 Magento 商店已準備就緒,但這並不意味著一切都已完成。 事實上,是時候測試它的銷售業績並找到逐步改善它的方法了。

以下是使用 Magento 成功進行在線銷售時應考慮的事項。

利用搜索引擎優化

SEO 是 Search Engine Optimization 的縮寫,它可以幫助您在搜索引擎的搜索結果中找到您的網站。 想想谷歌第一個結果頁面中的網站,這些網站每天都可以吸引大量的訪問者,而無需運行一個廣告活動。

您可能希望為您的網站實施 SEO 實踐。 它不僅帶來了新的訪客,尤其是帶來了想要購買的訪客。 這就是他們首先搜索它的原因。 除了電子郵件營銷和付費廣告之外,搜索引擎優化是電子商務的有效銷售渠道。

產品頁面的頁面搜索引擎優化

頁面 SEO 意味著為您的網站創建對 SEO 友好的內容,這是電子商務網站在搜索引擎上排名靠前的最佳做法。

您應該從第一次導入產品時就考慮編寫對 SEO 友好的產品描述。 否則,您將浪費時間編寫描述,只是為了再次編輯它們。

一個好的 SEO 產品描述必須包含與您的產品相關的關鍵字,具有清晰的段落結構,同時不能太短。

在開始一些創意文案之前,請務必了解基本的電子商務 SEO 做法。

要了解有關如何以正確方式進行 SEO 的更多信息,請查看我們的指南:

>> Magento 可操作的 SEO 指南

>> Magento 的 SEO 清單

獲取一些 Magento 擴展

Magento 有 3,000 多個擴展,其中一些可以幫助顯著改善您的商店。

您需要什麼 Magento 擴展取決於您的業務和營銷策略,探索 Magento Marketplace 以獲得更多靈感是件好事。

您還可以查看我們關於電子商務網站要求的文章,其中我們列出了在線銷售的最重要因素。 從這裡,您可以找到一些想法來搜索插件。

這裡有一些要考慮的事情:

  • 免費將您的 Magento 商店與 Google Analytics 集成,以查看您的商店在 SEO 方面的表現。
  • 獲得 Magento 的忠誠度獎勵計劃以吸引常客。
  • 連接 Magento POS 系統進行全渠道銷售
  • 將您的商店與 Facebook Pixel 連接起來,在 Facebook 上投放高轉化率的廣告。

強烈建議在將擴展程序用於您的真實站點之前創建一個 Magento 站點的克隆網站以測試擴展程序,以最大程度地減少不必要的錯誤。

優化速度和移動體驗

您為建立一個令人驚嘆的 Magento 網站付出了巨大的努力,並且您還投資了一些好的插件。

但是,如果您的網站太慢以至於您的客戶無法享受任何東西,那麼一切都將一文不值。 同樣,如果您在桌面網站上的體驗是一流的,但您的移動網站還差得遠,您可能會失去很多移動購物者。

因此,每個 Magento 商家都必須優化其網站的速度並改善移動設備上的用戶體驗。

在前面的部分中,我們已經告訴您使用輕量級圖像來提高速度。 您還可以對您的 Magento 商店進行進一步的速度優化。

此外,您可能會考慮使用 Progressive Web App 來加速您的網站。 (如果您不了解 PWA,那麼是時候了解了)。 Progressive Web App 技術可以顯著提高您的網站性能,同時在手機瀏覽器上提供原生應用程序的引人入勝的體驗。

>> 查看更多:

  • PWA 如何幫助您的 Magento 業務
  • 獲取購物應用程序以改善移動體驗
  • PWA 與原生應用

創建一個登台 Magento 網站

臨時網站是您原始網站的克隆。 它有自己的數據庫、Web 服務器和其他服務。

為什麼需要臨時網站?

每當您對 Magento 的後端進行技術干預時,例如,集成新的擴展程序,都可能會出現系統錯誤。

您可能不希望這種情況發生。 修復可能需要很長時間,更不用說它可能會影響您的產品系列和許多其他設置。

登台網站可讓您在實際更改原始網站之前測試任何修改並查看是否存在任何系統風險。

由於我們將在接下來的步驟中指導您與第三方插件集成,因此現在創建一個暫存環境至關重要。 完成所有設置後,如果擴展程序在您的克隆網站中運行良好,您可以與您的正版網站進行相同的集成。

如果您不打算使用任何擴展來構建您的 Magento 網站,那麼現在沒有必要創建一個登台環境。 但是,如果您升級平台、添加新插件或進行任何進一步的編碼修改,請記住製作一個。

如何為 Magento 2 創建一個登台環境

這些過程因您選擇的託管服務而異。 由於我們在本指南中使用 Cloudways,因此我們將繼續解釋該託管服務提供商的操作方法。

第 1 步:導航到Application Management儀表板中的Staging Management選項卡。

第 2步:單擊創建暫存

第 3 步:選擇 登台網站的服務器。 任何選擇都可以。

第 4 步:等待站點部署

第 5 步:在應用程序的下拉選項中,選擇Staging Your Application

如何創建magento登台網站

第 6 步:當另一個應用程序管理儀表板出現時,導航到訪問詳細信息並打開應用程序 URL

進入magento登台網站

第 7 步:新的前端將需要密碼,輸入在訪問詳細信息下面部分中找到的用戶名和密碼

第 8 步:當您進入克隆的前端時,在域地址中,在主域之後輸入/admin

STEP 9:會出現一個後台的登錄頁面,輸入你原網站用戶名和密碼

第 10 步:現在您已經成功訪問了您的克隆網站,並且可以自由地進行任何重要的更改。

第 11 步:完成所有調整後,就該啟動這個臨時網站了。 在暫存應用程序應用程序管理儀表板中,選擇暫存管理。

12 步:Copy Data From Staging To Live 部分中,單擊Push

複製登台網站到實時網站 magento

第 13 步:您將被要求填寫一些選項。 請謹慎執行此步驟。

  • 如果要將臨時網站的所有 Web 應用程序文件覆蓋到當前原始網站上,請選擇Web 應用程序文件 > 覆蓋
  • 如果您只想將臨時網站的 Web 應用程序文件中的新更改應用到您當前的原始網站,請選擇Web 應用程序文件 > 增量
  • 如果要將臨時網站的所有數據庫覆蓋到當前原始網站上,請選擇數據庫 > 覆蓋
  • 如果您只想使用臨時網站的選定數據庫文件,請選擇數據庫 > 選定時間表,並將它們應用到您當前的原始網站。

僅對於本指南,我們將選擇Web 應用程序文件 > 覆蓋數據庫 > 覆蓋

第 14 步: [重要] 選擇是,請備份並單擊繼續。 現在,您的臨時網站中的所有更改都將應用於您的原始網站。

恢復備份

如果您在新更新的網站上遇到一些問題,或者只是想回到以前的版本,您可以隨時恢復它。

第 1 步:您的官方應用程序應用程序管理儀表板中,導航到“恢復和設置”選項卡。

恢復 Magento 網站

第 2步:通過選擇正確的時間找到您在第 14 步中創建的備份文件,然後單擊立即恢復應用程序

告訴我們你是否成功了!

告訴我們您是否已完成所有工作並創建了自己的 Magento 網站。

雖然您不需要任何編碼經驗來遵循本指南,但維護一個 Magento 網站就可以了。 從添加新插件、自定義功能到優化速度,需要 IT 工作來保持一個健康高效的 Magento 商店。

話雖如此,還有很多事情要做,建立一個 Magento 網站只是第一步。

我們希望我們已經讓您輕鬆邁出了第一步。”俗話說“成功了一半”,讓它成為未來大量電子商務成功的良好開端。