Skip to main content

概要

UpcartのTranslations機能を使うと、カートのインターフェース要素の言い回しや言語を変更できます。デフォルトの文言を調整したい場合でも、複数の言語でお客様に対応したい場合でも、すべてUpcart内で直接管理できます。 複数の言語に対応する必要がある場合は、まず Shopify管理画面の言語設定 でそれらを設定する必要があります。それが完了すれば、翻訳の編集はすべてUpcart内で行えます。

お客様の言語が選択される仕組み

Upcartは、現在のセッションのアクティブなShopifyストアフロントのロケールに従います。これは、Shopifyがストアフロントの他の部分をレンダリングする際に使用するロケールと同じで、Shopifyが購入者に対して判定する以下のいずれかによって設定されます。
  • ストアフロントの言語スイッチャーで選択された言語(テーマに追加している場合)。
  • 購入者がアクセスしているロケールプレフィックス付きのURL(たとえば /fr/de)。
  • 購入者のマーケットに対するShopify Marketsの言語および国のルーティングルール。
  • フォールバックとして使用される、設定 > 言語 のストアのデフォルト言語
Upcartはレンダリング時に、該当する言語用に保存された翻訳を検索して使用します。アクティブな言語のフィールドに翻訳が存在しない場合、Upcartはデフォルトのテキストにフォールバックします。 言語の選択はShopifyによって制御されるため、Upcart内から上書きすることはできません。Shopify管理画面で言語を追加または調整し、必要に応じてテーマに言語スイッチャーを追加して、購入者が言語を変更できるようにしてください。

ステップ1 - Shopify管理画面で言語を追加する

Upcartで言語を使用するには、事前に Shopify管理画面の設定 で追加しておく必要があります。
  1. Shopifyで、設定 > 言語 に移動します
  2. ストアとカートで対応したい各言語を追加します
重要:
  • カートを複数の言語で表示したい場合は、まずここですべての言語を追加する必要があります
  • 追加すると、Upcartの言語ドロップダウンに表示されます
注: 既存のカートテキストを編集または言い換えるだけの場合は、このステップをスキップできます。 英語、フランス語、ドイツ語、スペイン語がリストされ、言語を追加ボタンがあるShopify管理画面の言語設定

ステップ2 - Upcartでカートを翻訳する

  1. Upcart > Manage all carts に移動します
  2. 翻訳したいカートを選択します
  3. Translate ボタンをクリックします
  4. ドロップダウンから言語を選択します
  5. 翻訳を追加または更新します
完了したら、右上の Save をクリックします。 ドイツ語、スペイン語、フランス語が表示された言語ドロップダウンが開いているUpcartのTranslationsエディター

翻訳エディターの仕組み

エディターには2つの列があります:
  • Original
    現在カートで使用されているデフォルトのテキスト
  • Translation
    翻訳またはカスタマイズしたテキストを入力する場所
どのフィールドも直接編集できます。
  • Save をクリックして変更を適用します
  • ×アイコンをクリックするとフィールドがクリアされます。これは元のテキストを復元するのではなくボックスを空にするもので、空の翻訳はバリデーションに失敗し(「Translation cannot be empty」)、保存がブロックされます。保存する前に何かを入力し直すか、ページを再読み込みして変更を破棄してください。

翻訳できる内容 カート内のお客様向けのテキストはすべてカスタマイズできます。以下が含まれます:
  • カートのタイトルとヘッダーテキスト *
  • チェックアウトボタンとフッターのラベル *
  • 空のカートのメッセージ
  • カートアイテムのラベル — バンドル内容の表示/非表示リンク
  • アップセルのコンテンツとボタン
  • アップセルのレビュー数テキスト *
  • 段階的リワードのメッセージ *
  • 段階的リワードのティアの説明(例:「Free Shipping」「20% Off」)
  • 商品のおすすめ
  • メモと特別な指示
  • ディスカウントコードのフィールド — 入力プレースホルダーと適用ボタン
  • サブスクリプションのオプション *
  • アナウンスバナー *
注: * が付いているフィールドは、{{cart_quantity}}{{total_price}}{{amount}}{{review_count}} などの動的変数に対応しています。 cart_quantityやtotal_priceなどの動的変数を示すUpcartのTranslationsフィールド

単一言語のカートテキストを編集する

複数の言語を設定せずに、特定のカート要素の名前や言い回しだけを変更したい場合は、Edit Copy パネルから行えます。
  1. Manage Carts > Edit に移動します
  2. Settings を開きます — タブの列になっており、収まらないものは More settings の中にあります
  3. Edit copy タブを選択します
Body
  • Automatic discount savings text(例: 「Save」)
  • Empty cart message(例: 「Your cart is empty」)
  • Continue shopping button text(例: 「Or continue shopping」)
Footer
  • Total discount savings text(例: 「Discounts」)
  • Subtotal text(例: 「Subtotal」)
  • Checkout button text(例: Checkout • {{total_price}}
Bundles
  • Show bundle items text(単数形と複数形)
  • Hide bundle items text(単数形と複数形)
例: チェックアウトボタンの名前を「Secure Checkout」に変更するには、Checkout button text フィールドを Secure Checkout • {{total_price}} に更新して Save をクリックします。 ライブカートプレビューとともにボディとフッターのテキストラベルを編集しているUpcartのEdit Copyパネル