Desenvolvimento em VTEX IO: 2 ferramentas que você precisa conhecer e que vão facilitar sua rotina

Desenvolvimento em VTEX IO: 2 ferramentas que você precisa conhecer e que vão facilitar sua rotina

Time técnico da Corebiz cria duas ferramentas inéditas no mercado e reduz em 70% o tempo de desenvolvimento de aplicações que são chave para a rotina dos profissionais da área. Ambas as ferramentas são low code e abertas a todas as agências parceiras e clientes VTEX. Confira a seguir, todos os detalhes!

Quando falamos de desenvolvimento para e-commerce, é muito comum pensarmos nos inúmeros processos para implementar pequenas e grandes mudanças e nas idas e vindas de aprovação no meio desse fluxo um tanto complexo.

Para quem desenvolve em VTEX IO, certamente já está habituado com as facilidades que a plataforma low-code oferece. De qualquer forma, se existem ferramentas que podem otimizar ainda mais o dia a dia desses profissionais, com certeza é uma vantagem conhecê-las e utilizá-las.

E nesse artigo, trouxemos duas ferramentas extremamente úteis para desenvolvedores que atuam com o VTEX IO. Se quer conhecer mais sobre, continue a leitura!

Conheça as aplicações para VTEX IO

Mais agilidade no fluxo de validações com o VHelpx

Como comentamos acima, os processos de validação geralmente demandam um tempo maior do que o necessário de um desenvolvedor, principalmente por depender do profissional para estruturar de maneira que as pessoas consigam visualizar e validar as alterações ou configurações realizadas no e-commerce. 

Essa também era nossa rotina nos projetos. De maneira recorrente, precisávamos validar com o cliente e o time técnico se as configurações feitas em um produto ou em outro item da loja estavam de acordo com a necessidade. Apesar da análise desse retorno ser bem simples, o processo de validação exigia algum nível de conhecimento técnico em programação e da plataforma VTEX, tornando inviável que pessoas não técnicas pudessem fazer essa tarefa sem o envolvimento de um desenvolvedor, o que transformava o processo mais complexo e moroso do que o necessário.

Motivado pela necessidade de melhorar essa realidade e agilizar processos, Raphael Barbosa Rodrigues, desenvolvedor na Corebiz criou o VHelpx, uma extensão para navegador que possibilita que POs (Product Owners), Desenvolvedores, clientes e qualquer outra pessoa envolvida no projeto de um e-commerce possa acessar informações sobre a loja, produtos e pedido (orderForm), de maneira rápida e intuitiva, e com total autonomia.

Tela da aplicação VHelpx – Visão do menu

Dessa maneira, todas as customizações feitas pelo desenvolvedor ficam visíveis para serem validadas e testadas, a fim de compreenderem se atendem ou não às necessidades e objetivos do negócio. O que reduz consideravelmente o tempo investido nesse processo, permitindo que as equipes sigam focando em outras demandas estratégicas.

Tela da aplicação VHelpx – Visão Order Form

A aplicação é totalmente gratuita e pode ser utilizada por qualquer pessoa que trabalhe com o ecossistema VTEX. Além de ser customizada, pode ser instalada em qualquer navegador baseado no Chromium (Google Chrome, Opera, Brave, Microsoft Edge). Apesar de existirem outras aplicações que identificam lojas IO, apenas o VHelpx disponibiliza um acesso para realização de testes no e-commerce, sendo a aplicação mais completa do mercado para este fim, atualmente.

Tela da aplicação VHelpx – Visão de Login

Como a aplicação funciona

As informações são extraídas de diversas fontes pela extensão, por exemplo, os dados do orderForm e dos produtos são consultados através de requisições realizadas pelo próprio e-commerce para as APIs públicas da VTEX e transitadas por messages e listeners para a extensão, a fim de evitar erros de CORS e a necessidade do uso de AppKey e AppToken. Já outras seções, como as informações gerais da loja são capturadas através do mapeamento do HTML, cookies e URLs com o uso de expressões regulares.

