Funis de venda

O funil é o conjunto de ofertas extras que acompanham uma venda: os order bumps, que o comprador marca no checkout e paga na mesma cobrança, e as etapas de upsell e downsell, mostradas logo depois do pagamento. Antes, cada oferta tinha os próprios bumps e as próprias etapas. Agora eles ficam num funil, e você diz qual funil cada oferta, pacote ou link rápido usa. O mesmo funil pode servir várias ofertas, e a loja inteira pode usar um só.

Se você já tinha order bumps ou etapas numa oferta, eles viraram um funil com o nome dessa oferta, já ligado a ela. Nada mudou para o comprador, e os links de pagamento continuam os mesmos.

Cada bump e cada etapa pode dizer quando aparece (só no PIX, só acima de R$ 150, só para quem nunca comprou…), e as etapas formam caminhos: o que o comprador vê depois de aceitar é diferente do que vê depois de recusar. Veja Regras de exibição e Caminhos depois da compra nesta página.

O funil também decide como o checkout se parece: o modelo da página (Steps, Store ou Clean), o tema de cores e fonte, os blocos de confiança, as imagens, os textos, os campos pedidos, as formas de pagamento, as páginas de upsell e a página de obrigado. Tudo isso é montado no Estúdio, um editor de tela cheia com a página do comprador ao vivo. Veja O Estúdio, Aparência do checkout, Temas, Aparência do upsell e Página de obrigado. E, quando você não sabe qual versão vende mais, um teste A/B mostra duas versões do funil a públicos diferentes e mede qual converte melhor. Veja Testes A/B (experimentos).

O funil padrãoCopiar link da seção

Toda loja tem um funil padrão, criado sozinho, que aparece primeiro na lista com o nome "Padrão". É ele que vale para toda oferta, pacote ou link rápido que não escolheu outro funil. Uma loja que quer os mesmos bumps e as mesmas ofertas pós-compra em todas as vendas só precisa montar o padrão.

O padrão não pode ser arquivado nem excluído, mas você pode renomeá-lo e, na página de outro funil ativo, usar Tornar padrão: o antigo continua existindo como um funil comum, e tudo o que usava o padrão passa a usar o novo na hora.

Passo 1: criar um funilCopiar link da seção

1. Abra Catálogo›Funis. A lista mostra o funil padrão, os funis ativos, os rascunhos e, por último, os arquivados.
2. Clique em Novo funil, dê um nome de até 80 caracteres, como "Lançamento de outubro" ou "Kit 3 potes", e salve. A página do funil abre em seguida.

O funil nasce ativo e vazio: quem passa por ele compra só a oferta principal até você montar os bumps e as etapas. Uma loja pode ter até 50 funis, sem contar os arquivados.

Passo 2: montar os order bumps e as etapasCopiar link da seção

O card Caminho do comprador da página do funil mostra, em sequência, o checkout, as caixas de order bump, as etapas pós-compra e a página de obrigado, com os números dos últimos 30 dias. Clicar no checkout ou na página de obrigado abre o Estúdio, onde você monta essas duas páginas. Abaixo ficam dois cards:

• Order bumps: as caixas mostradas no checkout, até 5 por funil. Clique em Adicionar order bump e siga Order bump a partir do passo 2. Como o funil pode servir várias ofertas, a lista do que a caixa adiciona traz todas as ofertas de pagamento único da loja. Uma caixa que oferece 1 unidade da própria oferta que está sendo vendida não aparece naquele checkout; um pacote dela aparece.
• One-click Upsell: as páginas mostradas depois do pagamento, até 6 por funil, das quais um mesmo comprador vê no máximo 3. Clique em Adicionar etapa e siga Upsell e downsell de 1 clique a partir do passo 2. Pré-visualizar abre cada etapa como o comprador vê, sem cobrar nada.

Passo 3: ligar o funil a uma oferta, um pacote ou um link rápidoCopiar link da seção

• Oferta: abra Catálogo›Produtos, clique no produto e depois na oferta. O card Funil tem um seletor para a oferta e um para cada pacote dela. Um pacote com Herdar da oferta segue o da oferta, e uma oferta com Padrão do projeto segue o padrão.
• Link rápido: no formulário do link, em Mais opções, o campo Funil escolhe as ofertas pós-compra do link. Vazio, o link usa o padrão. Veja Criar um link rápido de pagamento.
• Na página do funil, o card Onde é usado lista cada oferta, pacote e link rápido que aponta para ele, com link para a página de cada um.

Os seletores mostram os funis ativos e os rascunhos. Funis arquivados não aparecem.

Qual funil o comprador vêCopiar link da seção

Um funil escolhido que esteja em rascunho ou arquivado é pulado: o comprador vê o padrão. Assim você pode montar um funil com calma antes de ativá-lo, e arquivar um funil antigo sem revisar oferta por oferta.

Regras de exibiçãoCopiar link da seção

Um order bump ou uma etapa pode aparecer para todo mundo ou só quando algumas condições valem. Na janela do bump ou da etapa, em Mostrar só quando…, você monta grupos de condições:

• Dentro de um grupo, todas as condições precisam valer ao mesmo tempo ("pagou com PIX e o pedido passa de R$ 150").
• Entre grupos, basta um valer ("…ou é a primeira compra desse cliente").
• Sem condição nenhuma, aparece sempre. Até 5 grupos com até 6 condições cada.

Exemplos do que você pode usar:

