Akohub | Ako Marketing|如何替台灣 Shopify 商店設定中文化與多語系會員系統 article
Akohub Logo

Ako Marketing|如何替台灣 Shopify 商店設定中文化與多語系會員系統

April 26, 2024

*最後更新時間:2024-04-29
*本文適用 App 方案:Platinum Plan 以上
*本文適用 Shopify 商店方案:Basic Shopify 以上

在開始之前 

  1. 此功能僅支援 Platinum Plan(US$49/月) 或更進階方案,請先前往 App 導覽列的 Service Plans 確認您的 App 方案;或是 點此安裝 Ako Marketing(14 天免費試用)。
  2. 請先確認您的 Shopify 商店已下載 Translate & Adapt App

 

情境 1:商品只在台灣銷售

  1. 在 Shopify 商店後台,點擊左下角「設定」>「語言」。

  2. 選擇「繁體中文」並變更為預設語言(如果預設語言已經是繁體中文請跳過這步)


  3. 前往 Ako Marketing,在導覽列點擊 Settings > Loyalty widget,在「Language」區塊會看到會員介面的預設語系為英文(Default)。


  4. 接著按下「+Add Language」按鈕,選擇「Chinese(Traditional) 繁體中文」並按下 Save,台灣顧客就可以在網站前台使用繁體中文版本的會員介面了。
    ★ 繁體中文的會員介面是 Ako Marketing 預先翻譯好的版本,若要調整文案內容請對著「Chinese(Traditional)」選項按下「Edit」。

 

情境 2:商品除了台灣,也外銷至其他國家

步驟 1:新增要給顧客使用的商店語言

  1. 在 Shopify 商店後台,點擊左下角「設定」>「語言」。

  2. 點擊「新增語言」,選擇您要新增在網站前台的語言,並按下「新增」。


  3. 剛才新增的語言會被分配至「未發布的語言」區域,Shopify 會使用您選定的語言來翻譯商店內的預設內容,如購物車、結帳頁、導覽列等佈景主題的預設頁面。不過,像產品頁面、網誌文章等自定義內容的翻譯,則需要由您手動添加,或是搭配其他 App 的機器翻譯功能來完成。

    接下來:

    1. 選定好要編輯的語言後,按下「翻譯」並選擇「Translate & Adapt」,這是一款 Shopify 官方推出的翻譯 App,您可以透過這個 App 替商店內的產品說明等自定義頁面加上翻譯。



    2. 在 Translate & Adapt 內翻譯好自定義頁面後,您可以在「未發布的語言」區塊按下「⋯」>「預覽」, 這樣可以掃描並檢查線上商店各個語言版本的內容是否正確(包括已發佈和未發佈的語言)。確保一切都正確後,再點擊「⋯」並選擇「發布」,將您編輯的語言上線。

      ※ 如果要調整 Shopify 的預設翻譯內容(例如:購物車、結帳頁等),請前往「網路商店」>「⋯」>「編輯預設佈景主題內容」,在搜尋列找到您要編輯的文字。

步驟 2:使用 Shopify Market 新增商店市場

  1. 接著從 Shopify 商店後台 >「設定」>「市場」> 點擊「新增市場」。


  2. 自訂市場名稱(只有內部會看到),並選擇您要在這個市場內新增哪些國家,選好後按下「新增市場」(一個市場內可以加入多個國家或地區,在此以北美市場為例,「北美市場」內同時包含了「美國」與「加拿大」兩個國家。)


步驟 3:決定每個市場要顯示哪些語言+設定網域

  1. 在剛才新增的市場內,點擊「語言和網域」,Shopify 會將商店目前的預設語言,自動套用到所有市場,也就是說,如果您的預設語言是英文,那麽即使顧客在網站前台將國家切換為日本,他看到的商店語言仍會是英文。

    所以,如果您希望顧客看到的語言,可以按照他們的所在地切換,則需要進一步設定網域,請點擊右上角的「管理網域」。

    您會看到 Shopify 提供 2 種設定網域的方式:

    ❶ 使用子資料夾,會在商店網址後加上 /{語言}-{地區} 區分市場語言,例如:
    .台灣市場:ako.com/zh-tw
    .美國市場:ako.com/en-us

    ❷ 使用網域或子網域,例如:
    .台灣市場 tw.akohub.com
    .北美市場: us.akohub.com

    設定完成後,當顧客在網站前台使用語言選擇器變更語言時,商店網址也會隨之切換。

 

步驟 4:新增市場運費並啟用市場

  1. 返回北美市場的設定區,您會看到運費顯示「未設定」的紅標籤,這表示您需要再替北美市場加上運費。


  2. 點擊『前往「運送」』連結,在「一般運費費率」內點擊「建立區域」,將北美市場可以配送的國家加入運送區域內,接著新增北美市場專用的運費就完成了。(也可以從「Shopify 後台 > 設定 > 運送和配送」前往設定運費)

  3. 上述設定都完成之後,再將北美市場切換為「啟用中」狀態即可(如果還有未完成的設定,啟用按鈕會無法點選)

★ 想要了解更多請參考 Shopify 說明中心:管理市場當地語系化和翻譯

步驟 5:新增會員系統語言 

  1. 從 Ako Marketing 導覽列 > Settings > Loyalty widget > 在「Languages」區塊您會看到英文為預設語系。


  2. 接下來點擊「+ Add language」選擇您要替會員介面新增的語言。
    在這份語言清單中包含 7 種語言包,分別是:簡體中文、繁體中文、粵語、法文、德文、日文、西班牙文。其中已經有現成翻譯內容的是「繁體中文」和「英文」版本的會員介面,其他語言的會員介面需要另行加上翻譯。


  3. 在每個欄位與分頁內依序加入您的翻譯,並按 Save 儲存。


  4. 如果要調整其他語系的翻譯,請按「Manage language」切換語系。

 

注意事項

  1. 使用 Shopify 官方開發的 Translate & Adapt App 雖然可以翻譯網站內大部分的內容,但某些情況下您可能需要額外安裝其他第三方 Shopify App 來處理多語系和多幣別的連動。

    1. 情況一:Translate & Adapt 無法翻譯的內容,就需要由人工或其他 App 翻譯,例如希望針對不同市場提供不同的產品圖片。

    2. 情況二:無法使用 Shopify Payments 的商家,需要另外安裝第三方 App 來支援多幣別的轉換, 這些多幣別的 App 通常也會提供翻譯功能。

  2. 若您的商店需要使用第三方的翻譯 App,請務必選擇可以支援「指定區塊不自動翻譯」的 App, 否則可能會覆蓋掉您在「步驟 5: 新增會員系統語言」中所翻譯好的會員介面。

    舉例來說,ETranslate 這款 Shopify App 提供了 3 種翻譯模式:
    1) Basic 模式:整個網站都用機器翻譯的內容,不支援人工修改翻譯。
    2)Advanced 模式:待翻譯的內容可以選擇一部分使用機器自動翻譯、一部分搭配人工翻譯內容。
    3)Locked 模式:不使用 ETranslate 的機器翻譯功能,只使用 Shopify Translate & Adapt 的翻譯

    ➜ 在這 3 種模式之中,ETranslate 的 Basic 模式會造成與會員系統之間的衝突,Advanced 模式才是最適合的選項,在挑選第三方翻譯 App 的時候,請留意開發商也有支援像 Advanced 模式一樣的功能。

    1. 如果您是位於台灣的商家,並且使用第三方 App 來設定多幣別轉換,請注意,目前在台灣的多幣別轉換功能僅支援「以顧客所在地的匯率顯示商品價格」,顧客實際結帳時,交易仍會以新台幣結算和付款。