Acesse o repositório do VHelpx clicando aqui.

Serviço de otimização de conversão (CRO)

Criando componentes customizados de maneira simples e rápida com o Compio

Uma das principais demandas dos desenvolvedores que utilizam a plataforma VTEX é realizar customizações para atender as necessidades do modelo de negócio da empresa ou para otimizar determinados aspectos no e-commerce, e boa parte dos profissionais dedicam algumas horas do seu dia para criar os componentes customizados necessários.

Foi pensando em agilizar esse processo que Sander Paniago, desenvolvedor na Corebiz, criou o Compio, uma interface de linha de comando (CLI), que permite que o usuário crie componentes e contextos customizados dentro do VTEX.IO com mais rapidez e facilidade.

Tela inicial da aplicação Compio

O App, pioneiro no mercado, é totalmente gratuito e open source, permitindo que outras pessoas contribuam com a melhoria contínua do projeto e customizem as funcionalidades. Essa funcionalidade visa otimizar a rotina dos desenvolvedores VTEX IO e com certeza vem para facilitar um pouco a rotina desses profissionais!

Acesse o repositório do Compio clicando aqui.

Cultura que fomenta a tecnologia

Na Corebiz acreditamos que todo conhecimento deve ser compartilhado, e nossa cultura respira esse conceito no dia a dia com iniciativas que fomentam de fato a tecnologia a partir de ritos importantes para o crescimento dos profissionais, dos clientes e da companhia como um todo. 

Conheça a iniciativa “Papo de IO”

Nascido da necessidade de promover a tecnologia VTEX IO e a troca de experiências e habilidades entre os desenvolvedores do time, o Papo de IO é uma iniciativa que a partir de fóruns cria debates sobre a tecnologia VTEX IO, visando discutir sobre boas práticas da plataforma, responder dúvidas, adiantar cenários e trazer cases desenvolvidos dentro da Corebiz para serem analisados em conjunto.

“Pessoas unidas em um mesmo propósito tendem a evoluir muito mais rápido por conta das trocas e pertencimento, que é traduzido pelo sentimento de apoio”.

Gisele Clemente, Product Owner na Corebiz

A dinâmica que criamos permite que além de trocar insights (ensinar e aprender) de forma informal e dinâmica os profissionais possam formar uma rede de suporte e apoio técnico. E muito além do impacto interno, percebemos que a maturidade que o “Papo de IO” tem ganhado dentro da companhia vem impactando diretamente os projetos com nossos clientes, pois criamos um grupo que evolui tecnicamente a cada encontro e consegue levar os aprendizados para os projetos em que cada um atua, e solucionar desafios de maneira mais ágil e colaborativa. 

Nossa tribo de agilidade tem gerado pautas semelhantes a essa e com certeza teremos novas iniciativas surgindo, visando sempre a alta performance do time e uma entrega cada vez mais significativa para nossos clientes

“Através desses encontros e trocas, estamos capacitando nosso time interno e ressignificando o aproveitamento intelectual que temos dentro de casa, além de contribuir de certa forma, com a VTEX e o mercado como um todo”.

João Paulo, Gerente de Operações na Corebiz

A Corebiz é uma das maiores parceiras VTEX no mundo, e conta com profissionais de ponta conduzindo projetos dos mais de 140 clientes e em mais de 40 países. Nosso crescimento exponencial é reflexo do nosso empenho em entregar soluções que potencializam cada vez mais o negócio dos nossos clientes.

Esperamos que as duas ferramentas que apresentamos aqui sejam de grande utilidade para o seu dia a dia. E caso tenha ficado com alguma dúvida, fique à vontade para deixar aqui nos comentários que teremos o prazer de responder.

Artigo construído por:

Gisele Nunes Clemente,
Product Owner at Corebiz

João Paulo Alves,
Gerente de Operações at Corebiz

Raphael Barbosa Rodrigues,
Desenvolvedor Front-end Sênior at Corebiz

Sander Pereira Paniago,
Desenvolvedor Front-end Sênior at Corebiz