Añade bloques de contenido en el sitio a tu tienda de Shopify

Aprende a crear un bloque de contenido en el sitio en Customer Hub y a mostrarlo en tu tienda de Shopify. Los bloques de contenido en el sitio te permiten mostrar mensajes, promociones y llamadas a la acción personalizados directamente en tu tienda mientras 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 tu 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 aplicaciones de temas de Klaviyo Content Block.
• Si piensas usar etiquetas de personalización (por ejemplo, el nombre de un cliente), la Visibilidad del bloque de contenido está configurada como Compradores con sesión iniciada. El editor impide publicar bloques personalizados con visibilidad Todos los compradores o Compradores con sesión cerrada.

Crear un bloque de contenido en el sitio

1. En Klaviyo, ve a Customer Hub > Design (Centro de clientes > Diseño).
2. Desplázate hasta la sección Bloques de contenido en el sitio.
3. Haz clic en Crear bloque.
4. Elige una de las siguientes opciones:
   • Reutiliza un panel deslizable o un bloque de contenido del sitio: en Tus bloques, haz clic en Añadir bloque en el bloque que quieras copiar.
   • Empieza con una plantilla de la biblioteca de bloques de contenido de Klaviyo: haz clic en Añadir 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 añadiendo:
   • Un encabezado en Encabezado del bloque y texto del cuerpo en Párrafo del bloque
   • Imágenes (opcional)
   • Un destino del enlace (opcional)
   • Etiquetas de personalización, como el nombre de un cliente
6. Para que el bloque se pueda hacer clic, introduce un destino en el campo Enlace. Para abrir la página de cupones de Klaviyo Customer Hub, introduce #k-hub/coupons y deja Abrir enlace en una pestaña nueva sin marcar. Deja Enlace en blanco si el bloque solo debe mostrar información.
7. Introduce 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 Segmentació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.

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

Importante: Si tu contenido incluye etiquetas de personalización, actualiza la visibilidad a los compradores que inician sesión 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, accede a Online Store > Themes (Tienda en línea > Temas).
3. Haz clic en Personalizar para abrir el editor de temas.
4. Abre la plantilla en la que quieras que aparezca el bloque de contenido (por ejemplo, la plantilla de página Producto).
5. Haz clic en Añadir bloque.
6. Selecciona Bloque de contenido de Klaviyo.
7. Pega el UUID que has copiado de Klaviyo en el campo ID de bloque de contenido.
8. Mueve el bloque a tu ubicación preferida dentro del diseño de la página.
9. Pulsa Guardar.

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

Previsualiza y prueba tu bloque de contenido

Si el bloque de contenido está configurado para Compradores con sesión iniciada, pruébalo en la tienda mientras tienes la sesión iniciada 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 Visibilidad y la Segmentación previstas del bloque. Si las has cambiado, haz clic en Publicar en Klaviyo antes de probar.
2. Abre la página de la tienda online en la que colocaste el bloque de la aplicación. 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 utilizas segmentación por lista o segmento, haz una prueba con un cliente de la audiencia prevista.
4. Si necesitas hacer cambios, vuelve a Klaviyo Customer Hub > Diseño, selecciona el bloque, actualízalo y haz clic en Publicar. Actualiza la página de la tienda y vuelve a probar.

Nota: Los bloques personalizados no se pueden publicar con la visibilidad de All shoppers o Logged out shoppers. Mantén seleccionado Logged in shoppers al probar contenido que use etiquetas de personalización.

Ejemplos de casos de uso

Los bloques de contenido del sitio web se pueden usar para lo siguiente:

• Promociona ofertas específicas de productos en las páginas de productos.
• Muestra cupones exclusivos para Cliente vip.
• Destaca los beneficios de fidelización o recompensas.
• Personaliza los mensajes promocionales con las propiedades de perfil de los clientes.
• Dirige a los compradores a 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 mediante el ID de bloque de contenido.
• Las reglas de segmentación determinan si los compradores deben ver el contenido.
• En el caso de un bloque configurado para Compradores con sesión iniciada, las etiquetas de personalización se completan usando el perfil de Klaviyo del comprador con sesión iniciada.
• Los enlaces configurados para abrir Customer Hub llevan a los compradores directamente a la experiencia adecuada, como los cupones disponibles.

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