如何將 WooCommerce 變成多語言並增加國際銷售(2022 年分步指南)

已發表: 2022-06-03

更新日期:2022 年 6 月 11 日 作者:設計團隊

如何將 WooCommerce 變成多語言並增加國際銷售

為如何創建多語言 WooCommerce 商店而苦苦掙扎? 或者不確定您是否首先需要製作 WooCommerce 多語言版本?

使用多語言是改善商店用戶體驗和吸引新客戶的好方法。 在真空中,翻譯您的商店的好處非常明顯。

但是,您可能會擔心使您的商店多語言化所涉及的複雜性或時間投入。 您需要從頭開始翻譯所有內容嗎? 創建多語種商店的技術流程是否複雜?

雖然創建多語言 WooCommerce 商店可能很複雜,但並非必須如此。

在本分步指南中,您將學習如何創建多語言 WooCommerce 商店,無需任何特殊技術知識,也無需投入大量時間進行設置。

聽起來不錯? 讓我們深入研究。但首先,讓我們討論創建多語言 WooCommerce 商店的一些好處,以防萬一你還在猶豫……

目錄

多語言 WooCommerce 商店的三個主要好處

在下一節中,我們將向您展示如何創建 WooCommerce 多語言商店的分步教程。

但首先,讓我們快速總結一下將 WooCommerce 翻譯成一種或多種新語言的主要好處。

1. 創造更好的用戶體驗

創建多語言 WooCommerce 商店的第一個大優勢是它為您的客戶提供了更好的用戶體驗。 您可以查看最好的免費翻譯 WordPress 插件。

即使您的商店目前僅提供一種語言版本,您可能仍然擁有多語言受眾。 但是現在,每個客戶都被迫使用您商店的默認語言,這可能與他們的首選語言匹配,也可能不匹配。

但事情是這樣的:

如果可能的話,大多數人寧願用他們的母語購物。 在歐盟委託對歐盟國家進行的一項調查中,蓋洛普發現 90% 的購物者在網上購物時更喜歡使用他們的母語。

這並不完全是一個令人興奮的統計數據,但它確實讓我們明白了這一點。 通過將您的內容翻譯成新的語言,您可以匹配這些人的偏好並改善他們的購物體驗。

更重要的是,如果商店沒有以他們的母語提供,42% 的購物者完全拒絕使用商店,這將我們帶到了下一點……

2. 向新市場開店

除了為現有客戶創造更好的體驗之外,創建多語言 WooCommerce 商店還可以幫助您首先接觸更多客戶。

正如我們在上一節中所分享的,如果您的商店沒有以他們喜歡的語言提供,那麼很大一部分人不會使用您的商店。

更重要的是,翻譯您的商店還可以幫助您進入全新的市場,例如擴展到一個新的國家。

如果您銷售數字產品,那麼擴展至盡可能多的市場是不費吹灰之力的,因為您可以將產品“交付”到世界任何地方。 而且,如果您銷售實物產品,只要您有辦法可靠地運送到該地點,您仍然可以擴展。

這兩個好處的最終結果是為您的商店創建更大的客戶群以與之建立聯繫。

3.通過多語言搜索引擎優化增加流量

結合上述觀點,創建多語言 WooCommerce 商店還可以讓您通過多語言 SEO 提高商店的自然流量。

使用單一語言商店,您只能對一種語言的相關關鍵字進行排名。 但是,仍然有很多人在搜索您提供的確切內容……只是用不同的語言。

當您翻譯商店的內容時,您可以開始以新語言對這些查詢進行排名。

如果您選擇了正確的 WordPress 翻譯插件,您還可以翻譯其他重要的細節,例如 SEO 標題、元描述、URL slug 等,以便您可以針對每種語言優化您的內容。

如何創建多語言 WooCommerce 商店(無代碼)

既然您知道了製作 WooCommerce 多語言的好處,讓我們深入了解如何將商店的內容翻譯成一種或多種新語言的具體細節。

