ギフトカードページと通知のカスタマイズ
デジタルギフトカードとギフトカード商品は、メール通知とストアフロントに表示されます。テーマをカスタマイズして、ギフトカードページとギフトカード商品ページをブランドに合わせて調整し、カスタムメッセージ、カスタムギフトカード画像、ギフトカードの受取人などの追加情報を含めることができます。
Shopify POSを使用して物理的なギフトカードを販売している場合、サポート対象国の Shopify ハードウェアストアからカスタマイズされた物理的なギフトカードを注文できます。 デジタルギフトカードは、ストアフロントのテーマの以下のエリアに表示されます。
- ギフトカード商品はオンラインストアに表示され、テーマの商品ページが使用されます。
- 作成されたギフトカードの詳細が記載されているギフトカードページは、テーマのページテンプレートです。
ギフトカードのカスタマイズに関する考慮事項
ギフトカードをカスタマイズする前に、以下の考慮事項を確認してください。
- テーマをカスタマイズして、ギフトカードページとギフトカード商品ページに含まれるスタイルや情報を変更できます。テーマの構造と利用可能なカスタマイズは、使用するテーマによって異なります。テーマの設定に関する詳細については、テーマのドキュメントを確認するか、テーマの開発者にお問い合わせください。
- ギフトカードのメール通知は、管理画面の通知設定からカスタマイズできます。通知を構成するファイルには、HTML、CSS、Shopify のテンプレート言語であるLiquid が含まれています。通知テンプレートを編集するには、HTML、CSS、Liquid に精通している必要があります。
- 16文字のギフトカード引き換えコードはランダム化されており、カスタマイズすることはできません。
ギフトカード商品のカスタマイズ
管理画面の商品ページで商品の詳細またはバリエーションの詳細を編集して、ギフトカード商品の詳細をカスタマイズできます。
ギフトカード商品の商品リストページは、テーマの商品ページテンプレートの一部です。ギフトカード商品の商品ページを調整するには、テーマの商品ページをカスタマイズできます。
ギフトカードページのカスタマイズ
ギフトカードを作成するか、お客様がギフトカード商品を注文すると、そのギフトカードの詳細 (ギフトカードの額面や残高、引き換えコードなど) がギフトカードページに記載されます。
ギフトカードページはテーマの一部です。テーマをカスタマイズして、ギフトカードページに含まれるスタイルや情報を追加または調整できます。
ギフトカードの額面とギフトカードの引き換えコードはカスタマイズできません。
ギフトカード通知のカスタマイズ
ギフトカードを含む注文をフルフィルメントすると、お客様またはギフトカードの受取人に通知メールが届きます。管理画面のお客様への通知ページで、ストアのギフトカード通知テンプレートを表示および更新できます。
以下のギフトカード通知を利用できます。
- 新しいギフトカード:注文のギフトカード商品が発送済みになった場合、または作成したギフトカードを送信した場合に、お客様または受取人に送信されます。
- ギフトカードのレシート:テーマでギフトカードの受取人の追加がサポートされており、お客様がギフトカード商品の購入に受取人を追加した場合に、受取人に送信されます。
通知テンプレートの編集について詳しくはこちら。
通知メールのデフォルトのギフトカード画像を置き換える
メール通知テンプレートを編集して、ギフトカード通知のデフォルトのギフトカード画像を置き換えることができます。デフォルトのギフトカード画像を置き換えるには、事前にカスタムギフトカード画像を管理画面のファイルセクションにアップロードしておく必要があります。
ギフトカード画像の推奨サイズは 950 px x 550 pxです。アスペクト比が 5:3 の画像、または最小サイズが 450 px x 270 px の画像を使用することもできます。
手順:
管理画面から、[設定] > [通知] の順に移動します。
[お客様への通知] をクリックします。
ギフトカードセクションで、*新しいギフトカードまたはギフトカードのレシートをクリックします。
[コードを編集する] をクリックします。
メールの本文 (HTML) エリアで、次のコードブロックを見つけます。
<img src="gift-card/card.jpg" alt="Gift card image" width="240" height="160">gift-card/card.jpgを画像ファイルの名前に置き換えます。その際、必ず引用符はそのままにし、.pngや.jpgなどの画像のファイルの拡張子を含めてください。任意:[プレビュー] をクリックして、変更内容をプレビューします。
[保存] をクリックします。
テーマにギフトカードの受取人を追加する
一部のテーマでは、ギフトカードに受取人情報を追加できます。テーマの設定について詳しくは、テーマのドキュメントを確認するか、テーマの開発者にお問い合わせください。
また、テーマのコードとメール通知をカスタマイズすることで、ギフトカード商品に受取人項目を追加することもできます。