オンラインストアに Planet バッジを追加する
カーボンニュートラルな配送への取り組みをアピールしたい場合は、オンラインストアに Planet バッジを追加できます。Planet バッジには 2 種類のモードがあります。
- マーケティングモードでは、統計、比較、および Planet で資金提供しているプロジェクトに関する詳細情報を用いて、気候変動に対する取り組みを説明できます。
- エンゲージメントモードは、お客様がチェックアウト時に 0.50 米ドルを追加して配送をカーボンニュートラルにできる、インタラクティブなバッジです。
デフォルトでは、バッジはマーケティングモードに設定されています。[お客様が選択] プランを選択した場合、設定を完了するには、バッジをエンゲージメントモードに手動で設定する必要があります。Planet バッジはいくつでも追加でき、各バッジのモードは個別に変更できます。
このページの内容
Planet バッジを追加する際の考慮事項
オンラインストアに Planet バッジを追加する前に、以下の考慮事項を確認してください。
- Planet がインストールされている必要があります。
- 有効な Planet サブスクリプションに加入している必要があります。
- エンゲージメントモードは、[お客様が選択] プランまたは [組み合わせオプション] プランでのみ利用できます。
- マーケティングモードは、[すべての配送をカーボンニュートラルにする] プランまたは [組み合わせオプション] プランでのみ利用できます。
- 互換性のあるテーマを使用している必要があります。
利用可能な言語
Planet バッジに独自の翻訳を適用することはできません。ただし、Shopify の管理画面を変更できる利用可能な言語の一覧があります。Planet アプリのバッジを翻訳するには、複数言語での販売に対応しているテーマを使用する必要があります。お客様が希望の言語を選択できるように、デフォルトのテーマ言語を変更したり、他の言語を追加したりできます。
互換性のある項目に Planet バッジを追加する
互換性のあるテーマを使用している場合、テーマエディタからオンラインストアの任意のページに直接 Planet バッジを追加できます。
手順:
管理画面から、「オンラインストア」 > 「テーマ」の順に移動します。
バッジを追加するテーマの横にある「テーマを編集」をクリックします。
「ホームページ」や「カート」など、Planet バッジを追加するページを選択します。
既存のセクションまたは新しいセクションにバッジを追加します。
- 既存のセクションにバッジを追加するには、「ブロックを追加」をクリックし、「Shopify Planet」を選択します。
- 新しいセクションにバッジを追加するには、「セクションを追加」をクリックし、「Shopify Planet」を選択します。
- 「保存」をクリックします。
マーケティングモードとエンゲージメントモードを切り替える
テーマに Planet バッジを追加すると、テーマエディタから直接モードを変更できるようになります。バッジは、一度に1つのモードしか設定できません。
手順:
管理画面から、「オンラインストア」 > 「テーマ」の順に移動します。
バッジを調整するテーマの横にある「テーマを編集」をクリックします。
Planet バッジを追加したページを選択します。
オンラインストアエディタのサイドバーにある「アプリ」セクションで、ドロップダウンメニューから「Shopify Planet」をクリックします。
「バッジモード」セクションで、「マーケティング」または「エンゲージメント」を選択します。
「保存」をクリックします。
Planet バッジのデザインのカスタマイズ
互換性のあるテーマを使用している場合は、テーマエディタから直接 Planet バッジの外観をカスタマイズすることもできます。以下の属性をカスタマイズできます。
- 背景色と枠線
- バナーメッセージ
- Planet のロゴ、詳細情報セクション、統計セクション、資金提供したイノベーションセクションの表示
- バッジのサイズ、マージン、角の丸みのディメンション
カスタマイズできるさまざまな Planet バッジの属性について詳しくは、次の表を確認してください。
| 属性 | 説明 | カスタマイズオプション |
|---|---|---|
| カスタムテキスト | Planet バッジには、デフォルトでメッセージが表示されます。カスタムテキストフィールドを使用すると、デフォルトのメッセージを独自のメッセージに置き換えることができます。カスタムテキストは翻訳されません。マーケティングモードとエンゲージメントモードで利用可能です。 | カスタムメッセージを入力するか、空白のままにするかを選択できます。 |
| 詳細情報の表示 | Planet バッジ内に「詳細情報」リンクを表示できます。このリンクをクリックすると、カーボンニュートラルな発送への取り組みを説明するテキストと画像を含むダイアログが開きます。ストアのデフォルト言語が英語の場合、ダイアログには 45 秒の動画も表示されます。ダイアログによってお客様が現在のページから移動することはありません。マーケティングモードとエンゲージメントモードで利用できます。 | リンクを表示するか、何も表示しないかを選択できます。 |
| Planet アプリのロゴ | Planet のロゴは、右下に濃い色の葉が付いた薄緑色の円として描かれています。バッジのサイズに応じて、ロゴはバッジの左側または左上隅に表示されます。マーケティングモードとエンゲージメントモードで利用できます。 | Planet のロゴを表示するか、非表示にするかを選択できます。 |
| 除去された排出量の表示 | 「除去された排出量の表示」では、Planet でサポートしているプロジェクトを通じて大気中から除去した二酸化炭素排出量が kg 単位で表示されます。また、お客様がカーボンニュートラルな発送による影響を実感し、定量化できるように、平均的なガソリン車の走行距離との比較も表示されます。マーケティングモードで利用できます。 | 除去された排出量を表示するか、非表示にするかを選択できます。 |
| 資金提供したイノベーションの表示 | 各サブスクリプションプランは、さまざまな会社や革新的なソリューションへの資金提供に役立ちます。サブスクリプションプランに応じて、「資金提供したイノベーション」セクションには、サポートしている二酸化炭素排出量除去プロジェクトの種類の例が表示されます。マーケティングモードで利用できます。 | 資金提供したイノベーションを表示するか、非表示にするかを選択できます。 |
Planet バッジをカスタマイズする
管理画面から、「オンラインストア」 > 「テーマ」の順に移動します。
バッジを調整するテーマの横にある「テーマを編集」をクリックします。
Planet バッジを追加したページを選択します。
オンラインストアエディタのサイドバーにある「アプリ」セクションで、ドロップダウンメニューから「Shopify Planet」をクリックします。
Planet バッジのカスタマイズを適用します。
「保存」をクリックします。