Agregar Liquid personalizado a las campañas de Shopify Email

Esta página fue impresa el Oct 21, 2023. Para acceder a la versión actual, por favor visita https://help.shopify.com/es/manual/promoting-marketing/create-marketing/shopify-email/create-email/custom-liquid.

Puedes agregar codificaciones personalizadas a los mensajes de Shopify Emailagregando una sección personalizada de Liquidocreando un correo electrónico con código completamente personalizado. Estas opciones te permiten introducirLiquidy HTML personalizados.

Liquid es un lenguaje de programación simple y fácil de usar de Shopify y es con el que se construyen los temas de la tienda de temas de Shopify.

Puedes usar Liquid personalizado para mostrar recursos personalizados como imágenes lado a lado, botones personalizados, imágenes de tamaño personalizado y tamaños de secciones personalizados.

En esta página

Consideraciones

Revisa las siguientes consideraciones antes de comenzar a agregar Liquid personalizado a los mensajes de Shopify Email:

  • Las variables que incluyas en el código deben sercompatibles con Liquid personalizado.
  • Solo puedes usar un dispositivo de escritorio para crear una sección de Liquid personalizada.
  • La variableunsubscribe_linkes obligatoria en los correos electrónicos de Liquid personalizado. Si activaste el seguimiento de correos abiertos, la variableopen_trackingtambién es obligatoria.Obtén más información sobre cómo agregar variables obligatorias al correo electrónico.
  • El código que introduces tiene los siguientes límites:
    • Máximo de 50 kilobytes (KB) para secciones de Liquid personalizado.
    • Máximo de 500 KB para correos electrónicos de Liquid con código personalizado.

Variables de Liquid admitidas en Liquid personalizado

Puedes usar las siguientes variables para personalizar tus mensajes de correo electrónico de Shopify con Liquid.

Descripción de las variables Liquid compatibles con Shopify Email
Variable Descripción 
unsubscribe_link
 Esta variable brinda acceso al enlace para darse de baja. Es obligatoria si creas uncorreo electrónico con código personalizado. 
open_tracking
 Esta variable brinda acceso al bloque preformateado deseguimiento de correos abiertos. Es obligatoria si creas uncorreo electrónico con código personalizadoy activaste el seguimiento de correos abiertos. 
abandoned_checkout

Esta variable otorga acceso a las siguientes propiedades de un pedido abandonado:

  • urlmuestra la URL del pago abandonado.
  • line_itemsmuestra las primeras cinco líneas de artículo del pedido abandonado. Además, cada objetoline_itemscontiene las siguientes propiedades sobre cada producto:
    • image_url
    • product_title
    • variant_title
    • quantity
  • remaining_products_countmuestra el número de líneas de artículos restantes, si hay más de cinco líneas de artículo en el pedido abandonado.

    • La variableabandoned_checkoutse llena solo si un correo electrónico es parte de unaautomatización de marketing de pedido abandonado. De lo contrario, la variable seránull.

 
abandoned_visit

Esta variable otorga acceso a las siguientes propiedades de un carrito abandonado o de navegación:

  • urlmuestra la URL del pago abandonado.
  • products_added_to_cartmuestra las primeras cinco líneas de artículos de productos agregadas al carrito de la visita abandonada. Además, cada objetoproducts_added_to_cartcontiene las siguientes propiedades sobre cada producto:
    • título
    • image_url
    • variant_title
    • quantity
  • products_viewedmuestra los primeros cinco productos vistos durante la visita abandonada. Además, cada objetoproducts_viewedcontiene las siguientes propiedades sobre cada producto:
    • título
    • descripción
    • image_url
    • URL
  • remaining_cart_products_countmuestra el número de líneas de artículos restantes, si hay más de cinco líneas de artículo en el pedido abandonado.

    • La variableabandoned_visitse rellena solo si un correo electrónico es parte de unaautomatización de marketing de un carrito abandonado o de un producto abandonado. De lo contrario, la variable seránull.

 
data.customer.*

Esta variable otorga acceso a las siguientes propiedades de datos de clientes:

  • nombre
  • apellido
  • Correo electronico
  • city
  • estado
  • país

    • Estas propiedades no se pueden usar dentro de losfiltros Liquidni de lascondiciones de Liquid.

    		 
    电子邮件。*

    Esta variable otorga acceso a las siguientes propiedades de correo electrónico:

  • subjectmuestra la línea del asunto del correo electrónico.
  • preview_textmuestra el texto de vista previa del correo electrónico.
    		•  
    shop.*
    		 Esta variable brinda acceso a las siguientes propiedades de la tienda:
  • namemuestra el nombre de la tienda.
  • domainmuestra el dominio principal de la tienda.
  • urlmuestra la URL de la tienda.
  • shopify_domainmuestra el dominio de Shopify.
    • addressmuestra la dirección de la tienda, lo que expone las siguientes propiedades de la dirección:
      • address1
      • address2
      • city
      • país
      • teléfono
      • province
      • Código postal
      • brandingmuestra la marca de la tienda, que incluye las siguientes propiedades:
        • 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, que se renderiza como una etiquetaimgdirectamente.

    Usar las variables obligatorias

    Cuando creas un correo electrónico de Liquid personalizado, la variableunsubscribe_linkes obligatoria. Si activaste el seguimiento de correos abiertos, la variableopen_trackingtambién es obligatoria.

    Aunque estas variables se pueden insertar en cualquier lugar del código del correo electrónico, el lugar más común para agregarlas es en la sección del pie de página de un correo electrónico, como en el siguiente ejemplo:

    Ejemplo de código Liquid personalizado

    Puedes agregar Liquid y HTML personalizados en el editor de código. El siguiente código es un ejemplo de cómo agregar código Liquid para mostrar el nombre de la tienda, un botón personalizado y una imagen de tamaño personalizado en un mensaje de correo electrónico.

     
     
     Hello from{{shop.name}}!

    ¿Estás listo/a para comenzar a vender con Shopify?

    功能gratis