1. Dados da Loja
Para preencher ou alterar os dados da loja, acesse o menu Checkout > Dados da Loja.
Você poderá editar campos como:
Gateway principal da loja: por padrão mostrará o nome da Unicopag, caso configure outros gateways em sua conta, os nomes das integrações ativas aparecerão nessa seleção também. O nome do gateway definido nesse campo será o padrão e assim que uma compra ser realizada no cartão, pix ou boleto será processada por este respectivo gateway;
E-mail de atendimento: o e-mail que sua loja disponibiliza para manter contato com seu clientes;
Nome da loja: nome fantasia da sua loja;
Telefone de atendimento: o número de contato que sua loja disponibiliza para manter contato com seu clientes;
Descrição da Loja: campo para informar sobre a sua loja, uma descrição geral;
CNPJ: CNPJ da empresa criada;
Razão Social: Digite a razão social da empresa;
Endereço: informação do endereço físico/sede da loja;
Essas informações aparecem no rodapé do checkout e nos e-mails enviados ao cliente.
2. 📌 Configuração de DNS para Domínios Customizados
🔎 Visão Geral Este guia mostra como configurar os registros DNS no seu provedor de domínio para que a verificação do Vercel seja bem-sucedida. O sistema UnicoPag utiliza o Vercel para hospedar domínios customizados do checkout e, por isso, requer configuração específica de DNS
É possível configurar um domínio personalizado para o checkout, seguindo os passos:
Vá para Checkout > Domínio Personalizado > Domínio personalizado no checkout
Clique em Remover (se necessário) e em seguida em Configurar.
Insira o domínio no formato seguro.<nomedaloja>.com.br e salve.
No provedor de domínio, configure o registro CNAME com
Tipo: CNAME
Nome: Seguro
Valor: b35243e61bf35313.vercel-dns-016.com
Exemplos para provedores populares: GoDaddy, RegistroBR, Hostinger, HostGator — siga o passo a passo na sua plataforma para adicionar o registro DNS.
GoDaddy:
Em seu perfil na GoDaddy > Meus Produtos > Lista dos dominios Registrados > Ao lado do domínio que deseja configurar, clique em "DNS" > Na página de gerenciamento de DNS , Clique em Adicionar e Acresente o Domínio de acordo com o que mostra no campo Laranja da imagem acima.
RegistroBR:
Em seu perfil na RegistroBR > Dominio > servidor DNS > Editar Zona DNS > Adicionar registro > Acresente o Domínio de acordo com o que mostra no campo Laranja da imagem acima.
Hostinger:
Em seu perfil na Hostinger > Domínios > Gerenciar Domínios, Adicione um domínio de acordo com o que mostra no campo Laranja da imagem acima.
HostGator:
Em seu perfil na HostGator >Hospedagem > ver detalhes >Domínios >Editor de Zona DNS > Gerenciar > Adicione registros > Acresente o Domínio de acordo com o que mostra no campo Laranja da imagem acima.
3. Gateways por Método de Pagamento
Após integrar o gateway desejado, configure no menu Checkout > Métodos de Pagamentos > Gateways por método de pagamento:
Selecione o método de pagamento (cartão, pix, boleto, etc).
Escolha o gateway que será utilizado para este método.
Você pode configurar mais de um gateway para diferentes métodos.
Se nenhum gateway for selecionado, o padrão será o gateway da UnicoPag.
4. Regras de Desconto e Frete Grátis
No menu Checkout > Regras de Descontos e Frete Grátis, defina:
Valor mínimo para aplicar descontos e frete grátis.
Regiões onde o frete grátis não será aplicado (desativar região).
5. Desconto Percentual por Método de Pagamento
Você pode configurar descontos específicos para cada método de pagamento:
Acesse Checkout > Métodos de Pagamentos.
Para cada método, defina a porcentagem de desconto.
Caso não queira desconto, insira zero.
Você também pode permitir acumular cupons e descontos pela mesma aba, basta ativar a opção "Permitir acumular com outras promoções ativas"!
6. Provas Sociais no Checkout
Adicione provas sociais para aumentar a credibilidade do seu checkout:
Vá em Checkout > Provas sociais > Adicionar item.
Insira título, quantidade de estrelas, conteúdo e imagem.
Selecione os produtos que você quer que a prova social seja exibida.
Clique em Adicionar!
7. Campos Personalizados no Checkout
Adicionar campos personalizados no checkout permite coletar informações extras dos clientes durante a finalização da compra, como preferências de entrega, mensagens personalizadas ou dados específicos para faturamento. Essa funcionalidade é útil para adaptar a experiência de compra às necessidades do seu negócio ou do seu cliente.
Para coletar informações adicionais dos clientes:
Acesse Checkout > Campos Personalizados > Adicionar item.
Crie campos para instruções de entrega, opções de presente, informações de faturamento, preferências, etc.
Os dados preenchidos aparecem no painel administrativo e no e-mail de confirmação.
Após adicionar os campos, realize testes para verificar:
Aparência no frontend.
Salvamento dos dados no banco.
Exibição correta no painel administrativo e no e-mail de confirmação.
8. Personalização da Aparência do Checkout
No menu Checkout > Personalização > Aparência:
CORES
Geral
No campo Geral defina as cores dos seguintes elementos:
Cor dos Títulos
Cor das Descrições
Cor da Etapa de Compra Ativa
Cor do Valor Total
Tag de etapas
No campo Tag de etapas defina as cores dos seguintes elementos:
Cor da Tag
Cor do Número
Tag de desconto
No campo Tag de desconto defina as cores dos seguintes elementos:
Cor da Tag
Cor do Texto
BOTÕES
Botão primário
Os botões primários são aqueles em que o cliente caminha de um bloco para o outro, por exemplo, quando ele confirma seus dados pessoais e vai para a parte de preenchimento dos dados de endereço.
Cor do Botão
Cor do Texto
Botão secundário
Os botões secundários são aqueles em que o cliente caminha de um bloco para o outro, por exemplo, quando ele confirma seus dados pessoais e vai para a parte de preenchimento dos dados de endereço.
Cor do Botão
Cor do Texto
Botão terciário
Os botões terciários, são links de ações menos prioritárias no Checkout, como o botão de remover no formulário de Cupom de Desconto.
Cor do Texto
9. Personalização do Cabeçalho
Configurações para o topo do checkout:
Menu Checkout > Personalização > Cabeçalho.
Configure cores do cabeçalho e elementos.
Insira Logo e Favicon.
Na logo o tamanho recomendado é 500x150 em seguida você pode escolher a imgem de sua preferência
Na favicon é recomendado que seja uma imagem quadrada, você pode escolher a imagem de sua preferência
Configure cronômetro e textos personalizados com ou sem contador.
O campo cronômetro tem dois campos para escrita, o primeiro campo seria uma frase que não precisa necessariamente de contador. O segundo campo você pode colocar uma frase que obrigatoriamente é acrescentado o contador, o tempo pode ser modificado.
Caso não queira que nenhuma frase apareça, apague tudo que estiver escrito nestes dois campos.
Em seguida você pode estar selecionando as cores de sua preferência
>COR DA BARRA > COR DO TEXTO > COR DO CONTADOR
Quando finalizar basta clicar em SALVAR.
10. Personalização do Rodapé
No menu Checkout > Personalização > Rodapé:
Outras configurações:
Em outras configurações você pode definir o seu modo de página de venda e definir um parcelamento padrão.
Cores:
Personalize as cores do rodapé e dos elementos.
Configurações:
Configure as informações que você quer que sejam exibidas no rodapé.
11. Opções de Frete (Logística)
Configure as opções de frete:
Menu Checkout > Logística > Novo Frete.
Insira valores e mensagens para o cliente.
Defina os valores de frete conforme a sua estratégia e em seguida, adicione uma mensagem personalizada para orientar o cliente sobre as opções de entrega disponíveis.
Salve as opções.
12. Personalização da Página de Obrigado
Configure a página exibida após a compra:
Menu Checkout > Personalização > Página de Obrigado.
Personalize o conteúdo para o cliente após a finalização da compra.
13. Customização Avançada via CSS
Para personalizações que não estão nas opções padrão:
Menu Checkout > Personalização > Customização do checkout CSS.
Insira código CSS personalizado para alterar aparência e comportamento.
Recomendado para desenvolvedores.
14. Personalização com Scripts Customizados
Insira scripts para integrações externas:
Menu Checkout > Personalização > Script Customizado.
Adicione códigos de ferramentas como Hotjar, Smartlook, Outbrain, entre outros.
15. Personalização dos Métodos de Pagamento
Configure visual e comportamento dos métodos:
Menu Checkout > Personalização > Métodos de Pagamento.
Personalize cores da barra de alerta, texto e bordas.
A barra de alerta ficará acima dos métodos de pagamento. Caso não tenha um texto, a barra não aparecerá.
Em seguida selecione as cores de sua preferência.
Ative ou desative a tag de aprovação imediata.
Habilite ou desabilite a opção de boleto ou PIX.