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

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

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

  • ギフトカード商品がオンラインストアに掲載され、テーマの商品ページを使用する
  • ギフトカードページ (作成されたギフトカードの詳細を含む) は、テーマのページテンプレートである

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

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

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

ギフトカード商品をカスタマイズする

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

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

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

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

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

ギフトカードの価格とギフトカードの利用コードはカスタマイズできません。

ギフトカードに関する通知をカスタマイズする

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

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

  • 新しいギフトカード:注文のギフトカード商品がフルフィルメントされるか、作成したギフトカードを送信すると、お客様や受取人に送信されます。
  • ギフトカードの受領テーマがギフトカード受取人の追加に対応しており、お客様がギフトカード商品の購入に受取人を追加した場合に、受取人に送信されます。

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

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

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

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

手順

  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. [保存] をクリックします。

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

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

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

Shopifyで販売を開始する準備はできていますか?

無料体験を試す