Algumas coisas o checkout só sabe mais tarde. A forma de pagamento, por exemplo, só é conhecida quando o comprador escolhe cartão ou PIX na etapa de pagamento: um bump que depende dela não aparece na etapa de dados, mesmo que a posição escolhida seja "Antes de continuar". O número de parcelas e o cartão guardado só são conhecidos depois do pagamento, então valem para as etapas pós-compra, não para os bumps. Quando o Vipter não sabe o fato, a condição não vale e o bump ou a etapa não aparece.

Se o comprador marca um bump e depois muda algo que a regra olhava (troca de PIX para cartão, tira o cupom), a caixa some e é desmarcada em silêncio, sem erro.

Caminhos depois da compraCopiar link da seção

As etapas de um funil não formam mais uma fila: cada etapa diz para onde o comprador vai ao aceitar e ao recusar, nos campos Ao aceitar, ir para e Ao recusar, ir para. Cada um aponta para outra etapa do mesmo funil ou para a página de obrigado. A primeira etapa é aquela para a qual nenhuma outra aponta.

• Uma etapa apontada por um "aceitar" é um upsell; uma apontada só por "recusar" é um downsell (uma versão mais barata para quem disse não). O card mostra o papel de cada etapa calculado a partir dos caminhos.
• Uma etapa inativa, cuja regra não vale para aquele comprador ou que deve ser pulada é atravessada pelo caminho de recusa, sem aparecer e sem contar nos números.
• Cada etapa tem Tempo para decidir, de 5 a 30 minutos: a página mostra a contagem de verdade e, no fim, a oferta deixa de valer.
• Deixar escolher o pacote mostra 1 unidade e cada pacote da oferta vendida, todos com a regra de preço da etapa, para o comprador escolher.
• Pular se já está no pedido (ligado por padrão) e Pular se já comprou evitam oferecer o que o comprador acabou de levar ou já tem.
• Um funil tem até 6 etapas e um mesmo comprador vê no máximo 3. O editor recusa um caminho em círculo ou mais longo que isso.

Exemplo: oferecer o kit de 6 potes a quem pagou com cartão e um kit no PIX a quem pagou com PIX, com um downsell de 3 potes para quem recusou no cartão:

Quem pagou com PIX entra em A, a regra não vale, atravessa A e B pelo caminho de recusa e vê A′. Repare que B repete a regra de A: quem atravessa A por causa da regra também atravessa B. Para dois públicos diferentes, encadeie as alternativas pelo recusar, cada uma com a sua regra, e junte os caminhos de novo numa etapa comum.

Etapa com mais de uma opçãoCopiar link da seção

Uma etapa pode mostrar, ao lado da oferta que vende, até 2 alternativas: outras ofertas de pagamento único da loja, ou pacotes delas. O comprador vê até três opções lado a lado, como um "escolha seu plano", marca uma e aceita; a cobrança segue a escolha, no mesmo cartão salvo ou com um PIX novo.

Use quando a dúvida do comprador é qual versão levar, não se leva: mensal ou anual, 3 ou 6 potes, básico ou completo. Para oferecer algo mais barato só a quem recusou, continue usando um downsell no caminho de recusa.

• No card da etapa, abra Alternativas e clique em adicionar. Escolha a oferta (ou um pacote dela), a regra de preço daquela alternativa (preço da oferta, percentual de desconto ou preço fixo) e, se quiser, um nome curto para a escolha, como "Plano anual". Sem nome, vale o nome do produto.
• Cada alternativa tem a própria regra de preço; a regra da etapa vale só para a oferta principal. Todas aparecem na moeda em que o comprador pagou.
• A oferta principal da etapa não pode ser repetida como alternativa, e assinaturas não entram: só ofertas de pagamento único.
• Deixar escolher o pacote vale só para a oferta principal. Uma alternativa vende exatamente o que você escolheu nela (1 unidade ou o pacote indicado).
• Pular se já está no pedido e Pular se já comprou olham a oferta principal da etapa, não as alternativas.
• Continua sendo uma etapa: aceitar qualquer opção segue Ao aceitar, ir para, recusar segue Ao recusar, ir para, o tempo para decidir e as regras são os da etapa. Nos números do funil e nos relatórios, a etapa conta uma vez; a opção escolhida aparece no pedido gerado, que é da oferta escolhida.

Se a oferta de uma alternativa for arquivada, a alternativa deixa de aparecer e a etapa continua com as outras opções.

Veja o passo a passo em Upsell e downsell de 1 clique.

Aparência do upsellCopiar link da seção

As páginas das etapas pós-compra também são montadas no Estúdio, na aba Upsell da barra de cima. Sem nada configurado, a etapa aparece como sempre: um cartão no centro com a oferta, o preço, o relógio e os botões de aceitar e recusar. Aqui você escolhe a estrutura da página, liga blocos de convencimento e troca a mídia e os textos, para o funil inteiro ou para uma etapa só. O tema (cores, fonte e formas) é o mesmo do checkout.

Etapa em edição e aparência própriaCopiar link da seção

• Etapa em edição escolhe qual etapa a prévia mostra, com um pedido de exemplo; nada é cobrado. Um funil sem etapas pede para criar uma na página do funil.
• O interruptor Esta etapa usa a aparência do funil vem ligado: o que você muda no painel vale para todas as etapas do funil. Desligue-o para dar a esta etapa um modelo, blocos, mídia ou textos próprios: ela recebe uma cópia da aparência do funil e, dali em diante, o que você muda vale só para ela, enquanto as outras continuam seguindo o funil. Ligar de novo faz a etapa voltar a seguir o funil.

Modelos do upsellCopiar link da seção

