Notificar información del carrito

Mediante el uso del connectif.managed.sendEvents podemos notificar via JavaScript el carrito actual de un contacto.

Este representa una alternativa al implementar la Etiqueta de "Estado actual del carrito de la compra" en el html de la página de nuestra tienda o web.

Como vemos a continuación en el ejemplo, siempre enviamos el carrito entero y es Connectif que se encarga de detectar cambios al carrito y generar eventos de producto añadido al carrito y producto quitado del carrito

Es muy importante establecer un identificador de carrito (cartId) y notificar a Connectif también cuando el carrito se vacía para evitar eventos de carritos abandonados.

Modelo del Carrito

Carrito de la compra

Este objeto representa un carrito de la compra completo en un determinado instante de tiempo. Es el tipo de objeto que se representa con las etiquetas de Etiqueta de "Estado actual del carrito de la compra".

  • cartId: string. Obligatorio. Identificador único del carrito.
  • totalQuantity: number. Obligatorio. Cantidad total de productos que hay en el carrito.
  • totalPrice: number. Obligatorio. Precio total del carrito.
  • products: Array. Obligatorio. Listado de las clases de productos que hay en el carrito, junto con la cantidad y precio de cada clase de producto. Véase a continuación el modelo Product Basket Item.

Product Basket Item

Este objeto representa una cantidad determinada de un producto y representa los productos que hay en un Carrito de la Compra o en una Compra. Tiene la misma estructura que un objeto de tipo Producto, pero además debe incluir la cantidad de elementos de esa clase de producto, y el precio total (que suele ser la cantidad multiplicada por el precio unitario del producto).

  • Todas las propiedades del tipo de objeto Producto (ver detalle en Notificar evento de producto visitado). Y además:
  • quantity: number. Obligatorio. Cantidad de unidades de este producto.
  • price: number. Obligatorio. Precio acumulado de los productos representados por este Product Basket Item. Normalmente suele ser quantity * unitPrice.

Ejemplo

const cart = {
    cartId: '123456789',
    totalQuantity: 1,
    totalPrice: 10.2,
    products: [{
        quantity: 1,
        price: 10.2,
        productDetailUrl: 'https://mywebsite.com/myproduct-detail-url',
        productId: '12345678910',
        name: 'My product',
        description: 'product description',
        imageUrl: 'https://mywebsite.com/images/myproduct',
        unitPrice: 10.2,
        availability: 'InStock',
        categories: ['/Home'],
        tags: ['tag1','tag2'],
        brand: 'Brand',
        reviewCount: 1,
        rating: 2,
        ratingCount: 2,
        thumbnailUrl: 'https://mywebsite.com/images/thumb/myproduct',
        priority: 20,
        unitPriceOriginal: 10.2,
        unitPriceWithoutVAT: 8,
        discountedAmount: 0,
        discountedPercentage: 0,
        publishedAt: '2020-05-20T15:24:20Z',
        customField1: '',
        customField2: '',
        customField2: ''
    }]
};
connectif.managed.sendEvents([ // here my events if any ], { entityInfo, cart });
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0