多言語表示(翻訳)の設定

【シンプルギフトオプション】多言語表示(翻訳)の設定方法

  • 設定簡単

  • シンプル

  • $4.99/月

【シンプルギフトオプション】多言語表示(翻訳)の設定方法

アプリの特徴

  • 余計な機能がないので設定が簡単
  • 導入しやすい$4.99/月
  • もちろん日本語に対応
  • シンプルで無駄な機能なし
  • デザインを邪魔しないシンプルで洗練されたUI
  • 「有料」もしくは「無料」のオプションをつけることが可能。
  • 追加情報として「選択(ドロップダウン)」「テキスト」の項目を持たせることが可能。

海外のお客様や、複数の言語を使うストアのために、ギフトオプションの文言を言語ごとに翻訳する方法です。ブロックのタイトル、ギフトの表示名、追加項目名、選択肢、入力上限エラーメッセージを翻訳できます。

この記事でわかること

  • 翻訳できる言語を追加する方法(Shopifyの言語設定)
  • 翻訳の入力方法
  • 翻訳しない項目がどう表示されるか
  • 翻訳が表示されないときの確認

操作する場所:Shopify管理画面 → アプリ → SAKUシンプルギフトオプション →「ギフトオプション設定」→ 右側の「多言語表示(翻訳)」


全体の流れ

  1. Shopifyの「設定」→「言語」で、翻訳したい言語を追加します(1️⃣)。
  2. アプリの「多言語表示(翻訳)」で、「翻訳する言語」を選んで「追加」を押します(2️⃣)。
  3. 言語ごとの入力欄に翻訳を入力します(3️⃣)。
  4. 画面上部の保存バーの「保存」を押します(4️⃣)。

始める前に用意するもの

  • SAKUシンプルギフトオプションがインストールされていること
  • 翻訳したい言語が、Shopifyの「設定」→「言語」に追加済みであること(まだの場合は1️⃣で追加します)
  • お客様に表示するには、その言語をShopifyで公開していること(未公開の言語も、先に翻訳を準備できます)
  • 「商品情報を使う」方式の場合は、Translate & Adapt などでギフト用の商品名を翻訳しておくこと


1️⃣ Shopifyでストアの言語を追加する

翻訳できるのは、Shopifyの「設定」→「言語」に追加済みの言語だけです。まだ追加していない場合は、Shopify管理画面の「設定」→「言語」を開き、翻訳したい言語を追加してください。お客様に表示するには、Shopify側で言語を公開する必要もあります(未公開の言語も、先に翻訳を準備できます)。


2️⃣ 「多言語表示(翻訳)」で言語を追加する

「ギフトオプション設定」を開き、右側の「プレビュー」の下にある「多言語表示(翻訳)」を見ます。「ストアの表示言語ごとに、お客様に表示する文言を翻訳できます。翻訳を入力しない項目は、左で設定した文言が表示されます。」と説明があります。

ギフトオプション設定画面の右側にある「多言語表示(翻訳)」

赤枠の「多言語表示(翻訳)」が、翻訳を入力する場所です。ギフトオプションごとに、見出し・表示名・追加項目名・選択肢が並びます。

「翻訳する言語」のセレクトで、「English (en)」の形で並ぶ言語から選び、ボタン「追加」を押します。追加した言語は、選択肢から消えます。ストアのメイン言語(基本の言語)は、元の文言がそのまま表示されるので、選択肢には出ません。


3️⃣ 言語ごとの入力欄に翻訳を入力する

追加した言語ごとに、入力用のカードが表示されます(言語名と赤い「削除」ボタンが付きます)。ブロックのタイトルと入力上限エラーメッセージのあとに、「ギフトオプション1」「ギフトオプション2」…と、ギフトオプションごとの欄が並びます(Proプランで追加したギフトオプションも同じです)。次の欄があります。