Trocar o modelo mantém os blocos ligados, a mídia e os textos.

Blocos do upsellCopiar link da seção

Cada bloco liga e desliga sozinho:

• Aviso de oferta única: a frase acima do título que diz que a oferta vale só agora. Ligado por padrão; o texto muda em Textos do upsell.
• Indicador de passo (2 de 3): a barra "Pedido confirmado → Oferta especial → Concluir", que mostra ao comprador onde ele está. A Página de vendas o usa.
• Relógio: a contagem do Tempo para decidir da etapa. Ligado por padrão.
• Preço de/por e economia: o preço cheio riscado e o selo com a economia, quando a regra de preço da etapa dá desconto. Ligado por padrão.
• Benefícios: até 6 tópicos curtos, como "Acesso imediato" ou "Frete grátis no kit".
• Depoimento: um depoimento com texto, nome e cidade.
• Garantia: um título e um texto, como no checkout.
• Prova social: uma frase, como "1.284 pessoas já levaram esta oferta".

MídiaCopiar link da seção

Fonte escolhe o que aparece acima da oferta:

• Imagem ou vídeo da etapa (padrão): a imagem ou o vídeo da própria etapa, a URL de mídia definida no card da etapa ou um vídeo MP4/WebM de até 50 MB que você envia aqui, em Enviar vídeo. Como as imagens do checkout, o vídeo é gravado no momento do envio, sem passar pelo Salvar.
• YouTube ou Vimeo: cole em Link do vídeo o endereço da página do vídeo, como aparece no navegador, não o código de incorporação. O Vipter monta o player sem cookies de rastreamento.
• Nenhuma: a página sem mídia.

Proporção (16:9, 4:3 ou 1:1) define a moldura da mídia, para a foto ou o vídeo não mudar de tamanho ao carregar.

Textos do upsellCopiar link da seção

Por idioma, como os Textos do checkout: Aviso acima do título, Subtítulo, Texto do botão de aceitar, Texto de recusar e Nota abaixo do botão. Um texto vazio usa o texto da etapa ou a tradução do Vipter. Use o Idioma da prévia para conferir cada um.

RecusarCopiar link da seção

Estilo do recusar: Link discreto (um texto pequeno abaixo do botão de aceitar) ou Botão contornado (um segundo botão, do tamanho do de aceitar). O recusar é sempre visível: não dá para escondê-lo nem atrasá-lo. Um comprador que não encontra como dizer não acaba clicando em aceitar por engano, e aí vêm o pedido de reembolso e o chargeback.

A prévia mostra a etapa com um pedido de exemplo, sem cobrar nada; Salvar grava a aparência do funil e a das etapas de uma vez.

O EstúdioCopiar link da seção

O Estúdio é o editor de tela cheia onde você monta as páginas do funil: o checkout, as páginas de upsell e a página de obrigado. Ele abre a partir do card Caminho do comprador da página do funil: clique no nó Checkout para editar o checkout, ou no nó Obrigado para editar a página de obrigado; as páginas de upsell ficam na aba Upsell da barra de cima. O menu do Vipter sai da tela e a página do comprador fica no centro, do jeito que ele vai ver.

A barra de cimaCopiar link da seção

• Voltar ao funil, à esquerda, com o nome do funil ao lado.
• Checkout, Upsell e Obrigado: a página em edição. Troque de uma para outra sem sair do Estúdio.
• Computador e Celular: o tamanho da prévia. No computador, a página é desenhada com 1280 px de largura e reduzida para caber na coluna; no celular, ela ocupa uma moldura real de 390 px, a largura de um celular comum, sem redução.
• Idioma da prévia: português, inglês, espanhol e, se for outro, o idioma do país da loja. Serve para conferir os Textos de cada idioma.
• Recarregar a prévia e Abrir em nova aba, que abre a mesma página sozinha no navegador.
• À direita, o aviso Alterações não salvas aparece assim que você muda algo, ao lado dos botões Descartar e Salvar.

O painel e a préviaCopiar link da seção

À esquerda ficam as categorias do checkout (Modelo, Tema e cores, Tipografia e formas…), descritas em Aparência do checkout. Uma abre por vez: abrir uma categoria fecha a anterior, para o painel ficar curto. Na página de upsell, o painel começa pelo seletor de etapa e segue com as categorias de Aparência do upsell. Na página de obrigado, o painel lista as versões da página, uma por item, como em Página de obrigado.

No topo do painel do checkout, a caixa Buscar um ajuste filtra as categorias pelo que você procura: digite "fundo", "botão" ou "PIX" e só ficam as categorias que têm esse ajuste; quando sobra uma, ela já abre. Apague a busca para ver todas de novo.

No centro fica a página de verdade: o checkout de uma oferta ligada ao funil (ou da primeira oferta ativa da loja), ou a página de obrigado com um pedido de exemplo. Tudo o que você muda no painel aparece na prévia na hora, antes de salvar: troque o modelo, escolha outra cor primária, ligue um depoimento e veja o resultado. Você pode preencher os dados e passar pelas etapas do checkout; a prévia não cobra nada e não guarda o que foi digitado. Sem nenhuma oferta na loja, o Estúdio pede para criar uma antes de mostrar a prévia.

SalvarCopiar link da seção

Salvar grava tudo o que está no painel, de todas as categorias, de uma vez. Não há rascunho nem etapa de publicação: o que você salvou vale na hora para quem abrir o link de qualquer oferta, pacote ou link rápido ligado ao funil. ⌘S no Mac ou Ctrl+S no Windows salva sem tirar as mãos do teclado. Descartar volta ao que estava salvo. As imagens e os vídeos de upsell são a exceção: cada um é gravado no momento em que você o escolhe ou remove, sem passar pelo Salvar. Ao trocar de página ou sair do Estúdio com alterações pendentes, ele pergunta antes de descartá-las.

