Checkout personalizado na plataforma VTEX? É possível. Conheça o novo projeto no Souq

Checkout personalizado na plataforma VTEX? É possível. Conheça o novo projeto no Souq

A história do 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, o Checkout é o nome que permite o fechamento do processo de compra, em um comércio eletrônico é uma página em que o cliente finaliza a compra, confirma todas as informações e adiciona um formulário de pagamento e endereço de entrega.

Nosso tempo elaborou um checkout totalmente personalizado dentro da plataforma VTEX e através do layout criado pelo designer da marca Anna Amex, foram modificados dentro do carrinho de compras / 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 funcione perfeitamente desse modo, foram adicionadas algumas linhas de JS que fizeram diferença.

Também foi introduzido nosso plug-in de vendedor, permitindo inserir o código do vendedor para ser vinculado à compra.

Na segunda etapa do Checkout, apenas adiciona um CSS à funcionalidade nativa do VTEX e também executa uma validação de e-mail.

Agora / Perfil / envio / pagamento ficam na mesma página para modificações visuais ou CSS e incluem validação nos campos para execução conforme planejado.

Neste projeto, o maior desafio foram as validações, já que a VTEX já possui validação, nossa equipe precisa que seja inserida novamente para atender ou executar o fluxo pretendido.

E aí, gostamos de conhecer mais este projeto? O que os resultados do resultado? Vem contar nos comentários.

Deixe um comentário

Os comentários precisam ser aprovados antes da publicação.