DocumentaĆ§Ć£o
DocumentaĆ§Ć£o
Start typing to searchā€¦

šŸš€ Quickstart em 3 passos

Nessa seĆ§Ć£o de Quickstart vamos lhe orientar a realizar a integraĆ§Ć£o completa, padrĆ£o, que serve para a maioria dos e-commerces. Com ela vocĆŖ cobre a maioria dos cenĆ”rios e integra os dados necessĆ”rios para todos os serviƧos Flowbiz.

āš™ļø1. AdiĆ§Ć£o do script de eventos

Adicione o script em todas as pƔginas do seu e-commerce.

ā†’ Home
ā†’ PĆ”ginas de produto ā†’ PĆ”ginas de categoria e pesquisa de produto ā†’ PĆ”gina de carrinho ā†’ PĆ”ginas do checkout ā†’ PĆ”ginas de pedido finalizado

(function (m, a) {
    if (!m[a]) {
      m[a] = function () { ;(m[a].q = m[a].q || []).push(arguments) }
      m[a].q = m[a].q || []
    }
})(window, 'mb_track');

Mais informaƧƵes em Registrar mb_track

šŸ“¢2. Envio de eventos

Envie os dados necessƔrios pela nossa API de eventos.

2.1 IdentificaĆ§Ć£o de usuĆ”rio

Envie o evento accountSync para atualizar dados referente ao usuƔrio.

ā†’ Login de usuĆ”rio
ā†’ CriaĆ§Ć£o de conta de novo usuĆ”rio ā†’ Input de email no checkout ā†’ Carregamento de pĆ”gina com disponibilidade de dados do usuĆ”rio em contexto

2.2 AlteraƧƵes ao carrinho

Envie o evento de cartSync sempre que houver alteraĆ§Ć£o no carrinho.

ā†’ AdiĆ§Ć£o de produtos direto da home
ā†’ AdiĆ§Ć£o de produtos de dentro da pĆ”gina do produto ā†’ AdiĆ§Ć£o de produtos de dentro do carrinho / checkout ā†’ EdiĆ§Ć£o / remoĆ§Ć£o de produtos de dentro do carrinho / checkout ā†’ AtualizaĆ§Ć£o de total, subtotal, frete, imposto etc. (geralmente no carrinho e checkout) ā†’ AtualizaĆ§Ć£o de endereƧo de entrega (geralmente no checkout)

2.3 Dados do produto

Envie o evento de productView para enviar dados sobre os produtos e suas variaƧƵes.

ā†’ Carregamento das pĆ”ginas de produto

2.4 Passos do checkout

Envie o evento de checkoutStep nos diferentes passos do checkout.

ā†’ Carregamento dos diferentes passos do checkout

2.5 FinalizaĆ§Ć£o de pedido

Envie o evento de orderComplete quando o usuƔrio finalizar um pedido.

ā†’ Carregamento da pĆ”gina de pedido finalizado

Mais informaƧƵes sobre a coleta de dados em šŸ“² Coleta de dados
Mais informaƧƵes sobre os eventos em šŸ“¢ Eventos

āš™ļø3. AdiĆ§Ć£o do script de recuperaĆ§Ć£o de carrinho

Adicione o script na pĆ”gina em que acontecerĆ” a recuperaĆ§Ć£o de carrinho do seu e-commerce.

Recomendado:

ā†’ PĆ”gina de carrinho ou
ā†’ PĆ”gina customizada ou ā†’ Home

(function (m, a) {
    if (m[a]) { return; }
    m[a] = function (arg) {
        var cartId = arg.cart_id;
        var userId = arg.user_id;
        var products = arg.products;
      
        // eg: recover cart trough an API
        var response = await fetch("https://example.com/cart", {
          method: "POST",
          body: JSON.stringify(products.map((p) => p.sku));
        });
          
        products.forEach(function (product) {
            var productId = product.product_id;
            var sku = product.sku;
            var quantity = product.quantity;
            var recoveryProperties = product.recovery_properties;
          
            // eg: add products to cart trough helper function
            example.addToCart(productId, sku, quantity, recoveryProperties.someData)
        });
    };
})(window, 'mb_recover_cart');

Mais informaƧƵes em Registrar mb_recover_cart

Updated 10 months ago

PrĆ³ximo