要進行此設置,您可以使用免費增值版 TranslatePress WordPress 翻譯插件。 此插件可讓您翻譯 100% 的商店內容,包括以下內容:

  • 單個產品頁面
  • 商品詳情頁面(包括類別列表、搜索等)
  • 購物車頁面
  • 結帳頁面
  • 我的帳戶頁面
  • …一切

您還可以翻譯非 WooCommerce 內容,例如您的博客或您正在使用的另一個插件的內容。

您可以從頭開始手動翻譯您的內容——您可以自己翻譯,也可以聘請自由職業者或翻譯服務。 或者,您可以使用 Google Translate 或 DeepL 的自動機器翻譯來生成您網站的翻譯。

即使您使用自動翻譯,您仍然可以手動編輯和優化這些翻譯。

WordPress.org 上的免費插件版本可讓您將商店翻譯成一種新語言,並支持 Google Translate 自動翻譯。 高級版增加了對無限語言、DeepL 自動翻譯、改進的多語言 SEO 等的支持。

以下是如何使用 TranslatePress 以多種語言設置 WooCommerce 商店……

1. 以原始語言完全設置您的商店

在您可以創建多語言商店之前,您首先需要以原始語言完全設置您的商店。

如果您已經有一個功能正常的商店,您只想添加語言,那麼您可以繼續下一步。

但是,如果您還沒有商店,則需要確保您擁有所有基礎知識:

  • 購買主機並安裝 WordPress 軟件。 您可以使用 SiteGround、DreamHost 或 Bluehost 等主機輕鬆實現這一目標。
  • 選擇 WooCommerce 主題來控製商店的設計。 要查看一些不錯的選擇,請查看這些最佳免費 WooCommerce 主題和整體最佳 WooCommerce 主題的集合。 我們將在本教程中使用 Virtual Store 主題。
  • 安裝 WooCommerce 並配置運輸、付款等詳細信息的關鍵設置。
  • 以商店的原始語言添加所有產品。

這是我們的商店在默認語言(英語)下的樣子:

Virtual Store WooCommerce WordPress theme

要獲得更詳細的外觀,您可以按照完整的分步指南製作 WooCommerce 商店。

2. 安裝 TranslatePress 並選擇語言

一旦您擁有一個使用原始語言的 WooCommerce 商店,您就可以使用 TranslatePress 將 WooCommerce 翻譯成一種或多種新語言。

要開始使用,請確保安裝並激活 TranslatePress 插件。 您可以使用 WordPress.org 上的免費版本開始使用。 或者,您可以立即購買並安裝高級版本。

激活插件後,轉到儀表板中的設置 → TranslatePress為您的多語言 WooCommerce 商店選擇語言:

  • 默認語言– 商店內容存在的當前語言。
  • 所有語言– 您要將商店內容翻譯成的一種或多種新語言。 同樣,TranslatePress 的免費版本允許您添加一種新語言,而高級版本支持無限語言。

除了選擇語言之外,您還可以選擇特定的語言環境。 例如,您可以為西班牙人選擇西班牙語或為墨西哥人選擇西班牙語(或兩者兼而有之!)。

例如,如果您商店的內容當前以英語存在,並且您想將其翻譯成西班牙語(西班牙),您可以像這樣配置它:

Install TranslatePress and Choose Languages

3. 設置自動翻譯(可選)

此步驟是100% 可選的。 如果您希望從頭開始翻譯所有內容,則可以直接跳到下一步。

但是,如果您有一家大型商店,並且希望在設置翻譯時節省時間,您可能更願意使用自動機器翻譯來生成商店的翻譯。

即使您使用機器翻譯,您仍然可以 100% 編輯自動生成的翻譯。 讓機器服務生成您網站的基線翻譯會很有幫助,因為您不需要從頭開始翻譯每一個小細節。

