La etiqueta “Contacto ha visitado un producto” es un fragmento de código HTML que sirve para avisar de que el contacto ha visitado un producto en concreto durante su navegación por la web.
Este artículo forma parte de la guía para crear una integración a medida.
Si tu integración es mediante módulo, esta etiqueta será insertada en tu eCommerce de forma automática.
¿Cuál es y dónde usar esta etiqueta?
La etiqueta "cn_product_visited" debe insertarse en todas las páginas de detalle de producto.
Propiedades
Las diferentes propiedades de la etiqueta "Contacto ha visitado un producto" se deben definir en el interior de la etiqueta "cn_product_visited" como etiquetas hijas, indicando el nombre de la propiedad en el atributo "class".
Las propiedades a incluir en la etiqueta son:
| Nombre | Obligatoria | Tipo | Múltiples | Descripción |
|---|---|---|---|---|
| url | Sí | string | No | URL de la página del producto (la URL debe ir sin codificar). |
| product_id | Sí | string | No | Identificador único del producto (en el eCommerce). |
| name | Sí | string | No | Nombre del producto. |
| unit_price | Sí | decimal | No | Precio unitario del producto. |
| description | No | string | No | Descripción del producto. |
| image_url | No | string | No | URL de la imagen del producto. |
| availability | No | string | No | Puede tener uno de los siguientes valores: InStock o OutOfStock. |
| category | No | string | Sí | La categoría a la que pertenece el producto. Si el eCommerce permite sub-categorías, puedes indicarlas con la ruta completa de la categoría separando cada nivel con el carácter '/'. Por ejemplo: "/Ordenadores/Teclados/Logitech". |
| tag | No | string | Sí | Las etiquetas asociadas al producto. |
| brand | No | string | No | Marca del producto. |
| review_count | No | integer | No | Número de reseñas que tiene el producto. |
| rating_value | No | decimal | No | Valoración del producto normalizada al rango de 0 a 5. |
| rating_count | No | integer | No | Cantidad de valoraciones del producto. |
| thumbnail_url | No | string | No | URL de la imagen en miniatura del producto. |
| related_external_product_id | No | string | Sí | Ids de productos relacionados. |
| priority | No | integer | No | Prioridad de un producto. |
| unit_price_original | No | decimal | No | Precio unitario original del producto. |
| unit_price_without_vat | No | decimal | No | Precio unitario sin impuestos del producto. |
| discounted_percentage | No | decimal | No | Porcentaje de descuento, rango de 0 a 100 sin símbolo de porcentaje. |
| discounted_amount | No | decimal | No | Importe rebajado del producto (debe corresponder con unit_price_original - unit_price). |
| published_at | No | datetime | No | Fecha de publicación del producto en el catálogo de la tienda en formato ISO 8601. Por ejemplo: "2020-05-20T15:12:20Z". |
| custom_field_1 | No | string | No | Campo personalizado del producto. |
| custom_field_2 | No | string | No | Campo personalizado del producto. |
| custom_field_3 | No | string | No | Campo personalizado del producto. |
Otras consideraciones
Puesto que comparten propiedades, es recomendable hacer que se este evento se lance junto a la Etiqueta "Contacto ha buscado un producto" cuando se visite un producto a partir de una búsqueda, como se muestra a continuación:
<div class="cn_product_visited cn_product_searched" style="display:none">
... properties here ...
</div>
Ejemplo
Una vez incluidas las propiedades, la etiqueta tendrá este aspecto:
<div class="cn_product_visited" style="display:none">
<span class="url">http://example.org/products/pr10633</span>
<span class="product_id">pr10633</span>
<span class="name">Microsoft Office 365 Personal 1 Licencia 1 Año</span>
<span class="description">El Office que podrás usar en casa y mientras te mueves.</span>
<span class="image_url">http://example.org/img/products/pr10658.jpg</span>
<span class="unit_price">45.50</span>
<span class="availability">InStock</span>
<span class="category">/Ordenadores/Programas</span>
<span class="tag">Microsoft</span> <span class="tag">Personal</span>
<span class="tag">Software</span> <span class="brand">Microsoft Office</span>
<span class="review_count">7</span> <span class="rating_value">3.9</span>
<span class="thumbnail_url">http://example.org/img/thumbnails/products/pr10658.jpg</span>
<span class="related_external_product_id">pr10636</span>
<span class="related_external_product_id">pr11939</span>
<span class="related_external_product_id">pr12653</span>
<span class="priority">6</span>
<span class="published_at">2020-05-20T15:24:20Z</span>
<span class="custom_field_1">Información personalizada de ejemplo</span>
</div>
¡Enhorabuena!
Has llegado al final de la lección.
¿Te han quedado dudas sin resolver?
Recuerda que tienes a tu disposición a nuestros especialistas en Connectif. Para contactar con ellos, tan solo tendrás que abrir ticket a Soporte haciendo clic en el botón azul de “Ayuda” de tu dashboard.
¡Sigue aprendiendo!
Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:
- Integración mediante etiquetas, para conocer todas las notificaciones que puedes enviar desde tu eCommerce a Connectif y su funcionamiento.
- Integración mediante eventos JavaScript, para conocer esta forma de integración que te permitirá un mayor control sobre cuándo y cómo enviar los eventos.
- Integración con Connectif vía API, para sincronizar contactos, productos, compras y cupones.
- Comprobar la integración con el eCommerce, para asegurarte de que todos los datos están sincronizándose de forma correcta en tu cuenta de Connectif.