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

このページはOct 05, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/products/gift-card-products/gift-card-customizationsをご覧ください。

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

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

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

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

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

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

ギフトカード商品の商品リストページはテーマの商品ページの一部となっているため、ギフトカード商品の商品ページを調整する際はテーマの商品ページをカスタマイズします。

ギフトカードを作成した場合や、お客様がギフトカード商品を注文した場合は、そのギフトカードの詳細 (ギフトカードの額面や残高、利用コードなど) がギフトカードページに表示されます。

ギフトカードページはストアフロントテーマの一部となっているため、テーマをカスタマイズすることにより、ギフトカードページに表示されるスタイルや情報を追加または調整することができます。たとえば、ギフトカードのカスタム画像を追加することなどが可能です。

ただし、ギフトカードの額面と利用コードはカスタマイズできません。

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

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

通知テンプレートの編集について詳細をご確認ください。

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

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

管理画面で、[設定] > [通知] に移動します。
[お客様通知] をクリックします。
[ギフトカード] セクションで、「**新しいギフトカード」または [ギフトカードの受領] をクリックします。
[コードを編集] をクリックします。
[メール本文 (HTML)] エリアで、<img src="gift-card/card.jpg" alt="Gift card image" width="240" height="160">というコードブロックを検索します。
「gift-card/card.jpg`」の部分を、用意した画像ファイルの名前に変更します。この名前には、必ず画像ファイルの拡張子 (.pngや.jpg`など) を付け、名前全体を引用符で囲んでください。
任意：[プレビュー] をクリックして変更内容をチェックします。
[保存] をクリックします。

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

テーマコードやメール通知をカスタマイズすることで、ギフトカード商品に受取人フィールドを追加することも可能です。