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.

Voltar para o blog

Deixe um comentário

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

Qual o próximo passo? Vamos evoluir o seu e-commerce hoje.

Transforme a experiência de compra dos canais digitais!
Nosso time de especialistas aguarda seu contato para entender como podemos evoluir seu negócio hoje com as melhores estratégias e tecnologias do mercado.

Fale com um especialista

A Codeby precisa das informações de contato que você nos fornece para contatá-lo sobre nossos produtos e serviços. Você pode cancelar a assinatura dessas comunicações a qualquer momento. Para obter informações sobre como cancelar a inscrição, bem como nossas práticas de privacidade e compromisso de proteger sua privacidade, consulte nossa Política de Privacidade.

Soluções

  • Vtex Solutions
  • Digital Commerce
  • Digital Marketing
  • Digital Transformation
  • Data Transformation

Company

  • We are a Tech
  • We are a Team
  • We are a Keyrus Company
  • Carreira
  • Parceiros

Cases

  • Nossos Cases

Insights

  • Blog
  • Ebooks

Contato

  • Fale com um especialista

Rua Bandeira Paulista, 275 - 1º Andar | ECOMFY TECNOLOGIA E DESENVOLVIMENTO LTDA | CNPJ 30.084.751/0001-02
© 2023, Codeby | Technology for Business Powered by Shopify

Política de privacidade