Pré Requisitos

Acesso ao Painel Yever (permissão de Checkout).
Favicon (PNG ou JPEG, até 32 KB.)
Logo (Imagens nos formatos png ou jpeg com até 128KB por arquivo)

Etapa 1: Criar o Checkout 3.1

Acesse Checkouts no painel.
Menu lateral esquerdo → Checkouts. Aqui você enxerga todos os checkouts já criados e o status de cada um.
Clique em Adicionar checkout.
Botão no canto superior direito. Você será levado para a tela de configuração inicial.
Defina Nome e Favicon.
1. Nome do checkout: somente para sua organização interna (não aparece para o cliente). Use um padrão fácil de identificar, ex.: Checkout Loja Principal.
2. Favicon: ícone que aparece na aba do navegador. PNG ou JPEG, até 32 KB. Recomendamos utilizar um Favicon de 64x64 pixels de dimensões.
Ajuste as Regras do Checkout.
Ative apenas o que ajuda a concluir a compra com menos fricção:
1. Campo de cupom: Ative apenas se usar cupons com frequência. Caso contrário, oculte (reduz distração).
2. Alterar quantidade de itens: Permite que o cliente altere a quantidade de itens dentro do checkout, sem a necessidade de retornar ao carrinho da Shopify.
3. Permitir remover produtos: Permite que o cliente remova produtos dentro do checkout, sem a necessidade de retornar ao carrinho da Shopify. Isso trás transparência e ajuda na confiança da loja.
4. Habilitar vendas para CNPJ: Marque para B2B (emite campos de dados PJ).
5. Campo de data de nascimento: Ative apenas se fizer parte da sua estratégia de CRM/antifraude. Cada campo extra reduz a taxa de conclusão.
  
  🟡 Dica Yever: menos campos = mais conversão. Se tiver dúvida, comece enxuto e adicione depois.
Clique em Salvar.
Seu checkout aparecerá listado em Checkouts.

Etapa 2: Personalizar o Checkout

2.1 Personalize o design do seu checkout

Clique em Personalizar
Escolha um tema inicial
Use um dos conjuntos de cores pré‑definidos para começar rápido. Eles já respeitam contraste e legibilidade.
1. Redefine se necessário
  Se a paleta não combinar com a sua marca, ajuste nas próximas etapas (cabeçalho, fundo, títulos e botões).

🟡 Dica Yever: limite‑se a 2–3 cores (primária, secundária, neutra).

Muitas cores = ruído visual = menos conversão.

2.2 Logo e posicionamento

Envie a logo em PNG (preferencial).
Imagens nos formatos png ou jpeg com até 128KB por arquivo
Posicionamento: recomendamos centralizada para equilíbrio visual.

Boas práticas:

Fundo transparente para evitar bordas.
Não use versões com muito texto.

2.3 Cores do layout

Defina onde cada cor se aplica e mantenha contraste.

Cor do cabeçalho
Fica atrás da logo, no topo do checkout. Preferir a cor primária da marca.
Cor de fundo do checkout
Base do restante da página. Use tom claro e neutro para máxima legibilidade.
Cor da barra de progresso e títulos
Aplique uma cor com alto contraste para facilitar a leitura das etapas.
Cor do botão principal (CTA)
Botão de finalizar compra. Deve se destacar do restante do layout.

🟡 Dica Yever (acessibilidade): mantenha contraste nas informações. Botões e textos críticos devem sempre com boa leitura.

2.4 Comportamento do carrinho e cupom

Posição do carrinho
1. Topo: Utilizado geralmente por lojas que trabalham com vários produtos, facilitando a visualização deles no carrinho.
2. Base: dá contexto imediato de valor/itens e por ficar visível a todo momento, quebra a objeção de caro, pois aparece o valor parcelado. (bom para tickets altos).
Visualização do carrinho
1. Aberto por padrão: maior transparência; bastante utilizado para kits.
2. Fechado por padrão: reduz distrações; mais foco no formulário.
Posição do cupom
1. Fora do carrinho: quando você usa cupons com frequência.
2. Dentro do carrinho: mantém o fluxo limpo se o uso de cupons forem raros.

🟡 Dica Yever: se o cupom não for essencial, deixe oculto e use preços já configurados na promoção.

2.5 Banner de anúncio

