¿Checkout personalizado en la plataforma VTEX? Es posible. Conoce el nuevo proyecto en Souq.

La historia de Souq y Codeby se construyó hace poco más de un año, y hoy nos complace entregar el nuevo Checkout desde la tienda.


Para aquellos que no saben Checkout es el nombre que se le da al cierre del proceso de compra, en un comercio electrónico es la página donde el cliente finaliza la compra, confirmando toda la información y agregando la forma de pago y la dirección de entrega.
Our team made a fully customized checkout inside the VTEX platform and through the layout created by the brand designers Anna Amex, were modified within the / cart positions of some items like freight calculation, coupon addition, subtotal, total and button to finalize.

Todos estos botones fueron al lado derecho para mejorar la accesibilidad del cliente). Además, para que todo funcione perfectamente de esta manera, agregamos algunas líneas JS que hicieron la diferencia.

También hemos introducido nuestro complemento de vendedor, que le permite ingresar el código de vendedor para vincularlo a la compra. En la segunda etapa de Checkout, solo agregamos un CSS porque la funcionalidad es nativa de VTEX y también realizamos la validación del correo electrónico.

Ahora / Perfil / envío / pago están en la misma página en la que modificamos el CSS visual e incluimos validaciones de campo para que funcionen según lo planeado. En este proyecto, el mayor desafío fueron las validaciones, ya que como VTEX ya tiene validación, nuestro equipo tuvo que insertarlo nuevamente para cumplir inicialmente con el flujo previsto.

Mira el sitio: Souq

Entonces, ¿te gustaría saber más sobre este proyecto? ¿Qué te parece el resultado? Ven y cuéntanos los comentarios.

Deixe um comentário

Os comentários devem ser aprovados antes de serem publicados