# Personalize o provador na Experiência na loja > Tutorial para deixar o provador com a cara da sua loja. Aplique um kit, ajuste botão e animação, configure o convite, confira na prévia e publique. Canonical: https://provei.ai/ajuda/tutoriais/personalizar-o-provador/ Last updated: 2026-10-23 Translation (en): https://provei.ai/ajuda/en/tutoriais/personalizar-o-provador.md Neste tutorial você deixa o provador com a cara da sua loja: aplica um kit de estilo, ajusta o botão na página e a animação, configura o convite (pop-up) e publica. Tudo muda primeiro na prévia ao vivo, e a loja só recebe as mudanças no último passo. ## Antes de começar - O código da Provei precisa estar na loja. Veja [Instalar a Provei na sua loja](https://provei.ai/ajuda/instalacao/). - Abra o painel no computador. No celular, o editor funciona, mas a prévia fica escondida atrás de **Ver prévia**. - Alguns ajustes dependem do plano e aparecem com um cadeado. Veja [Recursos que dependem do plano](https://provei.ai/ajuda/experiencia-na-loja/#recursos-que-dependem-do-plano). ## 1. Abra o editor No menu lateral, clique em **Experiência na loja**. À esquerda ficam as quatro áreas, **Estilo**, **Elementos**, **Regras** e **Marca**. À direita fica a prévia ao vivo de uma página de produto. ![Editor Experiência na loja com as áreas Estilo, Elementos, Regras e Marca à esquerda e a prévia ao vivo à direita](https://provei.ai/ajuda/_astro/editor.C0z1HIJS_ZSPE4f.webp) No topo da prévia, escolha **Computador** ou **Celular**. Confira as duas telas ao longo do tutorial. ## 2. Aplique um kit de estilo 1. Abra **Estilo**. 2. Em **Kits prontos**, veja as miniaturas. Os primeiros combinam com o tipo da sua loja, com uma etiqueta como **Para moda**, **Para óticas** ou **Para casa**. 3. Clique em **Aplicar** no kit que mais combina com a loja. A prévia muda na hora. 4. Em **Ajustes globais**, troque a **Cor da marca** pela cor da sua loja e, se quiser, os **Cantos**, a **Sombra** e a **Fonte**. Esses ajustes valem para o botão, o convite, a janela e os links juntos. Veja todas as opções em [Estilo da loja](https://provei.ai/ajuda/experiencia-na-loja/estilo/). ## 3. Ajuste o botão na página 1. Abra **Elementos › Botão na página**. Outro jeito: clique no botão dentro da prévia, em **Editar botão**. 2. Em **Onde aparece**, escolha **Junto ao botão de comprar** (recomendado), **Flutuante no canto** ou **Sobre a foto do produto**. Para a primeira e a última, clique em **Escolher na minha página** e marque o lugar numa página real da loja. 3. Em **Conteúdo**, escreva um **Texto do botão** curto e direto e escolha o **Ícone**. 4. Em **Aparência**, deixe **Padrão** para usar o visual do provador, ou mude qualquer ajuste para o botão passar a **Personalizado**. ## 4. Escolha uma animação para o botão Na mesma aba, em **Animação**, escolha o **Movimento do botão**: **Nenhuma**, **Pulsar**, **Brilho** ou **Balançar**. A prévia mostra o movimento. ![Seção Animação com as opções Nenhuma, Pulsar, Brilho e Balançar](https://provei.ai/ajuda/_astro/botao-animacao.DCyNn5Ej_Z29JEU2.webp) O movimento para quando o cliente passa o mouse no botão, e quem pediu menos movimento no aparelho vê o botão parado. Com o botão **Sobre a foto do produto**, não há animação. Veja [Botão na página](https://provei.ai/ajuda/experiencia-na-loja/botao/#ativar-uma-anima%C3%A7%C3%A3o). ## 5. Configure o convite (pop-up) O convite lembra o cliente de experimentar, alguns segundos depois que ele chega à página do produto. 1. Abra **Elementos › Convite (pop-up)** e ligue **Mostrar convite**. 2. Em **Conteúdo**, escreva o **Título**, a **Mensagem** e o **Texto do botão**, e escolha a **Imagem**. 3. Em **Layout**, escolha **Cartão**, **Barra** ou **Bolha**, e a **Animação de entrada**. 4. Em **Quando aparece**, defina **Aparece depois de (seg.)**, **No máximo em (seg.)** e **Com que frequência**. **Uma vez por visita** evita mostrar o convite de novo a quem já viu. 5. Em **Onde aparece**, escolha o **Canto** e o comportamento **No celular**. 6. Na prévia, escolha o momento **Convite** e clique em **Ver de novo** para ver a entrada. ![Seção Layout com as opções Cartão, Barra e Bolha e a Animação de entrada](https://provei.ai/ajuda/_astro/convite-layout.CXdib1oh_Z1SiIV2.webp) Os detalhes de cada opção estão em [Convite (pop-up)](https://provei.ai/ajuda/experiencia-na-loja/convite-pop-up/). ## 6. Confira a janela e a marca - Em **Elementos › Janela do provador**, escolha como a janela abre na loja. Na prévia, use o momento **Provador aberto**. Veja [Janela do provador](https://provei.ai/ajuda/experiencia-na-loja/janela-do-provador/). - Em **Marca**, confira o logo e o nome que aparecem no provador. Veja [Marca da loja no provador](https://provei.ai/ajuda/experiencia-na-loja/marca/). > **Dica:** Não acha um ajuste? Use **Procurar ajuste…** no topo do editor. Digite, por exemplo, “sombra” ou “WhatsApp”, e o editor abre a área certa e destaca o ajuste. ## 7. Publique e confira na loja 1. Na barra do rodapé, confira quantas alterações faltam publicar. As áreas com mudanças têm um ponto colorido. 2. Clique em **Publicar alterações**. Quando terminar, a barra mostra **Tudo publicado**. 3. Abra uma página de produto da loja numa janela anônima e confira o botão, a animação e o convite. Recarregue a página se ela já estava aberta. Se uma parte não for publicada, o aviso mostra **Corrigir em …** e leva direto ao campo com problema. Se a loja continuar igual, veja [Mudanças não aparecem na loja](https://provei.ai/ajuda/solucao-de-problemas/mudancas-nao-aparecem/). ## Perguntas frequentes ### As mudanças vão para a loja enquanto eu edito? Não. Tudo aparece primeiro na prévia. A loja só muda quando você clica em Publicar alterações. ### Posso voltar ao que estava antes? Antes de publicar, clique em Descartar para voltar ao que está publicado. Depois de publicar, use Restaurar padrão em cada ajuste ou aplique um kit de novo. ### Não encontro um ajuste. Onde ele está? Use a busca Procurar ajuste… no topo do editor. Ela abre a área certa e destaca o ajuste. ## Veja também - [Experiência na loja](https://provei.ai/ajuda/experiencia-na-loja/) - [Estilo da loja, kits e ajustes globais](https://provei.ai/ajuda/experiencia-na-loja/estilo/) - [Botão na página do produto](https://provei.ai/ajuda/experiencia-na-loja/botao/) - [Convite (pop-up) para provar](https://provei.ai/ajuda/experiencia-na-loja/convite-pop-up/)