La etiqueta “Estado actual del carrito de la compra” es un fragmento de código HTML que sirve para describir el carrito de la compra que tiene el contacto en este momento .
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_cart” debe insertarse en cada página siempre que se realice un cambio en el carrito.
Propiedades
Las diferentes propiedades de un carrito se deben definir en el interior de la etiqueta “cn_cart” como etiquetas hijas, indicando el nombre de la propiedad en el atributo "class".
Cada producto diferente que haya en el carrito se indica mediante una etiqueta con la clase "product_basket_item", que incluye la cantidad de los mismos y su importe.
Amplía la información sobre el objeto Product Basket Item en este artículo.
Las propiedades a incluir en la etiqueta son:
| Nombre | Obligatoria | Tipo | Múltiples | Descripción |
|---|---|---|---|---|
| total_price | Sí | decimal | No | Importe total del carrito. |
| product_basket_item | No | Product Basket Item | Sí | Artículos que contiene el carrito, junto con la cantidad de los mismos y el importe. |
| cart_id | Sí | string | No | Identificador único del carrito. |
| total_quantity | Sí | string | No | Cantidad total de productos que hay en el carrito (incluyendo los duplicados). Por ejemplo: si un carrito tiene 3 unidades de un producto y 7 unidades de otro diferente, total_quantity será igual a 10. |
| cart_recovery_url | No | Cart recovery url | No | Url que está asociada al carrito y mediante la cual se puede acceder para recuperar/comprar todos los productos relacionados. |
Aunque opcional, se recomienda el uso del campo "cart_id" para cambiar el estado del carrito a comprado y evitar eventos incorrectos de Carrito Abandonado incorrectos.
Otras consideraciones
Debes incluir la etiqueta de carrito sin productos cuando el carrito se haya vaciado. De este modo, el carrito no será considerado abandonado cuando no contiene productos.
Ejemplo
Una vez incluidas las propiedades, la etiqueta tendrá este aspecto:
<div class="cn_cart" style="display:none">
<span class="cart_id">crt8679803</span>
<span class="total_quantity">3</span>
<span class="total_price">180.75</span>
<div class="product_basket_item">
<span class="quantity">3</span>
<span class="price">180.75</span>
<span class="url">http://example.org/products/pr9658</span>
<span class="product_id">pr9658</span>
<span class="name">Teclado Gaming Logitech Pro v.1.5</span>
<span class="description">Teclado inalámbrico retroiluminado de alta gama, personalizable y resistente a líquidos y caídas.</span>
<span class="image_url">http://example.org/img/products/pr9658.jpg</span>
<span class="unit_price">60.25</span>
<span class="availability">InStock</span>
<span class="category">/Ordenadores/Teclados/Logitech</span>
<span class="category">/Ordenadores/Gaming</span>
<span class="tag">Azul</span>
<span class="tag">Gaming</span>
<span class="tag">Retroiluminado</span>
<span class="tag">Inalámbrico</span>
<span class="brand">Logitech</span>
<span class="review_count">9</span>
<span class="rating_value">4.5</span>
<span class="thumbnail_url">http://example.org/img/thumbnails/products/pr9658.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="published_at">2020-05-20T15:24:20Z</span>
<span class="custom_field_1">Información personalizada de ejemplo</span>
</div>
</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.