Abílio Azevedo.

Conexão VTEX com Mautic

Cover Image for Conexão VTEX com Mautic
Abílio Azevedo
Abílio Azevedo

Nos últimos finais de semana estudei as APIs da VTEX e Mautic com o objetivo de integrar os fluxos de carrinho abandonado e status dos pedidos da loja online com o sistema de automação Mautic.

A VTEX tem uma API de cadastro de webhooks para te notificar de diversos status de um pedido (aqui).

Já para abandono de carrinho é preciso criar um trigger na plataforma de CRM da VTEX (DynamicStorage), conforme este tutorial.

Já no Mautic você pode criar campos personalizados para um contato pelo painel admin; e atualizar esses campos via API.

Como sempre faço em meus projetos documentei e testei os endpoints pelo Insomnia.

Com a documentação em mãos e entendendo as regras de negócio, comecei o desenvolvimento de um servidor node.js usando express.js para expor os endpoints que serviriam de webhook para VTEX chamar. Basicamente criei dois endpoints:

1 - Carrinho Abandonado: Recebe os dados do usuário que abandonou o carrinho com os SKUs. Com esses dados eu monto um texto com os produtos, template HTML, um link para remontar o carrinho. Assim o Mautic poder enviar por email e whatsapp um lembrete para o cliente concluir a compra.

Mautic Contacts Fields

2 - Atualiza Status do Pedido: Recebe o ID do pedido e o status. Com esses dados eu pego mais informações do pedido, como prazo de entrega, endereço de entrega, link de rastreio... Assim o Mautic pode enviar comunicações para o cliente informando sobre o status de seu pedido.

Informações do Pedido

Por fim, fiz o deploy do servidor de integração no heroku.

Ficou interessado nessa integração? Entre em contato: me@abilioazevedo.com.br


Mais posts

Cover Image for Construindo um Servidor MCP Remoto para o Google Workspace (Sheets, Docs and Presentation)

Construindo um Servidor MCP Remoto para o Google Workspace (Sheets, Docs and Presentation)

Aprenda como construir e implantar um servidor MCP (Model Context Protocol) remoto para Google Workspace (Sheets, Docs and Presentation) usando Next.js, Vercel e Neon Postgres. Guia passo a passo cobrindo autenticação OAuth de duas camadas, registro de ferramentas, implantação serverless e depuração com MCP Inspector — para que qualquer assistente de IA possa ler, escrever e gerenciar planilhas com apenas uma URL.

Abílio Azevedo
Abílio Azevedo
Cover Image for UX/UI para desenvolvedores

UX/UI para desenvolvedores

UX/UI para Desenvolvedores — Guia pratico sobre design systems, comunicacao com Product Designers e quando reutilizar componentes. Aborda heuristicas de Nielsen, Atomic Design, bibliotecas de componentes Tailwind CSS como shadcn/ui e Radix UI, ferramentas de prototipagem como Figma e Origami Studio, boas praticas de acessibilidade, e uma curadoria de cursos, artigos e livros para desenvolvedores que querem construir melhores experiencias de usuario.

Abílio Azevedo
Abílio Azevedo

NewsLetter

Eu enviarei o conteúdo postado aqui no blog. Sem Spam =)