Nada do que você faz no Estúdio muda os links de pagamento nem a cobrança.

Duplicar o funilCopiar link da seção

Para experimentar outro modelo, outro tema ou outro arranjo sem mexer no funil que está vendendo, use Duplicar funil no menu ⋯ da página do funil. A cópia nasce em rascunho, com o mesmo tema, a mesma aparência do checkout, do upsell e da página de obrigado, os order bumps e as etapas com os caminhos; nada aponta para ela até você ligá-la a uma oferta, um pacote ou um link rápido. Monte a cópia no Estúdio com calma e ative-a quando estiver pronta, ou ligue-a a uma oferta de teste. Para comparar duas versões com o mesmo público, prefira um teste A/B, que divide os visitantes dentro de um só funil.

Aparência do checkoutCopiar link da seção

Com a página Checkout selecionada, o painel do Estúdio tem nove categorias. Juntas, elas montam o checkout que o comprador vê em toda oferta, pacote ou link rápido ligado ao funil; as etapas pós-compra e a página de obrigado da mesma venda usam o mesmo tema.

ModeloCopiar link da seção

O Modelo é a estrutura da página. Trocar de modelo aplica o arranjo dele e mantém os blocos ligados, as imagens e os textos que você já tinha.

Os três compartilham tudo o mais: tema, blocos, textos, imagens, campos, formas de pagamento, bumps, regras e testes A/B. Os nomes dos modelos são os mesmos em todos os idiomas.

Só o Steps tem ajustes. Na mesma categoria você escolhe onde o Resumo do pedido fica (à esquerda, à direita ou dobrado no cabeçalho) e as Etapas: uma página ou dados → pagamento. No Store e no Clean a estrutura é fixa. O tamanho do logo e o nome da loja ficam em Cabeçalho.

Os antigos modelos Clean e Vitrine eram arranjos do Steps: um funil que usava um deles continua exatamente igual, agora como Steps com o resumo no cabeçalho ou à direita.

Tema e coresCopiar link da seção

Tema deste funil escolhe qual tema o funil usa; Padrão do projeto segue o tema padrão da loja. Os temas são compartilhados: o mesmo tema pode servir vários funis, e o que você muda nesta categoria e em Tipografia e formas é gravado no tema, não no funil. Veja Temas.

Abaixo do seletor ficam o Nome do tema, os presets e as cores. Tudo além das duas cores principais é opcional: um tema que você já salvou continua exatamente igual até você mexer nesses campos.

Cada cor tem o botão Usar padrão, que a esvazia. O texto dos botões fica branco ou escuro sozinho, conforme a cor, para continuar legível.

Começar de um preset aplica de uma vez um conjunto coerente de cores, cantos e campos sobre o tema atual: Claro, Escuro, Vibrante ou Minimal. A cor primária continua a sua. Use como ponto de partida e ajuste o que quiser depois; nada é gravado até Salvar.

Tipografia e formasCopiar link da seção

Tudo nesta categoria também faz parte do tema: vale para todos os funis que o usam.

CabeçalhoCopiar link da seção

O Tamanho do logo (pequeno, médio ou grande) e Mostrar o nome da loja ao lado do logo. O logo em si vem de Marca.

CamposCopiar link da seção

• E-mail, nome, telefone e documento são sempre obrigatórios: o provedor de pagamento exige telefone e documento para criar o cliente. O endereço continua sendo pedido quando a oferta tem entrega.
• Campo livre: um campo a mais por funil, com o rótulo que você quiser ("Como conheceu a loja?", "Nome para a dedicatória"), obrigatório ou não. A resposta, de até 200 caracteres, fica guardada no pedido e aparece na API pública junto com os outros dados extras do pedido.

A aparência dos campos também fica aqui, gravada no tema como as cores:

Os campos de número, validade e CVV do cartão, que ficam na área segura do provedor de pagamento, seguem esses mesmos ajustes.

PagamentoCopiar link da seção

Métodos de pagamento limita o checkout a cartão, a PIX ou aos dois. Nenhum marcado, o checkout oferece tudo o que a sua conta de pagamentos permite. O campo só restringe: marcar PIX numa loja sem PIX conectado não cria a opção.

Abaixo ficam três ajustes do botão de pagar, gravados no tema: Cor do botão de pagar (vazia, vale o estilo do botão, sólido, degradê ou contorno, com a primária), Texto do botão (a cor do texto; vazia, o Vipter escolhe branco ou escuro pelo contraste) e Tamanho do botão, Padrão ou Grande.

BlocosCopiar link da seção

Cada bloco liga e desliga sozinho:

• Selos de segurança: compra segura, dados protegidos, e os selos em imagem que você enviar.
• Bandeiras e métodos aceitos: as bandeiras de cartão e o PIX aceitos.
• Garantia: um título e um texto de até 600 caracteres ("7 dias para devolver"), com o selo de garantia em imagem quando há um.
• Depoimentos: até 3, cada um com o texto, o nome e a cidade.
• Aviso legal: um texto de até 600 caracteres abaixo do botão de pagar.
• Rodapé da loja: razão social, endereço e até 4 links (políticas, termos, contato).
• Contador de desconto: veja Contador do cupom.

O rodapé do Vipter aparece sempre e não é um bloco. Veja Marca.

