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:

• Customer Hub está habilitado para que lo uses en tu tienda.
• Estás usando un tema de Shopify que admite el bloque de aplicaciones de temas de Klaviyo Content Block.
• Si tienes previsto utilizar etiquetas de personalización (por ejemplo, el nombre de un cliente), tu bloque de contenido se dirige a los compradores que han iniciado sesión. La personalización solo está disponible cuando Klaviyo puede identificar al comprador.

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:
   • Importa un bloque de contenido de cajón existente.
   • Empieza con una plantilla de la colección de bloques de contenido de Klaviyo.
   • Crea un bloque de contenido.
5. Diseña tu contenido añadiendo:
   • Encabezado y cuerpo de texto
   • Imágenes (opcional)
   • Botones o enlaces
   • Etiquetas de personalización, como el nombre de un cliente
6. Configura el destino de tu botón o enlace. Para dirigir a los compradores a Customer Hub, selecciona el destino de los cupones de Customer Hub.
7. Introduce un nombre interno. Este nombre se utiliza para la identificación y las traducciones y no es visible para los compradores.
8. Elige la audiencia que debería ver el bloque con la configuración de segmentación.
9. Ajusta la apariencia del bloque, incluidas las dimensiones y el estilo, según sea necesario.
10. Haz clic en Publicar.

Después de publicarlo, Klaviyo genera un ID de bloque de contenido único (UUID). 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, copia el ID del bloque de contenido (UUID).
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 ID del bloque de contenido 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. Pulsa Guardar.

El bloque de contenido ahora se mostrará en cualquier lugar donde hayas colocado el bloque de aplicación Klaviyo Content Block.

Previsualiza y prueba tu bloque de contenido

Si tu bloque de contenido está configurado para compradores con la sesión iniciada, no aparecerá en la vista previa del editor de temas de Shopify, a menos que estés viendo el sitio como un cliente con la sesión iniciada.

Para verificar la ubicación antes de publicarla, sigue estos pasos:

1. Cambia temporalmente la visibilidad del bloque de contenido a Todos los compradores.
2. Previsualiza tu escaparate para confirmar la colocación y el estilo.
3. Una vez que estés satisfecho, cambia la visibilidad a Compradores con la sesión iniciada (si usas la personalización).
4. Vuelve a publicar el bloque de contenido si es necesario.

Nota: Aunque se previsualiza como Todos los compradores, las etiquetas de personalización no se mostrarán con los datos del cliente. Solo se rellenan para compradores registrados reconocidos.

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.
• Si se reconoce al comprador, las etiquetas de personalización se rellenan con su perfil de Klaviyo.
• 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.