Case funcionalidade VTEX IO: Free shipping infos – Codeby
Case funcionalidade VTEX IO: Free shipping infos
Nos últimos anos, uma boa parte das operações de e-commerce vem optando pelo Frete Grátis como forma de atrair consumidores interessados em seus produtos e aumentar a conversão dos seus sites.
O frete gratuito leva cerca de 63% dos consumidores a colocarem mais itens no carrinho, e também a indicar a loja que está oferecendo o benefício para outras pessoas. Estes dados são da pesquisa feita pela ComScore e revela a importância para se levar em consideração o frete grátis em sua estratégia de vendas.
E está estratégia vem se mostrando efetiva, não só pelo aumento no ticket médio durante o período, mas ao olhar do cliente, que fica mais aberto para consumir. Uma pesquisa da Webshoppers revela que 60% dos consumidores preferem pagar mais barato no frete, mesmo com prazos de entrega maiores.
Dessa forma, nosso time desenvolveu o Free shipping infos, um novo App para a plataforma VTEX IO, cujo principal objetivo é mostrar para o usuário o valor que falta para que ele receba a promoção de frete grátis.
O Free shipping infos foi desenvolvido para mostrar ao usuário uma espécie de régua de frete, para comunicá-lo sobre o quanto falta para que ele ganhe o benefício.
Atualmente, já existem alternativas de réguas de frete na plataforma VTEX, mas grande parte destas soluções não realizam a captura do valor promocional automaticamente, fazendo com que o cliente precise informar em outro local o valor mínimo da compra.
Por isso, o Free shipping infos busca no back-end a promoção atrelada a região que o usuário se encontra e então é feita a verificação do valor que falta para o usuário receber o benefício. No front-end, é mostrado ao usuário no minicart, ou em qualquer outra página de preferência do lojista, uma régua de frete que mostra a evolução da compra até atingir o benefício de frete grátis, baseado no valor adicionado no carrinho.
Para o desenvolvimento desta funcionalidade, nosso time utilizou Node no back-end para a criação de endpoint de consulta e no front-end, hou a personalização através de typescript, o design da régua é livre podendo ser customizado e utilizado em qualquer loja.
Os consumidores antes de fazer qualquer compra, avaliam o valor do produto e também o tempo e valor da entrega. Se o custo ou o tempo do envio do produto não forem interessantes, a compra pode ser abandonada e o consumidor irá sim, procurar por um concorrente.
A régua de frete impulsiona o usuário a adicionar mais produtos em busca do benefício, para o lojista essa implementação propôs a automatização da captura de dados, evitando que no front-end apareça um valor que não está configurado como promoção na VTEX.