ImagensCopiar link da seção

Todas as imagens são opcionais e valem em qualquer modelo: cada uma aparece onde foi enviada. Envie PNG, JPG ou WebP de até 5 MB; o Vipter redimensiona para o tamanho do lugar e salva em WebP. Uma imagem fora do formato não é cortada, então prepare a arte na proporção indicada.

Para trocar uma imagem, escolha outra no mesmo lugar; para tirar, use Remover. Diferente do resto do painel, cada imagem é gravada no momento em que você a escolhe ou remove, sem depender do Salvar.

TextosCopiar link da seção

Em Textos você substitui, por idioma, algumas frases que o Vipter traduz sozinho: a chamada no topo, o texto do botão de pagar, a nota do PIX, a nota do cartão salvo e a mensagem da página de obrigado. Um texto vazio volta à tradução do Vipter. Um texto em "Português" vale para todo comprador em português; um texto em "Português (Brasil)" vale só para quem está em pt-BR e tem prioridade sobre o de "Português". Use o Idioma da prévia, na barra de cima, para ver cada idioma no checkout.

Contador do cupomCopiar link da seção

Decisão de produto: o checkout só mostra relógios de verdade. Um contador de desconto precisa de um cupom real e funciona de dois jeitos:

• Cupom com validade: todo cupom aplicado que tem data de fim já mostra a contagem até ela, sem configurar nada.
• Janela por comprador: no bloco Contador de desconto, escreva o código de um cupom da loja e um tempo de 5 minutos a 24 horas. Quando o comprador aplica esse código, a contagem começa para ele. No fim do tempo, o cupom deixa de valer naquele checkout: o preço volta ao cheio e, se ele tentar pagar com o desconto vencido, o checkout pede para revisar o pedido.

Sem cupom aplicado não há contador. Um código que o comprador não digitou, ou que não existe na loja, não mostra nada. Para o cupom aparecer já aplicado, envie o link com ?code=, como em Cupons › Divulgar com um link.

TemasCopiar link da seção

A aba Temas, em Catálogo›Funis, lista os temas da loja: as cores, a fonte e as formas do checkout. As cores que ficavam em Marca vieram para cá: o tema padrão da loja nasceu com elas, então nada mudou no checkout. O logo, o favicon e os títulos continuam em Marca.

Criar e editarCopiar link da seção

Clique em Novo tema e dê um nome de até 80 caracteres. O tema nasce como uma cópia do padrão. Uma loja pode ter até 20 temas.

Para editar, clique no tema na lista. O Estúdio abre no funil padrão da loja com o tema aplicado à prévia e um aviso de que você está editando o tema, não o funil: o funil padrão continua com o tema dele. Mexa em Tema e cores, Tipografia e formas e nos ajustes do tema em Campos e Pagamento vendo o resultado no checkout e clique em Salvar; os funis que usam o tema mudam na hora. As outras categorias do painel mostram o funil padrão de verdade, então só mexa nelas se quiser mudar o funil padrão.

Você também pode editar um tema a partir de qualquer funil que o use, na categoria Tema e cores do Estúdio. A diferença é que ali o seletor troca o tema do funil, e o aviso de tema compartilhado oferece a duplicação.

Padrão e usoCopiar link da seção

• Tornar padrão faz o tema valer para todo funil sem tema escolhido. O antigo continua existindo. O padrão não pode ser excluído.
• A lista mostra em quantos funis cada tema é usado, e o Estúdio avisa quando o tema que você está editando vale para mais de um. Excluir um tema devolve esses funis ao padrão.
• Um tema vale no checkout, nas etapas pós-compra e na página de obrigado. A área do cliente e os e-mails continuam com a cor primária de Marca.

Tema escuroCopiar link da seção

O campo Esquema de cores do tema tem três valores:

• Claro: o visual de sempre.
• Escuro: fundo, cartões, campos e textos passam para a escala escura do Vipter, sempre.
• Automático: escuro para quem usa o aparelho no modo escuro, claro para os demais. A troca segue a configuração do celular ou do computador do comprador.

O que é seu continua igual: a cor primária, a secundária, a fonte, os cantos e o estilo do botão não mudam com o esquema. Se você preencheu Fundo da página ou Fundo dos cartões, essas cores continuam valendo também no escuro; só os campos vazios trocam para os cinzas escuros. Prefira deixar os dois vazios num tema escuro, ou escolha tons escuros de propósito.

O esquema vale no checkout, nas etapas pós-compra e na página de obrigado, como o resto do tema. A prévia do Estúdio mostra o esquema escolhido na hora, antes de salvar.

Página de obrigadoCopiar link da seção

No Estúdio, a página Obrigado monta a página que o comprador vê depois de pagar e de passar pelas etapas pós-compra. Abra pelo nó Obrigado do card Caminho do comprador, ou pela aba Obrigado na barra de cima do Estúdio. Sem nada configurado, a página é a de sempre, descrita em Página de obrigado e URL de sucesso.

O painel lista as versões da página, cada uma num item que abre e fecha, uma por vez. A versão aberta é a que a prévia mostra, marcada com Mostrando na prévia, sobre um pedido pago de exemplo da primeira oferta da loja. Adicionar versão cria uma nova no fim da lista; as setas mudam a ordem, que importa (veja abaixo), e a lixeira remove. O que você muda aparece na prévia na hora; Salvar grava.

VariantesCopiar link da seção

