【自動翻訳Shopifyアプリ】Translate&Currency - LangShopとは？ ~言語と通貨を同時切り替え~

Shopifyでオンラインストアを運営している方の中には、日本だけではなく海外向けに商品を販売している方も多いと思います。海外に商品を販売する際に大変なことは、顧客の国や地域によって言語や通貨表示を変えないといけないことです。

海外向けのストアを作ったけど、言語や値段表示の切り替え方がわからない
複数の言語、通貨に対応する方法を知りたい
翻訳する手間を省きたい

という悩みを持つ方も多いのではないでしょうか。

この記事では、Shopifyの運営・構築の業務を行っている株式会社UnReactが、言語や通貨表示の切り替えに便利な「Translate&Currency - LangShop」というShopifyアプリを紹介していきます。

その他のShopifyを運用する際に便利なツールを利用したい方は以下がおすすめです。

【無料】Shopifyを運用するためのツール

‍

【自動翻訳Shopifyアプリ】Translate&Currency - LangShopとは？

「Translate&Currency - LangShop」とは、サイト内の言語と通貨表示を簡単に切り替えることができるアプリです。ECサイトに訪れたお客さんのブラウザ言語に応じてストアの言語や通貨の変更をしてくれます。

‍

Translate&Currency - LangShopメリット

Translate&Currency - LangShopを使うメリットを挙げてみます。

無制限に言語や通貨を追加できる。
自動翻訳、自動切り替え
言語に応じてURLがある
241の言語の翻訳が可能
手動翻訳可能

このメリットを見ると、Translate&Currency - LangShopは海外展開する際には必須のアプリといって良いでしょう。複数言語や通貨を自動で翻訳、切り替えしてくれる点が非常に晴らしい点ですね。また、言語に応じてURLが与えられているので複数の言語で検索できます。手動で翻訳もできるので、文章の表現を変更できます。

‍

Translate&Currency - LangShopのデメリット

日本円の値段表示では小数点以下も表示されてしまう
自動翻訳で変な表示になることがある

このアプリを導入すると、日本円の値段表示の際に、値段が小数点以下まで表示されてしまいます。例えば、1,000円の商品の値段表示は1,000.00円となります。日本円は小数点以下の単位がないので、日本人からしたら見にくくなってしまう可能性があります。クレームが心配な方は、一言値段にお気をつけくださいと書いておくのも良いかもしれません。
また、自動翻訳した際に表現がおかしくなる場合があります。確認してから公開するようにしましょう。

料金プラン

料金は月額34ドルと少し高いですが、海外販売を考えている方は翻訳の手間がなくなるのでインストールする価値のあるアプリです。

14日間の無料トライアル期間もあります。一度使ってみてはいかがでしょうか。

公式アプリストアへ

アプリのインストールと設定

アプリのインストール

shopify app storeを開き、「Translate&Currency - LangShop」を検索します。
検索したら、Translate&Currency - LangShopを選択し、「Add app」をクリックします。

「アプリをインストール」をクリックして、Translate&Currency - LangShopをインストールしましょう。

次の画面が表示されたら、「無料体験をはじめる」をクリックします。

初期設定をしていきます。ステップ1では翻訳したい言語を選択していきます。
「翻訳された言語」の「言語を選択」をクリックすると右図のように言語が表示されますので、追加したい言語を選択してください。追加した言語は緑のボタンで表示されています。後で言語の変更ができますので、全部登録する必要はありません。翻訳しない言語は緑のボタンのバツマークを押すと削除されます。選択したら「次」をクリックしてステップ2に進んでいきましょう。

ステップ2では、サイト内のどの項目を翻訳するかを選択していきます。翻訳が必要ない項目はチェック欄のチェックを外してください。こちらも後で変更できます。選択が終わったら「次」をクリックしましょう。

Translate&Currency - LangShopのダッシュボード画面に移動しました。これでインストールは完了です。この画面になると、自動で翻訳が始まります。しばらく待つとテーマの翻訳が完了します。

‍

アプリの設定

アプリの設定をストア上に反映するために、通貨の形式を変更します。
ストアの管理画面左下の「設定ボタン」をクリックし、「一般設定」をクリックします。

一般設定の中の「ストアの通貨」の「形式を変更する」をクリックします。
「通貨の形式」の中の「通貨があるHTML」と「通貨のないHTML」のコードに<span>タグを次の画像のように追加します。
コードが間違っていないことを確認して、「保存」ボタンをクリックし保存します。保存を忘れないようにしましょう。

Translate&Currency - LangShopのダッシュボード画面を表示しています。先程まででテーマの翻訳は完了しておりますので、テーマを公開してストアに反映させていきます。テーマ公開のプレビューの隣の「公開」をクリックしましょう。これで、翻訳されたテーマが公開されました。

次に、変更したい通貨の登録をしていきます。「通貨を追加」のタブをクリックして、「通貨設定に移動します」をクリックしましょう。

通貨の設定画面に移動しました。ここでは、通貨の追加とマッピング、スイッチャーの設定ができます。マッピングとスイッチャーについては後で解説していきます。まず、通貨の追加をしていきます。「追加」ボタンを押してください。

「追加」ボタンを押すと、通貨の一覧が表示されます。追加したい通貨を選択しましょう。

選択すると、追加の通貨の欄に追加されていると思います。複数の通貨を追加することもできます。

次に、マッピングについて解説していきます。マッピングをクリックしてください。マッピングでは、顧客が最初にサイトを開いた時にどの通貨を表示するかを設定できます。デフォルトではブラウザの言語になっています。これはブラウザの言語によって通貨表示を変更することを意味しています。「店舗通貨」では、最初にストアの元の通貨が表示されます。通貨を顧客が変えないといけないので、店舗通貨はおすすめしません。「訪問者の国」では、各通貨を国にリンクして、通貨を変更する事ができます。デフォルトのブラウザ言語が良いと思います。検出する国やブラウザは変更できます。

スイッチャーを設定していきましょう。通貨のスイッチャーをクリックしましょう。クリックすると設定画面に自分のストアが出てきます。自分のストア画面の右下と左下にスイッチャーが表示されていると思います。左が通貨のスイッチャーで、右が言語のスイッチャーです。スイッチャーの設定変更は左横の画面で行なえます。試しに通貨のスイッチャーを変更してみましょう。「Currencies Selectors」のスイッチャーをNO1を押してください。