As vitrines da solução de Vitrines Personalizadas permitem exibir uma loja diferente para cada cliente que acessa seu ecommerce. Conheça este produto.

A configuração de integração é simples: basta disponibilizar um método para adição ao carrinho e inserir algumas divs nas páginas onde serão exibidas as vitrines.

1. Método de adição ao carrinho

As vitrines Gôndola ("leve também" na página de carrinho) e Complementar ("compre junto" na página de produto) permitem que o cliente adicione produtos ao carrinho diretamente através destas vitrines. Para que isso seja possível, é necessário que você disponibilize o método utilizado para adicionar itens ao carrinho no site. O método deve possibilitar a adição de um ou mais produtos simultaneamente.

A seguir exibimos 2 exemplos de métodos de adição ao carrinho. Sinta-se à vontade para utilizá-los como referência se precisar implementar o método do zero.

Exemplo 1 – via Javascript
Assinatura do método: function addToCart(skus) { ... }
Parâmetro skus: Array dos SKUs a serem inseridos no carrinho.
Exemplo da chamada:

Exemplo 2 – via Web Service
Método: POST
Formato de parâmetros: application/x-www-form-urlencoded
Nome do parâmetro: skus[]
Exemplo da chamada:

2. Adição das DIVS

Adicione as 3 divs genéricas (TOP, MIDDLE e BOTTOM) com marcações da Chaordic nos lugares onde as vitrines serão exibidas. Você não precisa definir uma altura para as divs, mas certifique-se que elas estão dentro do container principal para que não ultrapassem a largura da página.

Posteriormente você poderá configurar através do Chaordic Central quais vitrines ocuparão cada área reservada para a Linx+Neemu+Chaordic.

Posicionamento das divs nas páginas do ecommerce

Insira as divs conforme o recomendado para cada tipo de página.

Adicione as divs às demais páginas do ecommerce, como landing page, perfil do cliente e páginas de erro conforme o layout da página e estratégia de exibição das vitrines.

Validando o posicionamento

Vá até a página do plugin na Chrome Web Store e adicione-o ao seu navegador.
Em cada tipo de página, clique no plugin e verifique se o posicionamento está como esperado.