Adding a Custom Liquid Section to an Email

Adding a custom Liquid section lets you input custom Liquid or HTML into your Shopify Email messages

• Liquid is Shopify's simple, easy-to-use programming language, and is the same programming language that themes from the Shopify Theme Store are built with
• You can use the custom Liquid section to display custom assets such as side-by-side images, custom buttons, custom sized images, and custom section sizes

Considerations

Review the following considerations before you start adding custom Liquid into your Shopify Email messages:

• The variables that you include in your code need to be supported by the custom Liquid section
• The code that you enter can't exceed 50 KB in size
• You can only use a desktop device to create a custom Liquid section

Adding a Liquid Section

• To add a Liquid section, when creating an email, simply click on the Add Section button in the bottom right corner of the screen

• In the menu of different section types that appears, click Custom Liquid

Liquid Variables Supported in the Custom Liquid Section

abandoned_checkout

This variable gives access to the following properties of an abandoned checkout:

• url displays the URL of the abandoned checkout
• line_items displays the first five line items of the abandoned checkout. Additionally, each line_items object contains the following properties about each product:
  • product_title
  • variant_title
  • quantity
• remaining_products_count displays the remaining line items count, if there are more than five line items in the abandoned checkout

The abandoned_checkout variable populates only if an email is part of an abandoned checkout marketing automation, otherwise, the variable will be null

abandoned_visit

This variable gives access to the following properties of an abandoned cart or browse:

• url displays the URL of the abandoned checkout
• products_added_to_cart displays the first five product line items added to the cart of the abandoned visit. Additionally, each products_added_to_cart object contains the following properties about each product:
  • title
  • image_url
  • variant_title
  • quantity
• products_viewed displays the first five products viewed during the abandoned visit. Additionally, each products_viewed object contains the following properties about each product:
  • title
  • description
  • image_url
  • url
• remaining_cart_products_count displays the remaining line items count, if there are more than five line items in the abandoned checkout

The abandoned_visit variable populates only if an email is part of an abandoned cart or abandoned product browse marketing automation, otherwise, the variable will be null

data.customer.*

This variable gives access to the following customer data properties:

• first_name
• last_name
• email
• city
• state
• country

These properties can't be used inside Liquid filters, or Liquid conditions

email.*

This variable gives access to the following email properties:

• subject displays the subject line of the email
• preview_text displays the preview text of the email

shop.*

This variable gives access to the following shop properties:

• name displays the shop name.
• domain displays the shop primary domain.
• url displays the shop URL.
• shopify_domain displays the shop Shopify domain.
• address displays the shop address, which exposes the following address properties:
  • address1
  • address2
  • city
  • country
  • phone
  • province
  • zip
  • branding displays the shop branding, which includes the following properties:
    • 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, which is rendered as an img tag directly.