本ページでは、Shopifyのギフトカードを購入した方に届くメールの、ギフトカード画像を差し替える方法をご案内します。
本設定を行うことで、以下のことが実現できます。
ギフトカードのメールに、ストア独自の画像を表示できる
ブランドの世界観を伝え、受け取ったときの体験を高められる
ポイント:Shopifyの機能です
デジタルギフトカードは、All in giftではなくShopifyの機能です。設定や仕様のお問い合わせは、Shopifyへお願いします。
ギフトカードの作成方法は、Shopifyでデジタルギフトカードを作成する方法をご確認ください。
デフォルトのメール画像
画像変更後例
Shopify管理画面 > コンテンツ > ファイルに進む使用したいギフトカードの画像をアップロードする
アップロードした画像のファイル名を控える(例:
blue-giftcard.jpg)
Shopify管理画面 > 設定 > 通知 > ギフトカード送信 > お客様への通知 > 新しいギフトカードに進むコードを編集をクリックするコード内で、ギフトカード画像を表示している
<imgタグを探す見つけたタグを、STEP1でアップロードした画像を参照するコードに置き換える
変更前のコード例
<img src="{{ 'gift-card/card' | shopify_asset_url }}" alt="ギフトカードの画像" width="240" height="160">変更後のコード例
<img src="{{ 'blue-giftcard.jpg' | file_url }}" alt="ギフトカードの画像" width="240" height="160">blue-giftcard.jpg の部分は、STEP1で控えたファイル名に変更してください。
保存をクリックするテスト送信を行う
受信したメールで、画像が差し替わっていることを確認する
注意点:画像が表示されない場合は、以下を確認してください
shopify_asset_urlではなくfile_urlを使っているか(shopify_asset_urlはテーマの画像を参照するため、ファイル画面でアップロードした画像は表示されませんファイル名に拡張子(
.jpgや.png)を付けているか保存直後は反映されないことがあります。少し時間をおいて、テスト送信で確認してください