Melhorias no editor de páginas e variantes de produto

Este é um retrospecto escrito sobre 5 a 18 de julho de 2026, escrito em outubro a partir do histórico do git dos nossos repositórios de aplicativos. Tudo abaixo é código no nosso branch de staging. Não é um anúncio de lançamento; a PersonaCart está em pré-lançamento.

Período abordado: 5 a 18 de julho de 2026.

Em resumo

• Ficou mais fácil posicionar as coisas no editor de páginas: guias de alinhamento, um arrastar mais suave e modelos de página inteira com um clique.
• A loja ganhou variantes de produto que se comportam como as de uma loja de verdade: guias de tamanho, trocas e fotos ligadas à opção escolhida.
• A Pie, nossa assistente, agora consegue montar uma página a partir de um briefing dentro do chat.

O que tentamos construir

Duas coisas. Primeiro, um editor de páginas em que um coach sem formação em design consiga posicionar um título, um botão e uma foto e fazer tudo parecer intencional. Segundo, uma loja que lida com as partes chatas de vender coisas em tamanhos. O trabalho no editor foi, em grande parte, para reduzir pequenas frustrações. O trabalho na loja foi sobre as situações que vêm depois de uma venda, como um tamanho errado.

O que construímos no editor

• Alinhamento magnético. Quando você move um elemento, ele se encaixa nas guias de centro e de borda.
• Dois tipos de arrastar. Arrastar dentro do elemento pai ajusta o espaçamento. Arrastar entre elementos pai reordena. São gestos diferentes, com resultados diferentes.
• Arrastar com toque para imagens. Mantenha pressionado para pegar uma imagem no celular, com uma indicação visível quando ela é pega.
• Modelos de página inteira com um clique. No modo normal você pode começar de um modelo de página completa, incluindo um de equipe esportiva que foi desenhado como uma página pronta, e não como uma pilha de seções soltas.
• Destaque de texto. Destaque qualquer palavra em qualquer cor.
• Copiar e colar estilo de botão. Copie o estilo de um botão e cole em outro, pelos ícones da barra lateral ou pelo menu de contexto.
• Um botão Publicar que diz o que publica. Ele diz Publish Shop, Page ou Theme, dependendo de onde você está.
• Menos opções mortas. O menu de excesso da barra de ferramentas oculta as ações que não se aplicam, em vez de deixá-las em cinza, e os novos elementos piscam rapidamente para você ver onde eles pousaram.
• Dois controles de tema que enfim aparecem. O espaçamento das seções e a escala tipográfica foram ligados para que os controles mudem a página.

O que construímos na loja

• Guias de tamanho e de medidas que você cria uma vez e reutiliza em vários produtos.
• Fotos por variante, e um jeito de atribuir fotos por um atributo, como a cor, para que a galeria mude conforme o comprador escolhe.
• Trocas. Um pedido pode passar por um fluxo de troca de tamanho ou de variante.
• Reordenação. Você pode arrastar eixos e valores de opções para a ordem que quiser, e a vitrine a acompanha. Os produtos podem ser reordenados à mão na listagem.
• Detalhes do produto. Um editor de material, cuidados e especificações alimenta um bloco de detalhes na página do produto.
• Etiquetas. Cada produto pode ter uma etiqueta exibida aos compradores, e a loja pode filtrar por ela.
• Modo de teste de frete. Uma chave de sandbox ao conectar uma transportadora, para que você possa experimentar sem remessas reais.

Marketing e operações

• Cupons e automações por tag de cliente. Os cupons podem ter como alvo tags reais, segmentos e clientes novos ou recorrentes. As automações podem filtrar por tag.
• Menus por vitrine. Os menus de cabeçalho e de rodapé são anexados a partir da página de listagem.
• Importação em massa. Na área de Import/Export você pode trazer produtos a partir da URL de uma loja.
• Tarefas pelo chat. A Pie consegue gerenciar links de pagamento, definir o público de uma campanha e pausar ou retomar uma assinatura. A Pie também consegue montar uma página a partir de um briefing curto e mostrar uma lista de seções com pré-visualização.

O que isso significa para um coach ou uma academia

Um coach que vende um programa normalmente não precisa de guias de tamanho, mas um coach que também vende uniformes ou roupas precisa. Trocas e fotos de variantes são a parte que a maioria das lojas pequenas erra. As mudanças no editor são para todos. A maioria apenas poupa um minuto aqui e ali.

Quero separar isto da Academy, que é o lado de equipes e horários e é separado da loja online.

O que vem a seguir

A quinzena seguinte é dominada pelas vendas e reservas do BioLink, pelos domínios e pela cobrança. Esse é o próximo post.

Quer conversar? Sou um dos cofundadores da PersonaCart. Se você tem uma dúvida, uma ideia ou algo que gostaria que construíssemos, escreva diretamente para mim: [email protected].

Vinod Morya, Co-founder, PersonaCart