Um funil pode ter até 5 variantes da página, cada uma com condições em Mostrar esta versão quando…, as mesmas das regras de exibição, com o que já se sabe depois do pagamento: a forma de pagamento, o número de parcelas, se o cartão ficou guardado, o total, o cupom, o país, o idioma… O Vipter avalia as variantes com condição na ordem em que estão e mostra a primeira que vale; se nenhuma vale, mostra a variante sem condição, que é o padrão. Sem variante padrão e sem nenhuma condição valendo, a página é a de sempre.

Exemplo: uma variante "PIX" (forma de pagamento é PIX) que explica que o acesso chega por e-mail assim que o banco confirmar, e uma variante padrão para quem pagou no cartão, com o link do grupo.

O que uma variante mudaCopiar link da seção

• Título e Mensagem: no lugar do título de Marca e da frase padrão de pagamento confirmado. A mensagem de obrigado dos Textos vale quando a variante não traz a sua.
• Próximos passos: até 3 linhas com ícone (e-mail, entrega, download, agenda, telefone, estrela, confere) e texto, como "Veja a caixa de entrada", "Entrega em até 7 dias".
• Redirecionamento: uma URL e um tempo de 0 a 120 segundos. Substitui a URL de sucesso da oferta, do link e da loja para quem cai na variante. Com 0, a página só mostra o botão de continuar e não redireciona sozinha. Com arquivos para baixar na página, o redirecionamento automático fica desligado, como hoje.
• Mostrar downloads, Mostrar área do cliente e Mostrar suporte escondem essas seções. Os downloads continuam na área do cliente e no e-mail.
• Oferta final: um último convite no fim da página, descrito abaixo.

Oferta final na página de obrigadoCopiar link da seção

A variante pode terminar com uma oferta: um título, um texto e um botão que leva a outra oferta de pagamento único da loja. É diferente das etapas de upsell e downsell: a etapa cobra com um clique no cartão salvo, dentro de um prazo; a oferta final abre um checkout novo, com calma, e o comprador preenche e paga como em qualquer compra. Use-a para o que não cabe num clique: um produto mais caro, algo que pede endereço de entrega, ou um convite para quem já passou por todas as etapas e disse não.

No bloco Oferta final da variante:

• Oferta: uma oferta de pagamento único da loja.
• Quantidade: opcional. Preenchida, o checkout abre no pacote com essa quantidade de unidades, com o preço do pacote (o link leva ?pack=). Vazia, vende 1 unidade. Veja Pacotes.
• Cupom: opcional. O código de um cupom existente e ativo da loja, aplicado assim que o checkout abre (o link leva ?code=). Confira em Cupons se ele vale para a oferta e, com quantidade, para pacotes.
• Título, Texto e Texto do botão: o que o comprador lê. Vazios, a página usa textos padrão.

A compra pela oferta final é uma venda normal: pedido próprio, com o funil que a oferta aberta usa, os order bumps dela, os pixels e e-mails de sempre. Ela não aparece entre as ofertas pós-compra do pedido original nem nos números de upsell do funil.

O que continua igualCopiar link da seção

O resumo do pedido (produto, bumps, ofertas pós-compra aceitas e total), a espera pela confirmação do PIX, a regra de que os downloads só aparecem no navegador que comprou e o rodapé do Vipter não mudam de variante para variante.

Testes A/B (experimentos)Copiar link da seção

Um experimento mostra duas ou mais versões do mesmo funil a compradores diferentes, ao mesmo tempo, e conta quantos pagaram em cada uma. É o jeito de responder "o modelo Clean vende mais que o Steps?", "o checkout vende mais sem esse bump?" ou "esse tema verde ajuda?" com números, em vez de trocar tudo e comparar com o mês passado.

A versão A é sempre o funil como ele está (o controle). As outras versões mudam alguma coisa em relação a ele. Cada visitante é sorteado para uma versão na primeira vez que abre o checkout e continua na mesma versão em todas as páginas daquela compra, e nas próximas visitas pelo mesmo navegador, por 90 dias.

Criar um experimentoCopiar link da seção

1. Na página do funil, abra a aba Experimentos e clique em Novo experimento. Dê um nome que diga o que está sendo testado, como "Clean vs Steps" ou "Sem o bump do e-book".
2. O experimento nasce como rascunho, com a versão A (o funil, sem mudanças) e a versão B, em branco, cada uma com metade dos visitantes.
3. Em Variantes, abra a B e escolha o que ela muda. Pode ser mais de uma coisa, mas lembre: quanto menos ela muda, mais claro fica o resultado.
4. Se quiser testar uma terceira ideia, adicione a C (até 4 versões por experimento). Para comparar com clareza, prefira dois ou três.

Um funil tem um experimento em andamento por vez. Para começar outro, encerre o atual declarando um vencedor, ou exclua-o depois de pausar.

O que uma variante pode mudarCopiar link da seção

O que a variante não escolhe, ela herda do funil: mudar o funil enquanto o experimento roda muda as duas versões. As imagens são sempre as do funil. Uma variante não troca a oferta, o preço, o cupom nem a página de obrigado; para testar preço, use duas ofertas.

PesosCopiar link da seção

O peso é a fatia de visitantes que cada versão recebe. Distribuir igualmente dá a mesma fatia a todas; você também pode digitar os pesos à mão (o Vipter ajusta para somarem 100). Uma versão com peso 0 não recebe ninguém, mas continua nos resultados.

Para um teste rápido, deixe igual: é o que decide mais depressa. Use pesos desiguais só quando a versão nova é arriscada e você prefere expô-la a menos gente, aceitando esperar mais.

Mudar os pesos durante o experimento vale para os visitantes novos. Quem já foi sorteado fica onde estava.