如果您確實想使用自動翻譯,TranslatePress 支持兩種不同的服務:

  • Google Translate API – 您可以將其與 TranslatePress 的免費版本一起使用。
  • DeepL – 您需要 TranslatePress商業許可證才能獲得 DeepL 支持。

TranslatePress 不會向您收取任何額外費用來使用翻譯服務。 但是,您可能需要直接為服務付費,具體取決於您需要翻譯多少內容。

這兩項服務都可以讓您每月免費翻譯 500,000 個字符(約 100,000 個字)。 但是,如果您每月的翻譯需求高於此要求,則需要直接向 Google 或 DeepL 付款。

為了控制您的預算,TranslatePress 包含一項功能,可限制您的網站每天翻譯的字符數。

要設置自動翻譯,請轉到 TranslatePress 設置區域中的自動翻譯選項卡。 啟用設置,選擇您喜歡的服務,然後設置 API 連接:

Set Up Automatic Translation (Optional)

如需幫助生成連接到每個服務所需的 API 密鑰,您可以查閱 TranslatePress 文檔。

4. 翻譯您商店的內容(或編輯自動翻譯)

現在,您已準備好開始使用商店的內容:

  • 如果您沒有啟用自動翻譯,您可以從頭開始添加所有翻譯。
  • 如果您設置了自動翻譯,您可以完全編輯服務生成的翻譯。

無論哪種方式,您都將使用相同的界面——TranslatePress 的可視化翻譯編輯器。

這個編輯器很像原生的 WordPress 主題定制器。 您會在右側看到網站的實時預覽,在左側看到側邊欄。 在邊欄中,您可以添加/編輯翻譯並調整一些其他設置。

要選擇要翻譯的內容,您只需單擊它即可。

要訪問翻譯編輯器,請在網站前端打開要翻譯的文章、頁面、產品等,然後單擊 WordPress 工具欄上的翻譯頁面選項:

Translate Your Store's Content (or Edit Automatic Translations)

這將打開可視化編輯器。 同樣,要翻譯任何內容,您只需將鼠標懸停在實時預覽上的內容上,然後單擊鉛筆圖標。 然後,在邊欄中添加/編輯翻譯:

Translate Your Store's Content (or Edit Automatic Translations) continue

您可以使用這種點擊式方法來翻譯 100% 的商店內容,但讓我們來看看如何翻譯商店中一些最重要的細節。

如何翻譯 WooCommerce 產品

要翻譯 WooCommerce 產品,請在商店前端打開產品,然後啟動 TranslatePress 編輯器。

要翻譯文本內容,請將鼠標懸停在產品詳細信息上,然後單擊鉛筆圖標:

How to Translate WooCommerce Products

如果需要,您可以使用相同的方法來翻譯您的產品圖片。 只需將鼠標懸停在圖像上,然後單擊鉛筆圖標。 然後,您可以從媒體庫中選擇新圖像。

如果適用,您還可以翻譯圖像標題和替代文本。

如何翻譯 WooCommerce 商店列表頁面

如果您已經翻譯了產品的單個產品頁面,TranslatePress 將自動檢測到該產品並在您的商品詳情頁面上顯示該產品時使用相同的翻譯。

但是,您可能希望翻譯商品詳情頁面上的其他詳細信息,例如過濾器或標題。 或者,您還可以翻譯界面詳細信息,例如銷售徽章。

為此,請打開商品詳情頁面的 TranslatePress 編輯器。 然後,使用點擊式方法翻譯關鍵細節:

How to Translate WooCommerce Store Listing Pages

如何翻譯 WooCommerce 購物車頁面

要翻譯 WooCommerce 購物車頁面,您可以使用與上述完全相同的方法。 但是,有一個棘手的細節值得注意:

實際上,您需要為購物車頁面翻譯兩個“狀態”:

  • 空購物車
  • 添加了產品的購物車