Banner de texto: perfeito para comunicar frete, prazo, trocas e segurança.
1. Cor de fundo do banner de anúncio
2. Cor do texto do banner de anúncio
Timer (cronômetro): cria urgência real (use em campanhas).
1. Defina o texto do cronômetro
2. Defina o tempo do cronômetro
3. Cor de fundo do cronômetro
4. Cor do texto do cronômetro
Banner com imagem: destaque oferta ou benefício visual.
1. Selecione uma imagem para mobile: Mobile: 800 x 200 pixels.
2. Selecione uma imagem para desktop: Desktop: 2470 x 300 pixels.
  
  Otimize o arquivo (menor que 300 KB) para não impactar velocidade de carregamento da página.
Introdução da página
Adicione título e frase curta para explicar a proposta/benefício.
1. Título de abertura
2. Mensagem introdutória

2.6 Tags de conversão (etiquetas)

Realce pontos estratégicos para direcionar a atenção.

Tag na etapa de dados e entrega
1. Selecione a chamada que deseja utilizar (Ex: PROMOÇÃO, ÚLTIMAS UNIDADES)
2. Selecione a cor de fundo
3. Selecione a cor do texto
Tag de método de pagamento
1. Selecione em qual tipo de pagamento deseja acrescentar a Tag
2. Defina cor de fundo
3. Defina o texto da tag

Etapa 3: Pagamentos e Descontos

Chegou a hora de definir suas formas de pagamento e a forma que você deseja deixar como pré selecionada.

Formas de pagamento
Opções mais comuns: Cartão de crédito, Pix, Boleto.

🟡 Dica Yever: combine Pix (desconto) + Cartão (parcelado) para abranger tickets baixos e altos.
Exibição do bloco de pagamento
1. Aberto por padrão → reduz cliques e mostra opções imediatamente (bom para mobile e fluxo rápido).
2. Fechado por padrão → útil quando há muitas informações antes do pagamento.
Forma de pagamento pré-selecionada no checkout
Defina a forma que virá pré‑selecionada para o cliente (recomendação: Pix em campanhas de preço/urgência; Cartão quando ticket é mais alto e há foco em parcelamento).
Parcelamentos
1. Quantidade de parcelas máximas
  Escolha até quantas vezes o cliente pode parcelar.
2. Quantidade de parcelas pré-selecionadas
  
  🟡 Dica Yever: sempre selecione o máximo de parcelas oferecida pela sua loja.
Descontos por forma de pagamento
Selecione a % de desconto que você vai oferecer por método de pagamento.
1. Desconto para cartão de crédito
2. Desconto para boleto
3. Desconto para pix

Etapa 4: Order Bump (Aumento de Ticket)

O Order Bump é uma oferta extra exibida no fluxo do checkout, antes do pagamento. É apenas 1 clique para o cliente adicionar ao pedido, sem sair da página.

Selo do order bump
Escolha um selo para chamar a atenção da oferta (ex.: “COMPRE JUNTO”, “EDIÇÃO LIMITADA”, “ECONOMIZE 50%”)
Título do order bump
Use gatilhos de oportunidade e urgência (ex.: “Proteja seu pedido com 50% OFF”).
Texto de persuasão
Foque benefícios e economia (ex.: “Aumente a durabilidade e economize R$ 39,90 hoje”).

🟡 Dica Yever: mantenha o texto curto e coerente com o produto principal (Order Bump coerente = maior aceitação).
Cor da Seleção
Prefira cores que comuniquem benefício/atenção (verde, amarelo, azul). Evite fundos escuros que reduzam contraste
Visualização do order bump
1. Carrossel: bom para 2–3 ofertas curtas, economiza espaço.
2. Lista: bom para 1 oferta forte ou quando deseja exibir detalhes.

Etapa 5: Upsell (pós‑compra)

O Upsell é exibido após o pagamento aprovado por pedidos feitos no cartão, ainda na mesma sessão. O cliente com apenas um clique realiza uma nova compra (sem redigitar dados).

🟡 Dica Yever: use itens complementares de alta aceitação (ex.: garantia estendida, refil, kit extra, acessório oficial).

Selo do upsell
Escolha um selo curto que gere percepção de valor: “Melhor Custo‑Benefício”, “Upgrade Oficial”, “50% HOJE”.
Título do upsell
Seja específico e orientado a benefício:
1. “Amplie sua garantia para 12 meses por metade do preço”
2. “Kit Refil com 30% OFF para 90 dias de uso”
Texto de persuasão
Explique por que agora e o benefício prático.
1. “Proteção contra defeitos + troca rápida. Oferta exclusiva do pós‑compra.”
2. “Reponha antes de acabar e economize R$ 39,90 hoje.”
Cor de seleção
Use cor de destaque coerente com a identidade (verde/amarelo/azul) com alto contraste no CTA. Evite fundos escuros.
Clique em Salvar