如何輕鬆地將 Shopify 與 WordPress 集成（一步一步）

已發表: 2022-08-01

我們的一位讀者最近詢問是否可以將 Shopify 集成到您的 WordPress 網站中？

將 Shopify 與 WordPress 結合使用可讓您將 Shopify 的電子商務功能與地球上強大的網站平台 WordPress 相結合。 這為您提供了更大的靈活性和自由度來發展您的業務。

在本文中，我們將向您展示如何輕鬆將 Shopify 與 WordPress 連接以發展您的業務。

Using Shopify with WordPress

以下是我們將在本文中介紹的主題的快速概述。

  • 為什麼將 Shopify 與 WordPress 一起使用
  • 你需要什麼開始
  • 將 Shopify 連接到 WordPress
  • 在 WordPress 中顯示 Shopify 產品
  • 自定義 WordPress 網站
  • 發展您的 WordPress + Shopify 網站

讓我們開始吧。

為什麼將 Shopify 與 WordPress 一起使用？

WordPress 是世界上最好的網站建設者，為互聯網上超過 43% 的網站提供支持。

它非常易於使用，讓您可以訪問數以千計的免費和付費 WordPress 主題和插件（適用於您的 WordPress 網站的應用程序）。

另一方面，Shopify 是一個流行的電子商務平台，可幫助您輕鬆在線銷售產品。

您可以將 WordPress 與 WooCommerce 一起使用來創建您的在線商店，但有些用戶可能希望將 Shopify 用於他們的在線商店，並將 WordPress 用於他們的網站。

有關更多詳細信息，請參閱我們對 Shopify 與 WooCommerce 的比較以及這兩個平台的優缺點。

結合 Shopify 和 WordPress 為您提供兩個平台的優勢。 您可以使用 Shopify 銷售產品，同時享受 WordPress 管理網站的靈活性和自由度。

話雖如此，讓我們來看看如何輕鬆地將 Shopify 與 WordPress 結合使用。

你需要什麼開始？

如果您沒有 Shopify 商店，那麼您現在可以繼續創建您的 Shopify 商店。 您可以快速添加一些產品，然後返回此處。

Shopify website

接下來，您需要設置您的 WordPress 網站。

有兩種類型的 WordPress。 首先，WordPress.com 是一個網站託管服務。 然後你就有了 WordPress.org，也稱為自託管 WordPress。

您將需要 WordPress.org，因為它可以讓您即時訪問所有 WordPress 功能。 有關更多詳細信息，請參閱我們對 WordPress.com 與 WordPress.org 的比較。

要創建 WordPress.org 網站，您需要一個域名（如 wpbeginner.com）和一個網絡託管帳戶。

域名的費用約為每年 14.99 美元，網站託管計劃的起價為每月 7.99 美元（通常每年支付）。

我們在 Bluehost 的朋友已同意為 WPBeginner 用戶提供免費域名，並在託管方面享有很大折扣。 基本上，您可以以每月 2.75 美元的價格開始使用。

→ 單擊此處索取此獨家 Bluehost 優惠 ←

註冊 Bluehost 後，他們會自動為您安裝 WordPress。

您將在 Bluehost 帳戶的“我的網站”部分下看到您的 WordPress 網站。

Bluehost dashboard

只需單擊“登錄 WordPress”按鈕即可訪問您的 WordPress 管理儀表板。

它看起來像這樣：

WordPress dashboard

將 WordPress 連接到您的 Shopify 商店

現在，下一步是將您的 WordPress 網站連接到您的 Shopify 商店。

為此，您需要 ShopWP 插件。 它是 WordPress 的 Shopify 插件，可讓您輕鬆地將 WordPress 連接到您的 Shopify 帳戶。

首先，您需要在您的 WordPress 網站上安裝並激活 ShopWP 插件。 有關更多詳細信息，請參閱我們關於如何安裝 WordPress 插件的分步指南。

激活後，您需要訪問ShopWP Pro » 連接頁面並單擊“開始連接過程”按鈕以啟動連接嚮導。

Start Shopify connection wizard

這將啟動連接嚮導。

首先，您將被要求輸入您的 myshopify.com 域名。

Your Shopify store URL

單擊“連接您的 Shopify 商店”按鈕繼續。

接下來，系統會要求您允許 ShopWP 應用訪問您的 Shopify 商店。 只需單擊安裝應用程序按鈕即可開始連接過程。

Install App

這將帶您回到您的 WordPress 網站。

該插件將確認您的網站已連接到 Shopify 商店。

Connected to your Shopify store

單擊下一步按鈕繼續。

現在，您將被要求為您的商店配置不同的設置，從您要用於 Shopify 產品的頁面開始。

Create pages

您可以打開列表頁面，然後選擇 WordPress 頁面或使用默認的 ShopWP 產品頁面。

同樣，您可以打開產品系列頁面和單個產品詳細信息頁面。