首先,打開一個購物車並啟動 TranslatePress 編輯器。 然後,翻譯空購物車狀態的內容:

How to Translate WooCommerce Cart Page

然後,將您商店的一種產品添加到您網站前端的購物車中,然後重新啟動 TranslatePress 編輯器。

現在,您將能夠翻譯當購物者的購物車中有一件或多件商品時出現的內容。 與商品詳情頁面一樣,TranslatePress 將自動檢測產品本身的翻譯——您只需翻譯購物車內容。

How to Translate WooCommerce Cart Page continue

如何翻譯 WooCommerce 結帳頁面

要翻譯結帳頁面,請確保您的購物車中有商品,然後在您的商店中開始實際的結帳流程。

打開結帳頁面後,您可以啟動 TranslatePress 編輯器來翻譯結帳頁面上顯示的所有內容:

How to Translate WooCommerce Checkout Page

如何翻譯 WooCommerce 我的帳戶頁面

您可以使用完全相同的方法來翻譯 WooCommerce 我的帳戶頁面。 只需打開您網站前端的頁面並啟動 TranslatePress 編輯器即可翻譯所有內容:

How to Translate WooCommerce My Account Page

如何翻譯 SEO 細節

如果您希望您的商店真正受益於多語言 SEO,TranslatePress 還可以讓您翻譯商店的所有 SEO 詳細信息,包括:

  • 搜索引擎優化標題
  • 元描述
  • 站點範圍內的 URL slug
  • 社交媒體分享信息
  • 圖片替代文字(包括產品圖片)

對於 SEO 翻譯,您可以翻譯 Yoast SEO 和 Rank Math 等流行 SEO 插件的內容。

要訪問這些功能,您需要 TranslatePress SEO Pack 插件,該插件在個人許可證及更高版本中可用。

激活 SEO Pack 插件後,您可以使用翻譯編輯器中的下拉菜單來翻譯大多數 SEO 詳細信息。

要翻譯站點範圍的 URL slug(例如產品類別基礎 slug),您可以單擊該選項以打開字符串翻譯界面。

5. 配置商店的語言切換器

翻譯完商店的內容後,最後一步是配置前端語言切換器,客戶將使用該切換器來選擇他們的首選語言。

默認情況下,TranslatePress 會在商店的右下角添加一個浮動語言切換器:

Configure Your Store's Language Switcher

但是,您可以將其移至其他位置,也可以禁用它並使用其他方法,例如將其添加到頁眉或頁腳導航菜單中。 您還可以使用簡碼手動將語言切換器放置在您網站上的任何位置。

要訪問主語言切換器設置,請轉到設置 → TranslatePress。 然後,在常規設置中向下滾動以找到語言切換器設置:

Configure Your Store's Language Switcher continue

如果您想將語言切換器添加到導航菜單,您可以通過Appearance → Menus進行設置:

Configure Your Store's Language Switcher final

立即製作 WooCommerce 多語言版本!

創建 WooCommerce 多語言商店是為現有購物者提供更好體驗、向新市場/客戶開放商店並通過多語言 SEO 提高有機知名度的好方法。

對於設置多語言 WooCommerce 商店的最簡單方法,您可以使用 TranslatePress 之類的插件。

一旦您擁有原始語言的商店,您就可以使用可視化界面輕鬆地將其翻譯成一種或多種新語言,如果您需要幫助,還可以支持自動機器翻譯。

立即設置您的多語種商店並開始享受優惠!

如果您想翻譯另一種類型的 WordPress 網站,您還可以按照此通用指南創建多語言 WordPress 網站。

製作 WooCommerce 多語言的最佳插件是什麼?

對於設置多語言 WooCommerce 商店的最簡單方法,您可以使用 TranslatePress 之類的插件。

任何人都可以開設多語言 WooCommerce 商店嗎?

是的,使用 TranslatePress,任何人都可以輕鬆打開支持任何語言的在線商店,這對國際用戶來說非常有用。