Passar para o conteúdo principal

Como Personalizar o Checkout na Yampi

Aprenda a personalizar o checkout da Yampi, alterando cores, logo, posicionamento de elementos, cronômetro de urgência, rodapé e aparência geral. Essa configuração melhora a identidade visual e aumenta a conversão.

🧭 Quando usar

  • Personalização de cores e identidade visual do checkout

  • Inserção de logo e informações de contato no rodapé

  • Criação de senso de urgência com cronômetro de tempo limitado


✅ Pré-requisitos

  • Conta ativa na Yampi

  • Checkout já integrado à sua loja (Shopify, WooCommerce etc.)

  • Logotipo da marca em formato de imagem (PNG ou JPG)


🛠️ Passo a passo

Passo 1 – Acessar configurações do checkout

  1. No painel da Yampi, vá em Configurações » Checkout.

  2. Clique em Personalizar.


Passo 2 – Ajustar cores e logo

  1. Defina a cor do cabeçalho conforme sua marca.

  2. Escolha as cores dos elementos (botões, textos, cronômetro).

  3. Faça upload do logotipo da loja.

  4. Defina o posicionamento (esquerda, centro, direita).


Passo 3 – Inserir cronômetro de urgência

  1. Ative a opção Cronômetro.

  2. Insira o texto (ex.: “Adquira este produto por tempo limitado”).

  3. Configure o tempo (ex.: 7 minutos).

  4. Defina cores para a barra, texto e cronômetro.


Passo 4 – Personalizar rodapé

  1. Defina as cores de fundo e texto do rodapé.

  2. Adicione contatos opcionais: WhatsApp, telefone e e-mail.

  3. Habilite ícones de pagamento e dados da empresa (endereço, razão social).


Passo 5 – Ajustar aparência geral

  1. Em Aparência, defina cores de títulos, descrições e valores.

  2. Escolha o estilo dos botões: arredondados ou quadrados.

    • Recomenda-se arredondados para aparência mais profissional.

  3. Selecione a fonte disponível (padrão já é otimizada).


🧩 Exemplos práticos

  • Exemplo 1: Loja de cosméticos → checkout com cores da marca + logo centralizado → aumento da confiança visual.

  • Exemplo 2: Loja de eletrônicos → cronômetro de urgência configurado em 10 minutos → aumento da taxa de conversão.


🧪 Solução de problemas

  • Erro/Sintoma: Logo não aparece
    ​Causa provável: Arquivo inválido ou não salvo corretamente
    ​Como resolver: Refaça upload em formato PNG/JPG e salve novamente.

  • Erro/Sintoma: Cronômetro não inicia
    ​Causa provável: Configuração de tempo não definida
    ​Como resolver: Revisar campo de minutos e salvar.

  • Erro/Sintoma: Botões aparecem quadrados mesmo após ajuste
    ​Causa provável: Cache do navegador
    ​Como resolver: Limpar cache e recarregar checkout.


🔎 Referências e links úteis


🗂️ Metadados

  • Categoria: E-commerce & Integrações

  • Subcategoria: Checkout Yampi

  • Tags: yampi, checkout, personalização, logo, cronômetro, identidade visual

  • Nível: básico

  • Atualizado em: 2025-09-12

Respondeu à sua pergunta?