Como mudar cores, textos e imagens do meu checkout?
checkout personalizado cores imagem texto cronômetro
No editor de checkout, a aba de estilos muda a cor de fundo e a imagem de fundo da página. Para textos, imagens e cronômetro, arraste o componente para a página, passe o mouse sobre ele e clique no ícone de lápis para editar. Repita no layout Monitor e no Celular, que são separados, e clique em Salvar Checkout.
Checkout é a página em que o comprador paga. Este artigo mostra como mudar a aparência dessa página no checkout personalizado: o fundo da página, os textos, as imagens e o cronômetro. Para abrir o editor, veja Como uso o editor de checkout personalizado.
Como mudo a cor e a imagem de fundo?
Passo a passo
- No editor, no painel da direita, abra a segunda aba, a dos estilos (ícone de pintura).
- Em Cor de fundo, escolha a cor da página.
- Em Imagem de fundo, clique na área pontilhada Selecione do computador e escolha a imagem. O editor aceita PNG e JPG com menos de 1 MB.
- Se quiser, ligue as opções: Fixar imagem de fundo ao descer a tela, Repetir imagem de fundo e Expandir / cobrir fundo.
- Clique em Salvar Checkout.
Para tirar a imagem de fundo, use Remover imagem. Se o arquivo for grande demais, o editor avisa: “A imagem precisa ter um tamanho menor que 1 MB”.
Como adiciono e edito um texto?
Passo a passo
- Na primeira aba do painel da direita, arraste Texto para a área pontilhada da página.
- Passe o mouse sobre o texto na página e clique no ícone de lápis. O painel passa a mostrar o título Editar, com o editor de texto.
- Digite e formate o texto no editor.
- Para fechar o painel de edição, clique no X ao lado do título Editar.
Como adiciono uma imagem?
Arraste o componente Imagem para a página, passe o mouse sobre ele e clique no ícone de lápis. No painel Editar, use Selecione do computador (PNG ou JPG, com menos de 1 MB) e, para trocar ou tirar a imagem, Remover imagem.
Como configuro o cronômetro?
Arraste o componente Cronômetro para a página, passe o mouse sobre ele e clique no ícone de lápis. No painel Editar, você define:
| Opção | O que faz |
|---|---|
| Cor de fundo e Cor do texto | As cores do cronômetro. |
| Horas, Minutos e Segundos | O tempo da contagem. Horas aceitam de 0 a 23, e minutos e segundos de 0 a 59. |
| Texto contagem ativa | O texto mostrado enquanto o tempo corre. |
| Texto contagem zerada | O texto mostrado quando o tempo acaba. |
| Fixar no topo | Mantém o cronômetro fixo no alto da página. |
O passo a passo completo está em Como usar o cronômetro de urgência no checkout. Para a janela que aparece quando o comprador tenta sair da página, veja Como criar a janela de saída (exit popup) com desconto.
Preciso fazer isso nos dois layouts?
Sim. Monitor e Celular têm configurações e componentes próprios. Depois de ajustar um, você pode usar Copiar de… para levar o layout ao outro, lembrando que a cópia substitui o que estava lá. Confira o resultado nos dois, alternando pelos botões do topo.
Perguntas frequentes
Posso mudar os campos de pagamento do checkout, como os do cartão?
Este artigo cobre as opções que o editor oferece: cor e imagem de fundo, texto, imagem e cronômetro. Os campos de pagamento fazem parte do checkout da Celetus e não estão entre elas.
A imagem não carrega. O que faço?
Confira se o arquivo é PNG ou JPG e se tem menos de 1 MB. Reduza o peso da imagem e tente de novo.
Mudei e o comprador não vê a alteração.
Confirme que você clicou em Salvar Checkout e que o checkout personalizado está vinculado à oferta. Veja Como criar um checkout personalizado e Como criar, editar e desativar uma oferta.