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:

• El Customer Hub está habilitado para vuestra tienda.
• Estás usando un tema de Shopify que admite el bloque de la aplicación de tema Bloque de contenido de Klaviyo.
• Si planeas utilizar etiquetas de personalización (por ejemplo, el nombre de pila de un cliente), tu bloque de contenido se dirige a compradores con sesión iniciada. La personalización solo está disponible cuando Klaviyo puede identificar al comprador.

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:
   • Importa un bloque de contenido de cajón existente.
   • Comienza con una plantilla de la biblioteca de bloques de contenido de Klaviyo.
   • Crea un nuevo bloque de contenido.
5. Diseña tus contenidos añadiendo:
   • Título y cuerpo del texto
   • Imágenes (opcional)
   • Botones o enlaces
   • Etiquetas de personalización, como el nombre de un cliente
6. Configura el destino de tus botones o enlaces. Para dirigir a los compradores al Customer Hub, selecciona el destino de los cupones del Customer Hub.
7. Ingresa un nombre interno. Este nombre se utiliza para la identificación y las traducciones, y no es visible para los compradores.
8. Elige el público que debe ver el bloque utilizando 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 publicar, 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 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, copia el ID del bloque de contenido (UUID).
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 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. Haz clic en Guardar.

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

Previsualiza y prueba tus bloques de contenido

Si tu bloque de contenido está configurado para compradores con 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 sesión iniciada reconocido.

Para verificar la ubicación antes de publicar:

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

Nota: Aunque previsualizas como Todos los compradores, las etiquetas de personalización no se mostrarán con los datos de los clientes. Solo se completan para compradores reconocidos que iniciaron sesió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.
• Si se reconoce al comprador, las etiquetas de personalización se rellenan utilizando su perfil de Klaviyo.
• 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.