Uso de recomendaciones de páginas de contenido
Products:
Overview
Usando las Recomendaciones de Clerk.io, puedes añadir banners totalmente automatizados que mejoran el descubrimiento de Páginas de Contenido para los clientes.
A través de varias lógicas que pueden ser usadas directamente en tus Páginas de Contenido, o a través de otras páginas como categorías y páginas de productos, puedes asegurar que los clientes encuentren blogs y artículos que estén relacionados con lo que están viendo.
En este artículo se describen los pasos necesarios para configurar los banners de las páginas de contenido:
Sincronización de páginas con Clerk.io
Creación y edición de un diseño
Configuración del banner de contenido
Insertar el fragmento de banner
1. Sincronización de páginas con Clerk.io
Antes de continuar, asegúrate de que estás sincronizando Pages con Clerk.io.
Puedes comprobarlo fácilmente en my.clerk.io en Datos -> Páginas.
Si puedes ver páginas en my.clerk.io puedes continuar con el siguiente paso.
Si aún no estás enviando páginas, realiza una de las siguientes acciones:
Si estás en una de nuestras plataformas Plug&Play, asegúrate de que estás en la última versión de la extensión/plugin. Desde https://help.clerk.io puedes encontrar colecciones de artículos para tu plataforma, incluyendo cómo actualizar.
Si estás en una integración de plataforma personalizada (es decir, cualquier otra plataforma que no puedas encontrar en el enlace anterior), asegúrate de que estás incluyendo “pages” en tu feed de datos.
2. Crear y editar un diseño
En my.clerk.io, haga lo siguiente:
1. Vaya a Recomendaciones -> Diseños
2. Haga clic en Nuevo diseño en la esquina superior derecha.
3. En Plantilla, elija Deslizador de página - Editable en el Editor de diseño..
4. Dé un nombre a su Diseño y haga clic en Crear Diseño.
5. Utilice el Editor de Diseño para cambiar cualquier parte del Diseño, o simplemente déjelo como está. Si quieres tener aún más control, puedes elegir Editar Código para trabajar con el diseño a través de HTML, CSS y el lenguaje de plantillas Liquid.
6. Cuando haya terminado, haga clic en Guardar diseño.
3. Configuración del banner de contenido
En my.clerk.io, haz lo siguiente:
1. Vaya a Recomendaciones -> Contenido y haga clic en Nuevo Contenido.
2. Dale un nombre a tu contenido y haz clic en Crear contenido.
3. En Elegir lógica de producto, desplácese hasta la parte inferior. Aquí encontrará los distintos tipos de Recomendaciones de páginas de contenido.
Actualmente, estos tipos están disponibles:
Mejores Alternativas de Página - Para usar en páginas de artículos/blog. Mostrar artículos similares al que se está leyendo
Páginas relacionadas con un producto**- Para su uso en páginas de productos. Mostrar artículos relacionados con el producto que se está viendo
Páginas relacionadas con una categoría - Para uso en páginas de categoría. Muestra artículos relacionados con la categoría que se está viendo.
Productos relacionados con una página - Para uso en páginas de artículos/blogs. Muestra productos relacionados con el artículo que se está leyendo. Este tipo funciona mejor con un diseño de producto normal que también muestre precios.
Categorías relacionadas con una página**- Para uso en páginas de artículo/blog. Muestra categorías relacionadas con el artículo que se está leyendo.
4. Seleccione la lógica que desea utilizar.
5. En Seleccionar Diseño, elija la cantidad de elementos que desea mostrar en el banner, y seleccione el Diseño que creó en el paso 2.
6. Haga clic en Actualizar contenido en la parte inferior de la página.
4. Insertar el código de incrustación
Ahora sólo tienes que incluir el código embed en el archivo donde quieras mostrar las recomendaciones. Es necesario configurarlo para obtener la información necesaria.
En Insertar en sitio web encontrarás el código.
Observa que contiene data-page, data-category o data-products. Estos indican que se necesita un ID para mostrar las Recomendaciones.
El tipo de datos necesarios depende del tipo.
Para las Páginas relacionadas con un producto / categoría puede elegir una de las plataformas Plug&Play en el desplegable Elegir plataforma, y el código se configurará automáticamente.
Para los tipos restantes, o si está en una plataforma personalizada, tendrá que insertar un código corto que inserte el ID necesario.
Esto le permitirá insertar el código en un archivo de plantilla general en su tienda online y mostrar así las recomendaciones en todas las páginas.
Un ejemplo de Shopify:
<span class="clerk"
data-template="@similar-to-article"
data-page="{{ page.id }}"
></span>
Alternativamente, puede insertar manualmente el ID de una página en el código, e insertarlo en una página específica del artículo a través de HTML:
<span class="clerk"
data-template="@similar-to-article"
data-page="1234"
></span>
Si tiene alguna pregunta, póngase en contacto con nuestro equipo de asistencia a través del icono de chat de la esquina inferior derecha.