在下一步中，您可以選擇用戶單擊產品時發生的情況。 您可以以模式顯示產品，或將用戶重定向到 Shopify 或 WordPress 產品詳細信息頁面。

Product click settings

接下來，您可以選擇顯示購物車的方式。 ShopWP 帶有自定義購物車體驗，以滑入模式顯示購物車。 如果您在 WordPress 中使用單個產品詳細信息頁面，則可以將其關閉。

單擊“保存並完成設置”按鈕退出嚮導。

接下來，您需要在 WordPress 網站和 Shopify 商店之間同步產品。

只需切換到插件設置下的同步選項卡。

Sync products

從這裡，您需要單擊同步詳細信息頁面和連接自動發布同步按鈕。 這將允許插件在您將新產品添加到 Shopify 商店時獲取任何產品詳細信息。

就這樣！ 您已成功將 Shopify 商店連接到 WordPress。

在 WordPress 中顯示 Shopify 產品

ShopWP 允許您在 WordPress 博客的任何位置輕鬆展示您的 Shopify 產品。

如果您使用默認設置，則該插件將為您創建一個 ShopWP 產品頁面，該頁面將顯示您的 Shopify 產品。

Shop page

您還可以通過簡單地編輯並添加產品塊在任何 WordPress 帖子或頁面上顯示產品。

有關更多詳細信息，您可以查看我們關於如何使用 WordPress 塊編輯器的指南。

ShopWP Products block

該塊帶有一堆設置，您可以配置這些設置來更改產品的外觀。

這些設置包括佈局、顏色、要顯示的產品詳細信息等。

Product block settings

同樣，您也可以添加單個產品塊來顯示單個產品。

您可以通過在塊設置中鍵入產品標題來找到要顯示的產品。

Single product block

該插件帶有強大的顯示選項，您可以在塊設置或插件設置頁面下進行控制。

自定義您的 WordPress 網站

現在您已將 Shopify 商店連接到 WordPress 網站，下一步是繼續正確設置您的 WordPress 網站。

首先，您需要為您的 WordPress 網站選擇一個主題。 您的 WordPress 主題控制著您網站的整體設計和佈局。

有數以千計的高級和免費 WordPress 主題可供選擇。 首先，您可以查看我們對最受歡迎的 WordPress 主題的綜述。 我們還精心挑選了最佳服裝店主題列表。

想要設計自己的主題佈局？ 您可以使用 SeedProd 做到這一點。 它是一個拖放式 WordPress 網站構建器，可讓您創建自己的自定義主題，而無需編寫任何代碼。

The SeedProd Visual Editor

接下來，您需要為您的 WordPress 網站創建內容。

您可以通過添加主頁、博客、商店、聯繫人和關於頁面來使用頁面來創建您的網站結構。 請參閱我們在 WordPress 中創建的重要頁面列表。

之後，繼續將頁面添加到 WordPress 的導航菜單中。

Site navigation

有關更多詳細信息，您可以查看我們關於如何自定義 WordPress 主題的教程。

發展您的 WordPress 網站和 Shopify 商店

使用 WordPress 最好的部分是它帶有數千個插件，並且可以與您發展業務所需的所有營銷工具一起使用。

以下是您可能想要立即安裝的一些基本工具和插件。

1. OptinMonster - 最好的轉化優化軟件，OptinMonster 可以讓您將網站訪問者轉化為客戶。 它帶有粘性橫幅、倒數計時器、燈箱彈出窗口等工具。 最好的事情是 OptinMonster 可與 WordPress 和 Shopify 一起使用，因此您可以在兩個平台上使用一個插件。

2. WPForms – 最好的 WordPress 表單構建器插件，可讓您輕鬆創建聯繫表單、調查、民意調查以及您網站所需的任何類型的表單。

3. 適用於 WordPress 的多合一 SEO – 市場上最好的 WordPress SEO 插件，它可以讓您輕鬆針對搜索引擎優化您的網站。 這可以幫助您為您的網站帶來更多流量。 您絕對需要此插件的一項功能是將您的 Shopify 商店添加到您的 WordPress 站點地圖。

4. MonsterInsights – 想知道您的流量來自哪裡？ MonsterInsights 可幫助您安裝 Google Analytics 並輕鬆設置增強型電子商務跟踪。

5. TrustPulse – 通過在您的網站上通過實時用戶操作向用戶顯示有針對性的消息，為您的電子商務商店添加社交證明。 TrustPulse 適用於 WordPress 和 Shopify。

6. PushEngage – 最好的網絡推送通知軟件，可幫助您在訪問者離開您的網站後通過推送通知與他們建立聯繫。

有關更多建議，請參閱我們的商業網站基本 WordPress 插件列表。

我們希望本文能幫助您了解如何輕鬆地將 Shopify 與 WordPress 集成。 您可能還希望看到我們專家挑選的最佳電子郵件營銷服務和最佳實時聊天軟件，以發展您的業務。

如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。 您也可以在 Twitter 和 Facebook 上找到我們。