Iniciar e pausarCopiar link da seção

• Iniciar começa a dividir os visitantes. Precisa de pelo menos duas versões com peso maior que zero.
• Pausar interrompe: todo visitante novo vê o funil como ele está (a versão A). Quem já estava no meio de uma compra termina na versão em que começou. Os números ficam guardados; Iniciar retoma do ponto em que parou.
• Um experimento pausado continua ocupando a vaga do funil. Para liberá-la sem declarar vencedor, exclua-o: os pedidos ficam, mas perdem a marca da versão.

Ler os resultadosCopiar link da seção

A aba Resultados mostra, para cada versão:

Como ler "82 % de chance de a B ser melhor". O Vipter não diz "a B venceu" nem "empate": diz quanto dá para confiar, hoje, que a B converte mais que a A. 50 % é cara ou coroa (as duas estão parecidas, ou ainda há pouca gente). 82 % é um bom indício, mas uma em cada cinco vezes um resultado assim se inverte com mais visitas. Acima de 95 % é um resultado forte. Abaixo de 50 %, a B está perdendo.

O aviso de amostra pequena. Enquanto alguma versão tem menos de 100 sessões, os resultados vêm com o aviso "amostra ainda insuficiente". Com pouca gente, duas ou três compras a mais mudam a conversão em vários pontos e a chance pula de 30 % para 80 % de um dia para o outro. O aviso não bloqueia nada, só lembra que o número ainda está instável.

Por que não declarar cedo. Os primeiros dias de um experimento quase sempre mostram uma versão "ganhando" por acaso. Declarar aí é trocar o funil por uma versão que pode ser pior e nunca descobrir. Espere o aviso sumir, dê ao experimento pelo menos uma semana inteira (fins de semana vendem diferente) e só então olhe a chance. Se, com amostra suficiente, ela ficar perto de 50 % por muito tempo, as versões empatam: fique com a mais simples.

Declarar o vencedorCopiar link da seção

Quando estiver convencido, clique em Declarar vencedor na versão escolhida. A partir daí:

• O experimento encerra e todos os visitantes passam a ver a versão vencedora.
• Se a vencedora não é a A, as escolhas dela são gravadas no funil: o tema, a aparência do checkout, e os bumps que ela escondia ficam pausados e as etapas, inativas (não são excluídos; você pode reativá-los a qualquer momento). O funil vira a versão vencedora.
• Se a vencedora é a A, nada muda no funil; o experimento só encerra.
• Os resultados ficam guardados na aba, e os pedidos continuam marcados com a versão que os gerou nos relatórios.

Você pode declarar mesmo com o aviso de amostra pequena na tela: o Vipter avisa, mas a decisão é sua (às vezes uma versão é tão melhor, ou o tempo é tão curto, que vale encerrar). Um experimento encerrado não pode ser editado nem reaberto; crie outro.

LimitesCopiar link da seção

• Um experimento em andamento (ou pausado) por funil; até 4 versões por experimento.
• Uma versão só pode mudar o tema, a aparência do checkout e esconder bumps ou etapas. Oferta, preço, cupons, página de obrigado e ofertas das etapas são os do funil.
• Visitantes sem cookies (navegador em modo restrito, robôs) veem sempre a versão A e não entram na conta.
• Os números por versão são contados por sessão e por pedido; as visitas vêm da contagem de aberturas do checkout, que o Vipter guarda por 90 dias.

Rascunho, arquivado e exclusãoCopiar link da seção

Na página do funil, Ativar, Mover para rascunho e Arquivar mudam a situação dele; Renomear, Tornar padrão e Duplicar funil (veja Duplicar o funil) ficam ao lado:

Excluir apaga os bumps, as etapas e as ligações do funil; as ofertas, os pacotes e os links que o usavam passam para o padrão. Os pedidos já feitos não mudam e continuam ligados ao funil nos relatórios.

Os números da listaCopiar link da seção

Cada funil na lista mostra quantos bumps e etapas tem, quantas ofertas, pacotes e links rápidos apontam para ele e os últimos 30 dias:

• quantas compras pagas passaram pelo funil e quantas levaram pelo menos um order bump, com a receita dos bumps;
• quantas etapas pós-compra foram exibidas e aceitas, com a receita delas.

Os valores aparecem por moeda. Para ver bump a bump e etapa a etapa num período qualquer, abra o relatório Order Bump, upsell e downsell em Relatórios: cada linha traz o funil a que pertence.

Números do funilCopiar link da seção

Na página do funil, o card Caminho do comprador mostra, em cada parte do caminho, o que os compradores viram e fizeram: quantas vezes o checkout foi aberto (visitas), quantos chegaram ao pagamento e quantos pagaram; em cada order bump, quantas vezes a caixa foi exibida e marcada; em cada etapa pós-compra, quantas vezes foi exibida, aceita, recusada ou venceu sem resposta; e quantos viram a página de obrigado. Com um experimento em andamento, dá para ver esses números por versão.

Esses números são contagens por dia, sem nenhum dado do comprador, e o Vipter guarda só os últimos 90 dias. As vendas e a receita, por sua vez, ficam para sempre nos Relatórios.

O que não mudaCopiar link da seção

• O order bump continua na mesma cobrança e no mesmo pedido da oferta principal; a etapa pós-compra continua sendo uma cobrança nova e um pedido novo.
• Os links de pagamento das ofertas, dos pacotes e dos links rápidos não mudam quando você troca o funil.
• Cupom, frete e parcelamento seguem as regras de Order bump e Upsell e downsell de 1 clique.

