Recommendations

Clerk.io ofrece más de 23 tipos diferentes de lógicas de productos, lo que te permite mostrar productos completamente automatizados en cualquier página. Este artículo explica cómo comenzar cuando usas una configuración de Clerk.js en DanDomain Classic.

Para ver nuestras Mejores Prácticas completas, lee este artículo sobre qué Recommendations utilizar.

Configuración de Slider #

Las Recommendations se crean con Elements que hacen referencia a un Design. A continuación tienes una guía básica para configurar un Element.

Si sigues los pasos en my.clerk.io > Settings > Setup Guides se crearán automáticamente los Elements para nuestras Mejores Prácticas.

Crear Design #

Las Recommendations se muestran como un slider de forma predeterminada. Esto permite a los clientes ver más productos con menos clics. Puedes usar el Editor de Design para configurarlo visualmente o utilizar code designs.

Un design puede reutilizarse para cualquier cantidad de elementos de Recommendations que crees.

Editor de Design #

1. Ve a Recommendations > Designs y haz clic en New Design.
2. Elige Product Slider
3. Selecciona una plantilla, asígnale un nombre y haz clic en Create design.
4. Ajusta el design según sea necesario.

Code Design #

1. Ve a Recommendations > Designs y haz clic en New Design.
2. Elige Other designs > Blank > Code.
3. Asigna un nombre y haz clic en Create design.
4. Construye tu design usando código Liquid.

Si quieres un design de inicio, consulta la plantilla de Slider más abajo.

Crear Contenido #

Aquí se configuran todos los ajustes necesarios para mostrar las Recommendations y hacer que sea posible incrustarlas en tu sitio web. Sigue estos pasos para cada banner de Recommendations que quieras crear.

1. Ve a Recommendations > Elements.
2. Haz clic en New Content.
3. Asígnale un nombre descriptivo. Recomendamos nombrarlo según la página y la lógica que quieras utilizar. Ejemplo: “Home Page / Visitor Recommendations”.
4. En Content type, selecciona la lógica de producto que quieras usar en el menú desplegable. Puedes ver un resumen de todas las lógicas de producto aquí.
5. En Design selecciona el design que creaste en el menú desplegable y elige la cantidad de productos que quieres mostrar.
6. Haz clic en Save en la parte superior de la pantalla.

Agregar al Sitio Web #

Para añadir Clerk Recommendations a tu sitio web, tienes dos opciones: Injection y Embedded code.

1. Abre la pestaña Insert into website.
2. Aquí tienes dos opciones:
   • Usar injection te permite insertar el código usando un selector CSS.
   • Usar embedded code te permite insertar el código manualmente en tu web.
3. Escoge la opción que sea más sencilla para ti.
4. Para algunas Logics verás el menú desplegable Choose your platform. Selecciona DanDomain Classic en estos casos. Esto rellenará el embedcode con los shortcodes correctos de DanDomain Classic.

Para agregar información de sincronización o iniciar una sincronización, ve a my.clerk.io > Data > Configuration.

Sigue los pasos abajo en el backend de DanDomain Classic para insertar tus sliders.

Páginas #

A continuación se muestran las páginas específicas donde deberías insertar Recommendations y qué tipos deberías utilizar, para seguir nuestras Mejores Prácticas.

Página Principal #

1. En my.clerk.io, crea 3 Elements con las siguientes lógicas:
   • Visitor Recommendations
   • Bestsellers
   • Hot Products
2. En DanDomain Classic, ve a Design > Egne Sider.
3. Bajo Forside, encuentra la página que muestra tu página principal (a menudo es el nombre de tu tema + “Forside”).
4. Haz clic en Kilde para ver el HTML.
5. Inserta el embed code donde quieras el slider y haz clic en Gem.

<span class="clerk" data-template="@SLIDER_ID"></span>

Página de Categoría #

1. En my.clerk.io, crea un Element con la lógica Bestsellers In Category.
2. En el menú desplegable Insert into website > Choose your platform, selecciona DanDomain Classic y copia el embedcode.
3. En DanDomain Classic, ve a Design > Egne Sider.
4. Bajo Vareliste, encuentra la página para las páginas de categoría (a menudo el nombre de tu tema + “Produktliste”).
5. Haz clic en Kilde.
6. Inserta el embed code donde quieras el slider y haz clic en Gem.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-category="CATEGORY_ID">
</span>

Página de Producto #

1. En my.clerk.io, crea 2 Elements con las siguientes lógicas:
   • Best Alternative Products
   • Best Cross-Sell Products
2. En el menú desplegable Insert into website > Choose your platform, selecciona DanDomain Classic para cada uno y copia los embedcodes.
3. En DanDomain Classic, ve a Design > Egne Sider.
4. Bajo Produktkort, encuentra la página para las páginas de producto (a menudo el nombre de tu tema + “Produktkort”).
5. Haz clic en Kilde.
6. Inserta el embed code donde quieras el slider y haz clic en Gem.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-products="[PRODUCT_ID]">
</span>

Paso de Añadir al Carrito #

1. En my.clerk.io, crea un Element con la lógica Best Cross-Sell Products.
2. Ponle el nombre “Add-To-Basket / Others Also Bought”. Esto es importante para que el embedcode funcione correctamente.
3. Haz clic en Save en la parte superior de la página.
4. En la app de Clerk.io para DanDomain Classic, habilita Powerstep.
5. Añade los IDs de los elementos que quieres mostrar, separados por comas.
6. Haz clic en Save.

Página de Carrito #

1. En my.clerk.io, crea un Element con la lógica Best Cross-Sell Products.
2. En el menú desplegable Insert into website > Choose your platform, selecciona DanDomain Classic y copia el embedcode.
3. En DanDomain Classic, ve a Design > Egne Sider.
4. Bajo Kurv, encuentra la página de carrito (a menudo “Kurv” o “Lille Kurv”).
5. Haz clic en Kilde.
6. Inserta el embed code donde quieras el slider y haz clic en Gem.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-products="[PRODUCT_ID]">
</span>

Exit Intent #

1. En my.clerk.io, crea un Element con la lógica Visitor Recommendations.
2. En la app de Clerk.io para DanDomain Classic, encuentra Exit Intent.
3. Marca Enabled y haz clic en Gem.

Página del Blog #

1. Copia el embed code en la página de contenido donde quieras mostrarlo.
2. Sustituye INSER_PAGE_HERE por el ID de la página para la que quieres mostrar productos.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-page="INSER_PAGE_HERE">
</span>

Plantillas de Inicio #

Si quieres utilizar code designs, estas plantillas te pueden ayudar a empezar.

Slider Code #

Esta plantilla mostrará un slider estándar con información común del producto que puedes personalizar según tus necesidades.