Bloques de contenido dinámico

El bloque de contenido dinámico permite mostrar distintos tipos de contenido en el pago cuando se cumplen ciertas condiciones.

Por ejemplo, si realizas una campaña para donar una parte de todas las ventas de camisetas a beneficencia, puedes crear un banner especial Gracias por tu apoyo que se muestre en el pago solo cuando un cliente compre una camiseta.

Elementos de contenido compatibles con los bloques de contenido dinámico

Los bloques de contenido dinámico admiten los siguientes tipos de elementos de contenido:

  • Acordeón
  • Banner
  • Beneficios
  • Botón
  • Separador
  • Encabezado
  • Imagen
  • Espaciador
  • Texto

Puedes agregar varios elementos de contenido en un mismo bloque de contenido dinámico.

Los bloques de contenido dinámico también admiten una lista limitada de formato Markdown al escribir texto:

  • Encabezados H1, H2 y H3
  • Negrita, cursiva y tachado
  • Imágenes
  • Saltos de línea
  • Enlaces
  • Listas ordenadas y no ordenadas
  • Líneas horizontales

Para agregar algo de personalización a tu contenido, también puedes usar variables de Liquid.

Crear un bloque de contenido dinámico

Puedes crear y configurar un bloque de contenido dinámico en la app Checkout Blocks. Después de crear un bloque de contenido dinámico, debes agregarlo al pago.

Pasos:

  1. Desde el panel de control de Shopify, ve a Aplicaciones > Checkout Blocks.

  2. Haz clic en Bloques y luego en Crear bloque.

  3. Haz clic en Contenido dinámico.

  4. Selecciona la plantilla del campo que quieres usar. Si no quieres que haya campos ni configuraciones predefinidos, selecciona Plantilla en blanco.

  5. En la sección Nombre del bloque, ingresa un nombre para el bloque. No se muestra a los clientes.

  6. En la sección ID del bloque, usa el menú desplegable para asignar un número de ID específico. Más información sobre IDs de bloque.

  7. En la sección Reglas de visualización, configura las reglas de visualización del bloque:

    • Para mostrar el bloque a todos los clientes, deja vacía la sección Reglas de visualización.
    • Para crear una regla de visualización, haz clic en ⊕ Agregar regla de visualización y configúrala. Agrega tantas reglas de visualización como necesites.
  8. En la sección Contenido, agrega y personaliza el contenido del bloque:

    1. Opcional: En el campo Encabezado de la sección, haz clic en Agregar título (opcional) para agregar un encabezado al bloque.
    2. En la sección Elementos de contenido, haz clic en ⊕ Agregar elemento de contenido y luego selecciona el elemento de contenido que quieres agregar.
    3. En el cuadro de diálogo del elemento de contenido, configura la información y el estilo del elemento y haz clic en Aceptar.
    4. Opcional: Agrega más elementos de contenido y personalízalos según sea necesario.
  9. Opcional: En la sección Estilos, haz clic en Personalizar diseño para personalizar los estilos y tamaños del contenedor y las columnas del bloque.

  10. Opcional: En la sección Publicación, haz clic en el ícono de lápiz para seleccionar los Mercados y las páginas de pago donde quieres que se muestre el bloque.

  11. Haz clic en Guardar.

El bloque se guarda como Borrador de forma predeterminada. Cuando quieras publicarlo, en la sección Estado, selecciona Activo en el menú desplegable.

Agrega un bloque de contenido dinámico al pago

Puedes agregar un existing dynamic content block al pago. Los bloques deben estar en Activo para mostrarse en el pago.

Si quieres preview the block in the checkout and accounts editor, copia la ID de vista previa única del bloque desde la aplicación Checkout Blocks.

Pasos:

  1. Desde el panel de control de Shopify, ve a Aplicaciones > Checkout Blocks.

  2. Haz clic en Bloques.

  3. Haz clic en el bloque de contenido dinámico que quieres agregar al pago.

  4. Haz clic en Más acciones ⌄ > Agregar al pago.

  5. Opcional: En la sección ID de vista previa del bloque, haz clic en el ícono de portapapeles para copiar la preview ID única del bloque.

  6. Selecciona la configuración de pago que quieras y luego haz clic en Abrir editor.

  7. En el editor de pago y cuentas, agrega el bloque de contenido dinámico al pago:

    1. Ve a la página de pago donde quieres agregar el bloque.
    2. Haz clic en ⊕ Agregar bloque en la sección donde quieres agregar el bloque.
    3. Haz clic en la opción Contenido dinámico de Checkout Blocks.
    4. Configura los detalles del bloque de pago y selecciona la ID de bloque correspondiente.
    5. Opcional: Usa el campo ID de vista previa del bloque (para pruebas) y la ID de vista previa del bloque para preview cómo se muestra el bloque en el pago.
    6. Opcional: Arrastra y suelta el bloque dinámico para cambiar la ubicación en la página de pago donde quieres que se muestre.
  8. Haz clic en Guardar.