Añade bloques de contenido web a tu tienda de Shopify

Aprende a crear un bloque de contenido en el sitio en el Customer Hub y a mostrarlo en tu tienda de Shopify. Los bloques de contenido en el sitio te permiten mostrar mensajes, promociones y llamados a la acción personalizados directamente en tu tienda, al tiempo que aprovechas las funciones de segmentación y personalización de Klaviyo.

Antes de empezar

Antes de crear un bloque de contenido en el sitio, asegúrate de lo siguiente:

• Klaviyo Customer Hub está habilitado para la tienda y la cuenta tiene acceso a las funciones de personalización de Klaviyo Customer Hub.
• Estás usando un tema de Shopify que admite el bloque de la aplicación de tema Bloque de contenido de Klaviyo.
• Si planeas usar etiquetas de personalización (por ejemplo, el nombre de pila de un cliente), la Visibilidad del bloque de contenido está configurada como Compradores que iniciaron sesión. El editor evita que se publiquen bloques personalizados con visibilidad Todos los compradores o Compradores que cerraron sesión.

Crea un bloque de contenido en el sitio

1. En Klaviyo, ve a Customer Hub > Diseño.
2. Desplázate hasta la sección Bloques de contenido del sitio.
3. Haz clic en Crear bloque.
4. Elige una de las siguientes opciones:
   • Reutiliza un panel existente o un bloque de contenido en el sitio: en Tus bloques, haz clic en Agregar bloque en el bloque que quieras copiar.
   • Empieza con una plantilla de la biblioteca de bloques de contenido de Klaviyo: haz clic en Agregar bloque en una plantilla.
   • Crea un nuevo bloque de contenido: haz clic en Crea el tuyo.
5. En la pestaña Contenido, diseña el contenido agregando:
   • Un encabezado en Encabezado del bloque y texto del cuerpo en Párrafo del bloque
   • Imágenes (opcional)
   • Destino del enlace (opcional)
   • Etiquetas de personalización, como el nombre de un cliente
6. Para que se pueda hacer clic en el bloque, ingresa un destino en el campo Enlace. Para abrir la página de cupones de Klaviyo Customer Hub, ingresa #k-hub/coupons y deja la opción Abrir enlace en una pestaña nueva sin marcar. Deja el campo Enlace en blanco si el bloque solo debe mostrar información.
7. Ingresa un nombre interno. Este nombre se usa para la identificación y las traducciones, y no es visible para los compradores. Elígelo antes de publicar. No puedes editarlo después.
8. Configura Visibilidad para elegir qué compradores pueden ver el bloque. Para orientar a listas o segmentos específicos, usa Mostrar a y No mostrar a en Orientación.
9. En la pestaña Estilo, ajusta la apariencia del bloque, incluidas las dimensiones y el estilo, según sea necesario.
10. Haz clic en Publicar.

Después de publicar, el ID único del bloque aparece como Block UUID en la pestaña Content. Usarás este ID al agregar el bloque al tema de Shopify.

Importante: Si tu contenido incluye etiquetas de personalización, actualiza la visibilidad a los compradores con sesión iniciada antes de publicarlo. La personalización no está disponible para los visitantes anónimos.

Añade el bloque de contenido a tu tema de Shopify

Una vez que hayas publicado tu bloque de contenido:

1. En Klaviyo, abre la pestaña Contenido del bloque y usa el control de copia junto a UUID del bloque.
2. En Shopify, ve a Tienda en línea > Temas.
3. Haz clic en Personalizar para abrir el Editor de temas.
4. Abre la plantilla donde deseas que aparezca el bloque de contenido (por ejemplo, la plantilla de tu página de producto).
5. Haz clic en Añadir bloque.
6. Selecciona Bloque de contenido de Klaviyo.
7. Pega el UUID que copiaste de Klaviyo en el campo ID del bloque de contenido.
8. Mueve el bloque a tu ubicación preferida dentro del diseño de la página.
9. Haz clic en Guardar.

Ahora, el bloque de contenido puede aparecer dondequiera que hayas colocado el bloque de la app Bloque de contenido de Klaviyo, para los compradores que coincidan con su configuración de visibilidad y segmentación.

Previsualiza y prueba tus bloques de contenido

Si el bloque de contenido está configurado para Compradores que iniciaron sesión, pruébalo en tu tienda en línea mientras inicias sesión en una cuenta de cliente. Una vista previa sin una sesión de cliente iniciada no mostrará el bloque.

Para probar la ubicación, el estilo y la personalización:

1. Mantén la configuración prevista de Visibilidad y Segmentación del bloque. Si las cambiaste, haz clic en Publicar en Klaviyo antes de hacer la prueba.
2. Abre la página de la tienda en línea donde colocaste el bloque de la app. Si el bloque está configurado en Compradores con sesión iniciada, inicia sesión en una cuenta de cliente.
3. Confirma la ubicación, el estilo, el texto y el destino del enlace. Si usas segmentación por lista o segmento, haz pruebas con un cliente del público objetivo.
4. Si necesitas hacer cambios, regresa a Klaviyo Customer Hub > Diseño, selecciona el bloque, actualízalo y haz clic en Publicar. Actualiza la página de la tienda e inténtalo de nuevo.

Nota: Los bloques personalizados no se pueden publicar con visibilidad de Todos los compradores o Compradores con sesión cerrada. Mantén seleccionado Compradores con sesión iniciada al probar contenido que usa etiquetas de personalización.

Ejemplos de casos de uso

Los bloques de contenido en el sitio se pueden usar para lo siguiente:

• Promociona ofertas específicas de productos en las páginas de productos.
• Muestra cupones exclusivos para clientes VIP.
• Destaca los beneficios de fidelización o recompensas.
• Personaliza los mensajes promocionales utilizando las propiedades del perfil del cliente.
• Dirige a los compradores al Customer Hub para canjear cupones o ver ofertas personalizadas.

Cómo funciona

Cuando un comprador visita una página que contiene un bloque de contenido de Klaviyo:

• Klaviyo recupera el contenido publicado utilizando el ID del bloque de contenido.
• Las reglas de segmentación determinan si el comprador debe ver el contenido.
• Para un bloque configurado para Compradores que iniciaron sesión, las etiquetas de personalización se completan con el perfil de Klaviyo del comprador que inició sesión.
• Los enlaces configurados para abrir el Customer Hub llevan a los compradores directamente a la experiencia pertinente, como sus cupones disponibles.

Esto te permite crear contenido promocional dinámico y reutilizable sin modificar tu tema de Shopify cada vez que cambian tus mensajes.