thumbnail

Shopifyのギフトカードメールに表示される画像の変更方法|金券を販売したい場合


本ページでは、Shopifyのギフトカードを購入した方に届くメールの、ギフトカード画像を差し替える方法をご案内します。

本設定を行うことで、以下のことが実現できます。

  • ギフトカードのメールに、ストア独自の画像を表示できる

  • ブランドの世界観を伝え、受け取ったときの体験を高められる

ポイント:Shopifyの機能です

デジタルギフトカードは、All in giftではなくShopifyの機能です。設定や仕様のお問い合わせは、Shopifyへお願いします。

ギフトカードの作成方法は、Shopifyでデジタルギフトカードを作成する方法をご確認ください。

デフォルトのメール画像

画像変更後例


  1. Shopify管理画面 > コンテンツ > ファイル に進む

  2. 使用したいギフトカードの画像をアップロードする

  3. アップロードした画像のファイル名を控える(例:blue-giftcard.jpg)

  1. Shopify管理画面 > 設定 > 通知 > ギフトカード送信 > お客様への通知 > 新しいギフトカード に進む

  2. コードを編集 をクリックする

  3. コード内で、ギフトカード画像を表示している <img タグを探す

  4. 見つけたタグを、STEP1でアップロードした画像を参照するコードに置き換える

変更前のコード例

Plaintext
<img src="{{ 'gift-card/card' | shopify_asset_url }}" alt="ギフトカードの画像" width="240" height="160">

変更後のコード例

Plaintext
<img src="{{ 'blue-giftcard.jpg' | file_url }}" alt="ギフトカードの画像" width="240" height="160">

blue-giftcard.jpg の部分は、STEP1で控えたファイル名に変更してください。

  1. 保存 をクリックする

  2. テスト送信を行う

  3. 受信したメールで、画像が差し替わっていることを確認する

注意点:画像が表示されない場合は、以下を確認してください

  1. shopify_asset_url ではなく file_url を使っているか(shopify_asset_url はテーマの画像を参照するため、ファイル画面でアップロードした画像は表示されません

  2. ファイル名に拡張子(.jpg や .png)を付けているか

  3. 保存直後は反映されないことがあります。少し時間をおいて、テスト送信で確認してください