A etiqueta "Estado atual do carrinho de compras" é um trecho de código HTML que descreve o carrinho de compras que o contato possui neste momento .
Este artigo faz parte do guia para criar uma integração personalizada.
Se a integração for feita através de um módulo, esta etiqueta será inserida automaticamente em sua eCommerce.
O que é e onde usar esta etiqueta?
A etiqueta "cn_cart" deve ser inserida em cada página sempre que houver uma mudança no carrinho.
Propriedades
As diferentes propriedades de um carrinho devem ser definidas dentro da etiqueta "cn_cart" como tags filhas, indicando o nome da propriedade no atributo "class".
Cada produto diferente no carrinho é indicado por uma etiqueta com a classe "product_basket_item", que inclui a quantidade e o preço.
Amplie as informações sobre o objeto Product Basket Item em este artigo.
As propriedades a incluir na etiqueta são:
| Nome | Obrigatória | Tipo | Múltiplas | Descrição |
|---|---|---|---|---|
| total_price | Sim | decimal | Não | Preço total do carrinho. |
| product_basket_item | Não | Product Basket Item | Sim | Itens que o carrinho contém, junto com a quantidade e o preço. |
| cart_id | Sim | string | Não | Identificador único do carrinho. |
| total_quantity | Sim | string | Não | Quantidade total de produtos no carrinho (incluindo duplicatas). Por exemplo: se um carrinho tem 3 unidades de um produto e 7 unidades de outro, total_quantity será igual a 10. |
| cart_recovery_url | Não | Cart recovery url | Não | URL associada ao carrinho através da qual é possível acessar para recuperar/comprar todos os produtos relacionados. |
Embora opcional, é recomendado o uso do campo "cart_id" para alterar o estado do carrinho para comprado e evitar eventos incorretos de Carrinho Abandonado incorretos.
Outras considerações
Você deve incluir a etiqueta de carrinho sem produtos quando o carrinho estiver vazio. Dessa forma, o carrinho não será considerado abandonado quando estiver vazio.
Exemplo
Uma vez incluídas as propriedades, a etiqueta terá 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 sem fio retroiluminado de alta qualidade, personalizável e resistente a líquidos e quedas.</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">/Computadores/Teclados/Logitech</span>
<span class="category">/Computadores/Gaming</span>
<span class="tag">Azul</span>
<span class="tag">Gaming</span>
<span class="tag">Retroiluminado</span>
<span class="tag">Sem fio</span>
<span class="brand">Logitech</span>
<span class="review_count">9</span>
& lt;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">Informações personalizadas de exemplo</span>
</div>
</div>
Parabéns!
Você chegou ao final da lição.
Ficou com alguma dúvida?
Lembre-se de que você tem à sua disposição nossos especialistas da Connectif. Para contatá-los, basta abrir um ticket de Suporte clicando no botão azul "Ajuda" no seu painel.
Continue aprendendo!
Para aproveitar todo o potencial de sua conta na Connectif, recomendamos continuar com os seguintes artigos:
- Integração por meio de tags, para conhecer todas as notificações que você pode enviar do seu eCommerce para a Connectif e seu funcionamento.
- Integração via eventos JavaScript, para conhecer esta forma de integração que permitirá um maior controle sobre quando e como enviar os eventos.
- Integração com a Connectif via API, para sincronizar contatos, produtos, compras e cupons.
- Verificação da integração com o eCommerce, para garantir que todos os dados estão sendo sincronizados corretamente na sua conta Connectif.