オンラインストアに地球のバッジを追加する
カーボンニュートラルな配送への取り組みを紹介したい場合は、オンラインストアにPlanetバッジを追加できます。Planetバッジには、以下の2つの異なるmodeがあります。
- マーケティングモードでは、Planetを通じて資金提供しているプロジェクトに関する統計、比較、詳細情報を使用して、気候変動に対する取り組みを説明することができます。
- エンゲージメントmodeは、お客様がチェックアウトに0.50米ドルを追加して配送をカーボンニュートラルにできるインタラクティブなバッジです。
PioneerまたはAllianceのサブスクリプションを選択した場合、バッジはデフォルトでマーケティングモードに設定されます。Communityサブスクリプションを選択した場合、バッジはデフォルトでエンゲージメントモードに設定されます。Planetバッジは必要な数まで追加できます。また、各バッジのモードを個別に変更することができます。
目次
Planetバッジを追加する際の留意事項
オンラインストアにPlanetバッジを追加する前に、以下の考慮事項を確認してください。
- Planetをインストールする必要があります。
- Planetの有効なサブスクリプションプランに加入している必要があります。
- エンゲージメントモードは、Planetのコミュニティプランまたはアライアンスプランに登録している場合にのみ利用可能です。
- Online Store 2.0テーマを使用している必要があります。
利用可能な言語
Planetバッジにご自身で作成した翻訳を適用することはできません。ただし、管理画面の表示言語として変更可能な言語のリストがあります。Planetアプリバッジを翻訳するには、複数の言語での販売に対応しているテーマを使用する必要があります。デフォルトテーマの言語を変更し、他の言語を追加して、お客様が希望する言語を選択できるようにすることができます。
Online Store 2.0のテーマに地球のバッジを追加する
Online Store 2.0のテーマを使用している場合、テーマエディタからオンラインストアの任意のページにPlanetバッジを直接追加できます。
手順
管理画面から [オンラインストア] > [テーマ] に移動します。
バッジを追加するテーマの横にある [カスタマイズ] をクリックします。
[ホームページ] や [カート] など、地球のバッジを追加するページを選択します。
次の方法で、既存のセクションまたは新しいセクションにバッジを追加します。
- 既存のセクションにバッジを追加するには、[ブロックを追加] をクリックし、[Shopify Planet] を選択します。
- 新しいセクションにバッジを追加するには、[セクションを追加] をクリックし、[Shopify Planet] を選択します。
[保存] をクリックします。
マーケティングモードとエンゲージメントモード間で変更する
テーマにPlanetバッジを追加した後、テーマエディタから直接モードを変更できます。バッジは一度にどちらかのモードのみで使用できます。
手順
管理画面から [オンラインストア] > [テーマ] に移動します。
バッジを調整するテーマの横にある [カスタマイズ] をクリックします。
Planetバッジを追加したページを選択します。
オンラインストアエディタのサイドバーで、アプリセクションのドロップダウンメニューから、[Shopify Planet] をクリックします。
[バッジのモード] セクションで、[マーケティング] または [エンゲージメント] を選択します。
[保存] をクリックします。
Planetバッジのデザインをカスタマイズする
Online Store 2.0のテーマを使用している場合、テーマエディタから直接、Planetバッジの外観をカスタマイズすることもできます。カスタマイズできる属性は以下の通りです。
- 背景色と罫線
- バナーメッセージ
- Planetのロゴ、詳細情報セクション、ステータスセクション、および資金提供しているイノベーションセクションの表示
- バッジのサイズ、余白、角を丸くする際の寸法
カスタマイズ可能な異なるPlanetバッジの属性について、詳しくは以下の表を確認してください。
| 属性 | 説明 | カスタマイズオプション |
|---|---|---|
| カスタムテキスト | Planetバッジにはデフォルトでメッセージが表示されます。カスタムテキストフィールドを使用して、デフォルトのメッセージを独自のメッセージに置き換えます。カスタムテキストは翻訳されません。マーケティングモードおよびエンゲージメントモードで利用できます。 | カスタムメッセージを入力するか、空白のままにするかを選択できます。 |
| 詳細情報の表示 | Planet バッジ内に「詳細」リンクを表示すると、カーボンニュートラル配送への取り組みを説明するテキストと画像を含むダイアログが開きます。 ストアのデフォルト言語が英語の場合は、ダイアログに 45 秒のビデオも表示されます。このダイアログでは、顧客管理者が常に同じ認識を保つことができます。 マーケティング モードとエンゲージメントModeで利用できます。 | リンクを表示するか、何も表示しないかを選択できます。 |
| Planetアプリのロゴ | Planetのロゴのデザインには、ライトグリーンの円の右下にダークグリーンの葉が描かれています。バッジのサイズに応じて、ロゴはバッジの左側または左上隅に表示されます。マーケティングモードおよびエンゲージメントモードで利用できます。 | Planetのロゴの表示・非表示を選択することができます。 |
| 除去された排出ガスの量を表示する | 「除去された排出ガスの量を表示する」には、マーチャントがPlanetを通じてサポートしているプロジェクトにより、大気中から除去された二酸化炭素の量が㎏で表示されます。お客様にとってわかりやすく、カーボンニュートラルな配送の影響を数値化できるようにするため、「除去された排出ガスの量を表示する」には、平均的なガソリン車による走行距離の比較も表示されます。マーケティングモードで利用できます。 | 除去された排出ガスの量の表示・非表示を選択することができます。 |
| 資金提供しているイノベーションを表示する | 各サブスクリプションプランでは、さまざまな会社や革新的なソリューションに資金を提供しています。ご利用中のサブスクリプションプランに応じて、資金提供しているイノベーションセクションには、マーチャントがサポートしている炭素排出量の除去プロジェクトの種類がいくつか掲載されます。マーケティングモードで利用できます。 | 資金提供しているイノベーションの表示・非表示を選択することができます。 |
Planetバッジをカスタマイズする
管理画面から [オンラインストア] > [テーマ] に移動します。
バッジを調整するテーマの横にある [カスタマイズ] をクリックします。
Planetバッジを追加したページを選択します。
オンラインストアエディタのサイドバーで、アプリセクションのドロップダウンメニューから、[Shopify Planet] をクリックします。
Planetバッジのカスタマイズを適用します。
[保存] をクリックします。