SHOW SIDEBAR
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.

Vale a leitura

Milwaukee e Ben’s Bicycle personalizaram a venda de bikes no e-commerce
Milwaukee e Ben’s Bicycle personalizaram a venda de bikes no e-commerce
Fundada em 1928, a Ben’s Cycle é especializada em produtos de bicicletas difíceis de encontrar e de alta qualidade, b...
Saiba mais
Conceito: o que significa Headless Commerce da VTEX?
Conceito: o que significa Headless Commerce da VTEX?
Conforme os anos passam, novas formas de atuar no mercado vão surgindo, dando espaço para novos modelos de negócios e...
Saiba mais
Como identificar erros no SEO do seu e-commerce
Como identificar erros no SEO do seu e-commerce
Atrair novos usuários para seu e-commerce é um fator determinante para o sucesso das suas vendas online, e para isso ...
Saiba mais

Leave A Comment

Please note, comments must be approved before they are published