入力欄 内容
ブロックのタイトル ギフトオプションの見出しの欄です。未入力の場合、タイトルが初期値(ギフトオプション)のままなら各言語の標準の表記、テーマエディタで変更していればその文言で表示されます。
入力上限エラーメッセージ 最大200文字。未入力の場合は、同じ画面の「入力上限エラーの表示」セクション(画面の左側)に入力した文言が使われます。
見出し ギフトオプション2以降の見出しの欄です(画面には「見出し:」の後ろに元の見出しが付きます)。見出しを入力したギフトオプションだけ表示されます。注文の項目名にも使われます。
表示名 ギフトの名前の欄です(画面には「表示名:」の後ろにギフトの名前が付きます)。「アプリで設定する」方式のときだけ表示されます。
項目名 追加項目の名前の欄です(画面には「項目名:」の後ろに項目の名前が付きます)。追加項目ごとに表示されます。
選択肢 選択肢の欄です(画面には「選択肢:」の後ろに項目の名前が付きます)。ドロップダウン項目のときだけ表示されます。カンマ区切りで、元の選択肢と同じ順番で入力します。

例:元の選択肢が「赤, 青, 金」なら、英語は「Red, Blue, Gold」のように、同じ順番で入力します。入力した言語のカードに入れたら、そのカードの欄に入力した文言が表示されていれば入力できています。

「商品情報を使う」方式のときは、ギフトの表示名の欄は出ません。Shopifyの商品名・バリエーション名の翻訳が使われます。Translate & Adapt(Shopifyの翻訳アプリ)などで商品情報を翻訳してください。ブロックのタイトルや追加項目は、どちらの方式でもこの画面で翻訳できます。

ギフトオプション設定画面の上部。表示名・価格の設定方法とギフトオプション

赤枠の「アプリで設定する」「商品情報を使う」で、表示名と価格の設定方法を選びます。

※チェックアウト画面・注文のギフト名:「アプリで設定する」方式でも、チェックアウト画面と注文の商品明細では、ギフトは登録した商品の商品名で表示されます。ここで翻訳した表示名は、ストアの選択肢と「ギフトオプション: 表示名」の項目に使われます。ほかの言語のチェックアウトで商品名も翻訳したいときは、Translate & Adapt などでギフト用の商品の商品名を翻訳してください。

元の項目を変更した(選択肢を増やしたなど)ときは、翻訳も見直してください。


4️⃣ 保存する

画面上部の保存バーの「保存」を押します。翻訳の量が多すぎて、Shopifyの保存できる上限(10,000バイト)を超えると保存できません。その場合は、項目や文言を減らして、もう一度保存してください。


設定後のストア表示

お客様の表示言語に合わせて、翻訳した文言が表示されます。たとえば、お客様の言語が「ja-JP」(日本・日本語)の場合は、まず「ja-JP」の翻訳、なければ「ja」の翻訳が使われます。

  • 翻訳していない項目は、アプリで設定した文言(左側に入力した内容)で表示されます。
  • 「不要」「選択してください」などの固定の文言は、日本語・英語・中国語(簡体字)・中国語(繁体字)・韓国語に自動で切り替わります。それ以外の言語では英語になります。
  • お客様が入力したメッセージは、翻訳されません。そのまま注文に記録されます。

うまくいかないとき

  • 翻訳したい言語が「翻訳する言語」にない
    Shopifyの「設定」→「言語」で言語を追加してから、アプリを再読み込み(ブラウザの更新ボタンを押す、またはWindowsはCtrl+R、Macは⌘+R)してください。すでに翻訳欄を追加した言語は、一覧から消えます。
  • 「ストアの言語を取得できませんでした。アプリのアクセス許可が更新されていることを確認し、ページを再読み込みしてください。入力済みの翻訳は保持されています。」という黄色いバナーが出て、言語を選べない
    アプリのアクセス許可の更新が求められていないか確認し、更新したあとにページを再読み込みしてください。入力済みの翻訳は保持されています。
  • 翻訳がストアに表示されない
    (1) 翻訳を入力して「保存」したか、(2) その言語がShopifyで公開されているか、(3) ストアが対象の言語で表示されているかを確認してください。
  • 選択肢の翻訳がずれる
    元の選択肢と同じ順番・同じ数でカンマ区切りになっているか確認してください。