DOCS

Checkout design

/

Design de Checkout

Adicione o logotipo da sua marca, favicon e cores.

Aprimore a experiência do seu checkout com um toque personalizado, personalizando a sua página de checkout internacional com o seu logotipo, favicon e cores da marca.

Carregue o seu logotipo

Para carregar o seu logotipo para a sua página de checkout:

  1. Acesse o Painel -> Configurações -> Checkout -> Aparência.
  2. Clique em Carregar novo logotipo.
  3. Escolha o arquivo do seu computador e clique em Abrir.

Carregue o seu favicon

Para carregar o seu favicon para a sua página de checkout:

  1. Acesse o Painel -> Configurações -> Checkout -> Aparência.
  2. Clique em Carregar novo favicon.
  3. Escolha o arquivo do seu computador e clique em Abrir.

Encontre o arquivo do favicon para salvar

Se você não tiver o arquivo do seu favicon no seu computador, siga estas etapas para obtê-lo do seu site antes de carregá-lo para o Painel.

  1. Acesse o seu site.
  2. Clique com o botão direito na página do seu site e escolha Ver código-fonte no menu suspenso.
  3. Encontre o favicon clicando em ctrl+f (ou command+f em um Mac), e pesquise a palavra "favicon."
  4. Clique no link que aparece para o favicon para exibir a imagem.
  5. Clique com o botão direito na imagem e salve-a no formato ICO.
    1. Se a sua imagem não salvar no formato ICO, salve-a no formato atual e use um programa como Convertio para converter o arquivo para um arquivo ICO.

Modifique as cores

Para personalizar as cores na sua página de checkout:

  1. Acesse o Painel -> Configurações -> Checkout -> Aparência.
  2. Em Cores, clique na cor que deseja alterar.
  3. Escolha uma cor predefinida ou insira o código de cor Hex da cor desejada.

Se precisar de ajuda para encontrar o código de cor Hex das cores da sua marca, você pode usar uma extensão de seleção de cores no seu navegador para extrair os códigos de cor hex do seu site.

Elementos que você pode personalizar a cor

Você pode personalizar a página de checkout com até três cores:

  • Cor primária (para botões de rádio, caixas de seleção, entradas, links)
  • Cor do botão (a cor do botão de checkout que você pressiona para fazer um pedido)
  • Cor do cabeçalho (a cor de fundo do cabeçalho)

Visualize o design de checkout

  1. Acesse o Painel -> Configurações -> Checkout -> Aparência.
  2. Clique em Visualização ao vivo no canto superior direito da página.

Solucione problemas se a visualização ao vivo não estiver sendo exibida

Se a visualização ao vivo não for exibida, siga as etapas abaixo para gerar um checkout simulado. Depois de fazer isso uma vez, a visualização ao vivo funcionará corretamente sem precisar das etapas abaixo em visualizações futuras.

  1. Acesse o Painel -> Pedidos -> Simulação de checkout.
  2. Clique em Gerar checkout.

Esta página foi útil?