如何翻譯 WooCommerce:詳細的分步指南
已發表: 2022-10-12想學習如何翻譯 WooCommerce 商店嗎?
如果您正在吸引來自世界各地的客戶,將您的 WooCommerce 商店翻譯成不同的語言可以幫助您的業務發展並獲得更多利潤。
以母語查看產品信息 ️ 可促使訪問者更快做出決定。 它提供了更好的客戶體驗並建立了信任,從而可以帶來更高的銷售額。
在本文中,我們將向您展示如何使用流行的語言翻譯插件翻譯您的 WooCommerce 商店。
除此之外,我們將向您展示如何在不使用任何插件的情況下僅翻譯商店前端和管理儀表板上的文本。
讓我們深入學習教程!
如何更改 WooCommerce 語言
可以通過三種方式更改 WooCommerce 語言。 那些是:
- 使用內置站點語言選項更改商店語言(對於單語言商店)。
- 使用內置配置文件語言選項更改儀表板語言(以簡化您的管理員管理)。
- 使用翻譯插件將商店語言更改為多種語言。
基本上,在第一部分中,我們將向您展示如何更改單語言商店的 WooCommerce 語言。
然後,在下一節中,您將學習如何翻譯 WooCommerce 以創建多語言商店。 單擊此處直接跳至該部分。
1.僅更改商店語言
使用此方法,您可以更改“添加到購物車”按鈕、購物車頁面、結帳頁面、我的帳戶頁面和其他默認 WooCommerce 頁面上的文本。
但此方法不會幫助您更改您手動插入商店的文本的語言,例如產品標題和描述。 您需要通過產品編輯器手動執行此操作。
簡而言之,如果您想更改單語言商店的語言,則此方法有效。
更改 WordPress 網站語言
要僅更改您的 WooCommerce 商店語言,請打開您的管理儀表板並轉到設置 → 常規。 然後,查找網站語言下拉菜單。
從下拉菜單中選擇您選擇的語言並點擊保存按鈕:

更新 WordPress/WooCommerce 翻譯
接下來,轉到Dashboard → Updates ,向下滾動到 Translations 部分並單擊Update Translation按鈕。
這將提示 WordPress 為您在上一步中選擇的語言下載 WooCommerce 語言包:

而已。 您的 WooCommerce 商店的默認內容現在應該被翻譯成您選擇的語言。
2.僅更改儀表板語言
使用此方法,您將更改管理儀表板的語言,而網站前端的語言將保持不變。
此方法在您或其他商店管理員更喜歡使用不同於前端語言的語言管理您的商店的情況下很有用。
但是,此方法仍然假設您的前端商店僅以一種語言提供。
更改商店語言以下載語言包(按照之前的說明)
首先,請按照上一節中的說明更改商店的語言並下載翻譯包。
快速回顧一下,這意味著您應該……
- 轉到設置 → 常規,然後使用網站語言下拉菜單選擇您希望提供儀表板的語言。
- 轉到Dashboard → Updates ,向下滾動到 Translations 部分,然後單擊Update Translation按鈕。
同樣,您可以按照與上一節相同的說明進行操作。
改回商店語言(如果需要)
如果需要,您現在可以返回設置 → 常規並使用網站語言下拉菜單將商店的前端語言更改回原始語言。
為用戶調整 WooCommerce 儀表板語言
確認前端商店語言正確後,您現在可以通過從下載的新語言包中進行選擇來手動覆蓋單個用戶的後端語言:
- 通過轉到Users → Profile打開您的用戶配置文件。
- 使用“語言”選項選擇您首選的 WooCommerce 儀表板語言。
- 保存您的更改。

您可以使用此方法更改其他用戶的儀表板語言。 只需轉到Users → All Users ,打開用戶的個人資料,選擇語言並點擊Save按鈕。
如何翻譯 WooCommerce 以創建多語言商店
如果您想創建一個多語言商店,翻譯插件將幫助您將整個 WooCommerce 網站翻譯成一種或多種語言。
雖然有多種翻譯插件可供選擇,但我們將在本教程中使用免費的 TranslatePress 插件。
免費插件允許您將商店翻譯成一種語言,包括所有前端內容(單一產品、商店、購物車、結賬等)。
如果您想將您的商店翻譯成多種語言和/或改進多語言搜索引擎優化,您需要訂閱高級版本,每年 89 歐元起。
- 安裝和設置 TranslatePress
- 翻譯 WooCommerce 產品頁面
- 翻譯購物車頁面和結帳頁面
- 翻譯網站帖子、頁面和菜單
1. 安裝和設置 TranslatePress
第一步是在您的 WordPress 網站上安裝並激活 TranslatePress 。
然後轉到設置 → TranslatePress → 常規 → 所有語言並從下拉菜單中選擇一種語言。 添加它並保存您的設置:

