ShopifyメールキャンペーンにカスタムLiquidを追加する

Shopifyのメールメッセージにカスタムコードを追加するには、カスタムLiquidセクションを追加するか、カスタムコードを使用してメール全体を作成することができます。これらのオプションを使用すると、カスタムのLiquidまたはHTMLを入力できます。

Liquidは、Shopifyのシンプルで使いやすいプログラミング言語であり、Shopify テーマストアのテーマが構築されているのと同じプログラミング言語です。

カスタムLiquidを使用して、横並びの画像、カスタムボタン、カスタムサイズの画像、カスタムセクションサイズなどのカスタムアセットを表示できます。

留意事項

ShopifyメールメッセージにカスタムLiquidを追加する前に、以下の考慮事項を確認してください。

  • コードに追加する変数は、カスタムLiquidで対応しているものに限られます。
  • カスタムLiquidセクションの作成に使用できるのは、デスクトップデバイスのみです。
  • カスタムLiquidメールには、unsubscribe_link変数が必要です。オープントラッキングを有効にしている場合、open_tracking変数も必要になります。必要な変数をメールに追加する方法について、詳しくはこちらをご覧ください。
  • 入力するコードには以下の制限があります。
    • カスタムLiquidセクションは最大50キロバイト (KB)。
    • カスタムコードで作成されたLiquidメールは最大500KB。

カスタムLiquidに対応したLiquid変数

以下の変数を使用し、LiquidでShopifyのメールメッセージをカスタマイズできます。

Shopify メールに使用できるLiquid変数の説明
変数 説明
unsubscribe_link
この変数によって登録解除リンクを利用できるようになります。この変数は、カスタムコードを使用して生成されたメールを作成する場合に必要です。
open_tracking
この変数によって事前フォーマット済みの開封追跡ブロックを利用できるようになります。この変数は、カスタムコードを使用して生成したメールを作成し、開封追跡を有効にしている場合に必要です。
abandoned_checkout

この変数を使用すると、以下のチェックアウト離脱のプロパティにアクセスできます。

  • urlは、チェックアウト離脱のURLを表示します。
  • line_itemsは、チェックアウト離脱の最初の5項目を表示します。さらに、各line_itemsのオブジェクトには、各商品に関する以下のプロパティが含まれます。
    • image_url
    • 商品_タイトル
    • バリエーション_タイトル
    • quantity
  • remaining_products_countは、チェックアウト離脱に5つを上回る項目がある場合、残りの項目数を表示します。
  • abandoned_checkout変数は、メールがチェックアウト離脱のマーケティングオートメーションの一部である場合にのみ値が入ります。それ以外の場合、変数はnullとなります。

abandoned_visit

この変数を使用すると,以下のカゴ落ちまたはサイト離脱のプロパティにアクセスできます。

  • urlは、チェックアウト離脱のURLを表示します。
  • products_added_to_cartは、離脱したセッション数のカートに追加された最初の5つの商品項目を表示します。さらに、各products_added_to_cartオブジェクトには、各商品に関する以下のプロパティが含まれます。
    • title
    • image_url
    • バリエーション_タイトル
    • quantity
  • products_viewedは、離脱したセッション数の間に確認された最初の5つの商品を表示します。さらに、各products_viewedオブジェクトには、各商品に関する以下のプロパティが含まれます。
    • title
    • 説明
    • image_url
    • URL
  • remaining_cart_products_countは、チェックアウト離脱に5つを上回る項目がある場合、残りの項目数を表示します。
  • abandoned_visit変数は、メールがカゴ落ち、または商品ページ離脱のマーケティングオートメーションの一部である場合にのみ値が入ります。それ以外の場合、変数はnullとなります。

data.customer.*

この変数を使用して、お客様の以下のデータプロパティにアクセスできます。

  • 名 
  • email
  • city
  • state
  • これらのプロパティは、Liquidフィルター、またはLiquid条件の中では使用できません。

    email.*

    この変数を使用して、以下のメールプロパティにアクセスできます。

  • subjectは、メールの件名を表示します。
  • preview_textは、メールのプレビューテキストを表示します。
  • shop.*
    この変数を使用して、以下のショップのプロパティにアクセスできます。
  • nameは、ショップ名を表示します。
  • domainは、ショップのプライマリードメインを表示します。
  • urlは、ショップのURLを表示します。
  • shopify_domainは、ショップのShopifyドメインを表示します。
    • addressは、ショップの住所を表示し、これにより以下の住所プロパティが公開されます。
      • 番地
      • address2
      • city
      • 電話番号
      • province
      • zip
      • brandingは、ショップのブランディングを表示し、これには以下のプロパティが含まれます。
        • accent_section_color
        • background_primary_color
        • background_border_color
        • body_text_color
        • button_background_and_link_color
        • button_label_color
        • footer_link_color
        • footer_text_color
        • footer_background_color
        • social_link_facebook
        • social_link_twitter
        • social_link_instagram
        • social_link_pinterest
        • shop_name
        • logoでは、imgタグとして直接レンダリングされます。

    必要な変数を使用する

    カスタムLiquidメールを作成する際は、unsubscribe_link変数が必要です。オープントラッキングを有効にしている場合、open_tracking変数も必要になります。

    これらの変数はメールのコード内のどこにでも挿入できますが、以下のようにメールのフッターセクションに追加するのが最も一般的です。

    カスタムLiquidコードの例

    コードエディタにカスタムLiquidとHTMLを追加できます。以下のコードは、メールメッセージにストア名、カスタムボタン、およびカスタムサイズの画像を表示するようにLiquidコードを追加する方法の例です。

     

    Hello from{{shop.name}}!

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

    無料体験を試す