オンラインストアに地球のバッジを追加する
カーボンニュートラルな配送への取り組みを紹介したい場合は、オンラインストアにPlanetバッジを追加できます。Planetバッジには、マーケティングモードとエンゲージメントモードの2つのモードがあります。マーケティングモードでは、Planetを通じて資金提供しているプロジェクトに関する統計、比較、詳細情報を使用して、気候変動に対する取り組みを説明することができます。エンゲージメントモードは、お客様がチェックアウトに0.25米ドルの手数料を追加して配送をカーボンニュートラルにできるインタラクティブなバッジです。
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のロゴのデザインには、ライトグリーンの円の右下にダークグリーンの葉が描かれています。バッジのサイズに応じて、バッジの左側または左上にロゴが表示されます。マーケティングモードおよびエンゲージメントモードで利用できます。 | Planetのロゴの表示・非表示を選択できます。 |
| 詳細情報のリンク | Impactページを設定している場合、詳細情報リンクを表示してお客様をImpactページに誘導することができます。バッジのサイズに応じて、バッジの右側または右上に、[詳細情報] リンクとして詳細情報CTAが表示されます。Impactページを設定していない場合は、「Powered by Shopify Planet」のテキストが表示されます。マーケティングモードおよびエンゲージメントモードで利用できます。 | 「詳細情報」セクションの表示・非表示を選択できます。 |
| 除去された排出ガスの量を表示する | 「除去された排出ガスの量を表示する」には、マーチャントがPlanetを通じてサポートしているプロジェクトにより、大気中から除去された二酸化炭素の量が㎏で表示されます。お客様にとってわかりやすく、カーボンニュートラルな配送の影響を数値化できるようにするため、「除去された排出ガスの量を表示する」には、平均的なガソリン車による走行距離の比較も表示されます。マーケティングモードで利用できます。 | 除去された排出ガスの量の表示・非表示を選択できます。 |
| 資金提供しているイノベーションを表示する | 各サブスクリプションプランでは、さまざまな会社や革新的なソリューションに資金を提供しています。サブスクリプションプランに応じて、資金提供しているイノベーションセクションには、マーチャントがサポートしている炭素排出量の除去プロジェクトの種類がいくつか掲載されます。マーケティングモードで利用できます。 | 資金提供しているイノベーションの表示・非表示を選択できます。 |
Planetバッジをカスタマイズする
- 管理画面で、[オンラインストア] > [テーマ] の順に移動し、バッジを変更するテーマの横の [カスタマイズ] をクリックします。
- Planetバッジを追加したページを選択します。
- オンラインストアエディタのサイドバーで、アプリセクションのドロップダウンメニューから、[Shopify Planet] をクリックします。
- Planetバッジのカスタマイズを適用します。
- [保存] をクリックします。
Planet Impactページを追加する
気候変動に対する取り組みとカーボンニュートラルな配送による貢献についての情報をお客様に提供するために、Planet Impactページを作成できます。
手順:
- 管理画面から [アプリ] > [Planet] の順に進みます。
- [設定とツール] をクリックします。
- [Planet Impactページをストアに追加する] セクションで、[ページを追加する] をクリックします。
- 任意：新しいPlanet ImpactページをPlanetバッジに追加する場合、[PlanetバッジからImpactページへのリンクを追加する] を選択します。
Planet Impactページを編集する
Planet Impactページには、カーボンニュートラルな配送のメリットとプロセスのしくみを概説するデータ、ビデオ、画像が自動的に追加されます。このコンテンツのカスタマイズやブランドに合わせたパーソナライズを行うには、管理画面でページを直接編集できます。
手順:
- [オンラインストア] > [ページ] に移動します。
- [気候問題に対する取り組み] ページをクリックします。
- 既存ページのコンテンツに変更を加えます。
- [保存] をクリックします。オンラインストアで変更したページにアクセスし、変更が正しく表示されることを確認します。保存した変更内容を反映させるために、ブラウザを再読み込みする必要がある場合もあります。
- 任意：オンラインストアのメニューにPlanet Impactページのメニュー項目を追加すると、お客様がページを見つけやすくなります。