2. 翻譯 WooCommerce 產品頁面
WooCommerce 產品頁面中有四個主要元素可以翻譯。 那些是:
- 產品說明
- 動態內容
- 產品圖片
- 頁面標題、子項和下拉項
讓我們來看看它們:
翻譯產品描述、標題等。
打開您的 WooCommerce 產品頁面之一,然後單擊管理欄上的翻譯頁面選項。

屏幕左側會彈出一個翻譯編輯器。 您將使用此編輯器翻譯產品頁面上的文本。
將光標懸停在您要翻譯的產品描述上。 將出現一個藍色筆圖標。 單擊它時,文本會被選中,翻譯編輯器會為您提供一個框,您可以在其中編寫文本的翻譯版本。
您一次只能翻譯一個段落。
完成每個翻譯後,點擊保存翻譯按鈕或使用Ctrl + S鍵盤快捷鍵:

翻譯動態內容
動態內容是指由用戶操作觸發出現在網站上的內容。
在 WooCommerce 產品頁面上,當訪問者單擊“添加到購物車”按鈕時,會顯示動態內容。 您可以通過單擊綠色筆圖標來翻譯文本和“查看購物車”按鈕。
旁注:想知道為什麼編輯器顯示的是綠色筆圖標而不是藍色筆圖標? 綠色筆出現在與當前主題或您網站上安裝的某些插件相關的文本上。 它們就像藍色鋼筆圖標一樣工作。 只需單擊圖標並使用翻譯編輯器翻譯文本:

翻譯產品圖片
帶有標題的產品圖片也可以使用相同的方法翻譯成不同的語言。
單擊圖像,標題將顯示為帶有藍色鋼筆圖標。 選擇圖標並開始在翻譯編輯器中翻譯標題:

翻譯頁面標題、slug 和下拉項(需要付費插件版本)
要翻譯頁面標題和 slug,您需要 TranslatePress 的 SEO 包插件。 單個網站每年的費用約為 89 歐元。
購買並激活 SEO 包插件後,打開產品頁面。 翻譯編輯器將向您顯示稱為元信息和字符串列表的額外選項。
在元信息部分,您可以更改頁面的別名和標題。 使用字符串列表選項,您可以更改可變產品上的下拉菜單項:

3.翻譯購物車頁面和結帳頁面
當談到購物車頁面時,可以發現它處於填充或空狀態。
要將頁面轉換為空白狀態,請打開您的網站 URL 並在末尾添加“購物車”,如下所示: https://yoursite.com/cart/
://yoursite.com/cart/。
繼續使用鋼筆圖標翻譯文本。
要翻譯填充狀態的購物車頁面,請將至少一種產品添加到購物車,打開購物車頁面並開始翻譯頁面:

現在,結帳頁面只有一個版本。 要翻譯結帳頁面,請將“checkout”添加到您網站的 URL 末尾,如下所示: https ://yoursite.com/checkout/ 並開始翻譯結帳字段。
4. 翻譯網站帖子、頁面和菜單
如果您打算翻譯整個網站,請確保翻譯所有帖子、頁面和菜單。 菜單應包括頁眉、頁腳菜單,頁面應包括主頁、登錄、註冊和我的帳戶頁面。
在主頁上,確保使用編輯器更改徽標圖像。 您首先需要使用翻譯文本創建一個新徽標,然後單擊藍色鋼筆圖標並使用編輯器將新徽標上傳到您的網站:

就是這樣,伙計們! 這樣,我們就完成了本教程。
立即翻譯您的 WooCommerce 商店
將您的網站翻譯成不同的語言有助於快速發展您的在線商店。
您可以選擇僅翻譯默認的 WooCommerce 頁面和按鈕、僅翻譯 WordPress 儀表板或使用翻譯插件翻譯整個 WooCommerce 網站。
使用插件翻譯您的商店時,確保您翻譯的產品頁麵包括產品描述、動態內容、產品圖像、頁面標題、slug 和其他 SEO 元素,如站點地圖和 hreflang 標籤。
您還需要翻譯博客文章、頁眉和頁腳菜單以及主頁、購物車和結帳、登錄、註冊和我的帳戶頁面等頁面。
如果您對如何翻譯 WooCommerce 商店有任何疑問,請在下面的評論中告訴我們!