CHECKOUT CUSTOMIZADO NA PLATAFORMA VTEX? É POSSÍVEL. CONHEÇA O NOVO PROJETO NA SOUQ

A história da Souq e Codeby vem sendo construída há pouco mais de um ano, e hoje temos a satisfação de entregar o novo Checkout da loja.

Para quem não sabe Checkout é o nome que se dá ao encerramento do processo de compra, em um e-commerce é a página onde o cliente finaliza a compra, confirmando todas as informações e adicionando a forma de pagamento e endereço de entrega.

Nosso time elaborou um checkout totalmente customizado dentro da plataforma VTEX e através do layout criado pelos designer da marca Anna Amex, foram modificados dentro do /cart posições de alguns itens como cálculo de frete, adição de cupons, subtotal, total e botão para finalizar. Todos esses botões foram para o lado direito, para melhorar a acessibilidade do cliente). Além disso, para que tudo funcionasse perfeitamente deste modo, foi adicionado algumas linhas de JS que fizeram a diferença.

Também foi introduzido nosso Plugin de vendedor, possibilitando inserir o código do vendedor para ser vinculado à compra.

Na segunda etapa do Checkout, apenas adicionamos um CSS pois a funcionalidade é nativa da VTEX e também executamos a validação do email.

Agora /Profile /shipping /payment ficam na mesma página pois modificamos o CSS visual e incluímos validações nos campos para funcionar conforme planejado.

Neste projeto, o maior desafio foram as validações, pois como a VTEX já possui validação, nossa equipe precisou que inserir novamente para atender o fluxo pretendido inicialmente.

Veja o antes e depois:

E aí, gostaram de conhecer mais este projeto? O que acharam do resultado? Vem contar nos comentarios.

Leave a comment

Please note, comments must be approved before they are published