ギフトカードページと通知のカスタマイズ

デジタルギフトカードとギフトカード商品は、メール通知とストアフロントに表示されます。テーマをカスタマイズして、ギフトカードページとギフトカード商品ページをブランドに合わせて調整し、カスタムメッセージ、カスタムギフトカード画像、ギフトカードの受取人などの追加情報を含めることができます。

Shopify POSを使用して物理的なギフトカードを販売している場合、サポート対象国の Shopify ハードウェアストアからカスタマイズされた物理的なギフトカードを注文できます。 デジタルギフトカードは、ストアフロントのテーマの以下のエリアに表示されます。

  • ギフトカード商品はオンラインストアに表示され、テーマの商品ページが使用されます。
  • 作成されたギフトカードの詳細が記載されているギフトカードページは、テーマのページテンプレートです。

ギフトカードのカスタマイズに関する考慮事項

ギフトカードをカスタマイズする前に、以下の考慮事項を確認してください。

  • テーマをカスタマイズして、ギフトカードページとギフトカード商品ページに含まれるスタイルや情報を変更できます。テーマの構造と利用可能なカスタマイズは、使用するテーマによって異なります。テーマの設定に関する詳細については、テーマのドキュメントを確認するか、テーマの開発者にお問い合わせください。
  • ギフトカードのメール通知は、管理画面の通知設定からカスタマイズできます。通知を構成するファイルには、HTML、CSS、Shopify のテンプレート言語であるLiquid が含まれています。通知テンプレートを編集するには、HTML、CSS、Liquid に精通している必要があります。
  • 16文字のギフトカード引き換えコードはランダム化されており、カスタマイズすることはできません。

ギフトカード商品のカスタマイズ

管理画面の商品ページで商品の詳細またはバリエーションの詳細を編集して、ギフトカード商品の詳細をカスタマイズできます。

ギフトカード商品の商品リストページは、テーマの商品ページテンプレートの一部です。ギフトカード商品の商品ページを調整するには、テーマの商品ページをカスタマイズできます。

ギフトカードページのカスタマイズ

ギフトカードを作成するか、お客様がギフトカード商品を注文すると、そのギフトカードの詳細 (ギフトカードの額面や残高、引き換えコードなど) がギフトカードページに記載されます。

ギフトカードページはテーマの一部です。テーマをカスタマイズして、ギフトカードページに含まれるスタイルや情報を追加または調整できます。

ギフトカードの額面とギフトカードの引き換えコードはカスタマイズできません。

ギフトカード通知のカスタマイズ

ギフトカードを含む注文をフルフィルメントすると、お客様またはギフトカードの受取人に通知メールが届きます。管理画面のお客様への通知ページで、ストアのギフトカード通知テンプレートを表示および更新できます。

以下のギフトカード通知を利用できます。

  • 新しいギフトカード:注文のギフトカード商品が発送済みになった場合、または作成したギフトカードを送信した場合に、お客様または受取人に送信されます。
  • ギフトカードのレシートテーマでギフトカードの受取人の追加がサポートされており、お客様がギフトカード商品の購入に受取人を追加した場合に、受取人に送信されます。

通知テンプレートの編集について詳しくはこちら。

通知メールのデフォルトのギフトカード画像を置き換える

メール通知テンプレートを編集して、ギフトカード通知のデフォルトのギフトカード画像を置き換えることができます。デフォルトのギフトカード画像を置き換えるには、事前にカスタムギフトカード画像を管理画面のファイルセクションにアップロードしておく必要があります。

ギフトカード画像の推奨サイズは 950 px x 550 pxです。アスペクト比が 5:3 の画像、または最小サイズが 450 px x 270 px の画像を使用することもできます。

手順:

  1. 管理画面から、[設定] > [通知] の順に移動します。

  2. [お客様への通知] をクリックします。

  3. ギフトカードセクションで、*新しいギフトカードまたはギフトカードのレシートをクリックします。

  4. [コードを編集する] をクリックします。

  5. メールの本文 (HTML) エリアで、次のコードブロックを見つけます<img src="gift-card/card.jpg" alt="Gift card image" width="240" height="160">

  6. gift-card/card.jpg を画像ファイルの名前に置き換えます。その際、必ず引用符はそのままにし、.png.jpg などの画像のファイルの拡張子を含めてください。

  7. 任意:[プレビュー] をクリックして、変更内容をプレビューします。

  8. [保存] をクリックします。

テーマにギフトカードの受取人を追加する

一部のテーマでは、ギフトカードに受取人情報を追加できます。テーマの設定について詳しくは、テーマのドキュメントを確認するか、テーマの開発者にお問い合わせください

また、テーマのコードとメール通知をカスタマイズすることで、ギフトカード商品に受取人項目を追加することもできます。