Problemas comunsCopiar link da seção

• O checkout não mostra os bumps do funil

  Confira se o funil está ativo, se a oferta ou o pacote aponta para ele no card Funil e se a oferta é de pagamento único. Um bump de produto com entrega só aparece quando a oferta principal já pede endereço.

• O comprador foi direto para a página de obrigado

  Confira se o funil que vale para aquela venda tem alguma etapa com Ativa ligado e se a oferta vendida na etapa não está arquivada.

• O funil não aparece no seletor da oferta

  Ele está arquivado. Mude a situação para ativo ou rascunho na página do funil.

• Um funil pode ter até 6 etapas.

  Exclua ou troque uma das etapas, ou crie outro funil para as ofertas que precisam de caminhos diferentes.

• O editor não deixa salvar o caminho

  Um caminho não pode voltar para uma etapa já visitada nem ter mais de 3 etapas seguidas. Aponte o fim de cada ramo para a página de obrigado ou para uma etapa comum.

• O bump só aparece na etapa de pagamento

  A regra dele usa a forma de pagamento, que o checkout só conhece quando o comprador escolhe cartão ou PIX. Tire a condição para a caixa aparecer antes.

• A cor do checkout não mudou

  As cores agora ficam no tema. Abra o Estúdio pelo nó Checkout do funil e, em Tema e cores, confira qual tema o funil usa e mude as cores ali; se o tema vale para outros funis, Duplicar para este funil cria uma cópia só dele. Lembre de clicar em Salvar. Mudar as cores em Marca não altera mais o checkout.

• O contador do cupom não aparece

  O contador só aparece com um cupom aplicado: ou o cupom tem data de fim, ou o código dele é o do bloco Contador do cupom e o comprador o digitou (ou abriu o link com ?code=). Confira se o cupom existe e está ativo em Catálogo›Cupons.

• O comprador viu o checkout de sempre, não o modelo escolhido

  Confira se o funil está ativo e se a oferta, o pacote ou o link aponta para ele. Um funil em rascunho cai no padrão, inclusive na aparência. Para ver antes de ativar, abra o Estúdio: a prévia do centro é o checkout desse funil, ou use Abrir em nova aba.

• Meu funil era Clean ou Vitrine e agora aparece como Steps

  Os dois eram arranjos do Steps, e o checkout do comprador não mudou. O Clean de hoje é outro modelo, de um só cartão; escolha-o no Estúdio se quiser esse visual.

• Uma loja pode ter até 50 funis.

  Arquive ou exclua os funis que não usa mais: arquivados não contam no limite.

• A alternativa não aparece na etapa

  Confira se a oferta da alternativa está ativa e é de pagamento único, e se o pacote escolhido ainda existe. Uma alternativa igual à oferta principal da etapa é ignorada ao salvar.

• O botão da oferta final abriu o checkout em vez de cobrar no cartão

  É assim que funciona: a oferta final abre um checkout novo da oferta. Para cobrar com um clique, use uma etapa pós-compra.

• Mudei no Estúdio, mas o comprador não vê

  A prévia mostra as mudanças antes de gravar. Confira se o aviso Alterações não salvas sumiu depois de clicar em Salvar; só as imagens são gravadas sozinhas. Se o Estúdio foi aberto pela aba Temas, o que você salvou foi o tema, e o funil continua com o tema dele.

• O checkout ficou escuro, mas os campos do cartão continuam brancos

  Acontece no esquema Automático: a área segura do provedor, onde ficam número, validade e CVV, não segue o modo do aparelho do comprador. Escolha o esquema Escuro no tema, ou preencha Fundo, Borda e Texto dos campos em Campos, que valem também dentro dela.

• Apliquei um preset e perdi as minhas cores

  O preset troca fundo, cartões, campos e cantos, mas mantém a cor primária. Se ainda não salvou, Descartar volta ao tema salvo; se salvou, refaça as cores e salve de novo.

• Enviei um vídeo e ele não aparece na etapa

  No Estúdio, na aba Upsell, confira se a Fonte da categoria Mídia é Imagem ou vídeo da etapa: é ela que mostra o arquivo da etapa (a URL do card da etapa ou o MP4/WebM enviado ali, de até 50 MB). Um vídeo do YouTube ou do Vimeo precisa da fonte correspondente e do link da página do vídeo, não do código de incorporação. Se a etapa tem a própria aparência, a mudança feita no funil não chega a ela.

• Mudei o upsell do funil e uma etapa continuou igual

  Essa etapa tem a própria aparência: o interruptor Esta etapa usa a aparência do funil está desligado nela. Selecione-a em Etapa em edição e ligue o interruptor para ela voltar a seguir o funil, ou ajuste-a ali mesmo.

• O experimento não inicia

  Ele precisa de pelo menos duas versões com peso maior que zero, e o funil não pode ter outro experimento em andamento ou pausado. Declare o vencedor do anterior, ou pause-o e exclua-o.

• A chance de superar A fica em 50 % e não sai daí

  Ou as versões convertem igual, ou ainda há poucas sessões (veja o aviso de amostra). Espere o aviso sumir; se continuar perto de 50 %, as versões empatam: fique com a mais simples.

O que fazer a seguirCopiar link da seção

• Monte as caixas do checkout com Order bump.
• Monte os caminhos pós-compra com Upsell e downsell de 1 clique e as páginas deles em Aparência do upsell.
• Coloque o logo, o favicon e os títulos em Marca; as cores ficam em Temas.
• Teste a loja com uma compra pelo funil, do checkout à página de obrigado.