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

Custom Checkout on the VTEX platform? It is possible. Meet the new project at Souq

The history of Souq e Codeby has been built for a little over a year, and today we are pleased to deliver the new Checkout of the store.

For those who don't know, the Checkout is the name that allows the closing of the purchase process, in an e-commerce is a page where the customer finalizes the purchase, confirms all information and adds a payment form and delivery address.

Our time made a fully customized checkout within the VTEX platform and through the layout created by the designer of the brand Anna Amex, were modified within the shopping cart / some items positions as freight calculation, adding coupons, subtotal, total and button to finish. All these buttons were moved to the right side to improve customer accessibility). Also, to make everything work perfectly this way, some JS lines were added that made a difference.

Also our seller plugin was introduced, allowing you to insert the seller code to be linked to the purchase.

In the second step of Checkout, it just adds a CSS to the native VTEX functionality and also performs an email validation.

Now / Profile / shipping / payment stay on the same page for visual or CSS modifications and include validation on the fields to execute as planned.

In this project, the biggest challenge was the validations, since VTEX already has validation, our team needs it to be inserted again to meet or execute the intended flow.

So, did we enjoy learning more about this project? What are the results? Come tell us in the comments.

Back to blog

Leave a comment

Please note, comments need to be approved before they are published.

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

Transform the shopping experience of digital channels!
Our team of experts awaits your contact to understand how we can make your business evolve today with the best strategies and technologies on the market.

Talk to an expert

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.


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

About us

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


  • Nossos Cases


  • Blog
  • Ebooks

Get in touch

  • Talk to an expert

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

Privacy Policy