Recomendações para Brasil
#
Sobre esse guiaEsta página apresentará alguns recursos para ajudá-lo a fornecer uma melhor experiência de usuário para seus clientes no Brasil. O conteúdo é dividido em três seções principais, abrangendo traduções de campos obrigatórios, validação de campo e sugestões de checkout.
Se você está procurando um guia de integração com parâmetros e exemplos obrigatórios, pode encontrá-lo aqui:
#
Campos obrigatóriosAbaixo você encontrará todos os campos obrigatórios, bem como as traduções para os textos de campo
e espaço reservado
.
#
Personal informationCampo | Tradução | Placeholder |
---|---|---|
Full Name payment.name | Nome completo | |
Email payment.email | ||
Phone number payment.phone_number | Telefone | Fixo ou Celular |
Document payment.document | CPF ou CPNJ |
#
Informações de crédito e débitoCampo | Tradução | Placeholder |
---|---|---|
Cardholder Name payment.creditcard.card_name | Nome do titular | Como impresso no cartão |
Card Number payment.creditcard.card_number | Número do Cartão | |
Expiration Date payment.creditcard.card_due_date | Validade do Cartão | MM/AAAA |
CVV payment.creditcard.card_cvv | Código de Segurança (CVV) | |
Installments payment.instalments | Parcelamento | Selecione o número de parcelas |
#
Informações do endereço de cobrançaEsses campos são necessários apenas para transações com cartão de crédito e débito.
Campo | Tradução | Placeholder |
---|---|---|
Zipcode payment.zipcode | CEP | |
Country payment.country | País | Selecione seu país |
State payment.state | Estado | Selecione seu estado |
City payment.city | Cidade | |
Address payment.address | Endereço | Rua, avenida, etc |
Street Number payment.street_number | Número |
#
ValidaçãoAbaixo você encontrará como validar cada campo obrigatório, evitando erros do usuário e garantindo o correto processamento do pagamento no Brasil.
#
Informação pessoalNome do campo e parâmetro | Validações | Mensagens de erro |
---|---|---|
Email payment.email | REGEX: ^[a-zA-Z0-9.!#$%&'*+/=?^_{\|}~-]+@[a-zA-Z0-9]\(?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9]\(?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$ | Empty field: Este campo é obrigatório Invalid format: Este email parece estar incorreto |
Telefone payment.phone_number | 10 dígitos Máscara: XX XXX XXXXX REGEX: ^[0-9]{5}[0-9]{5}$ | Campo vazio: Este campo é obrigatório Formato Inválido: Este telefone parece estar incorreto |
CPF payment.document | CPF: 11 dígitos, apenas números. Máscara: (99) 99999-9999 | Campo vazio: Este campo é obrigatório Formato inválido: Este documento parece estar incorreto |
#
Informação do cartão de créditoNome do campo e parâmetro | Validações | Mensagens de erro |
---|---|---|
Número do Cartão de Crédito payment.creditcard.card_number | Máscaras: - AMEX: 9999 9999 9999 99999 - Outras bandeiras: 9999 9999 9999 9999 Expressão Regular: https://developers.ebanxpagamentos.com/api-reference/ebanx-payment-api/payment-reference/validation-rules | Campo Vazio: Este campo é obrigatório Formato inválido: O número do cartão parece estar incorreto |
Expiration Date payment.creditcard.card_due_date | Mask: 99/9999 REGEX: ^(0[1-9]|1[0-2])\/([0-9]{4})$ | Empty field: Este campo é obrigatório Invalid format: A data de validade parece estar incorreta |
CVV payment.creditcard.card_cvv | AMEX: 4 digitos, apenas números Outras bandeiras: 3 dígitos, apenas números | Campo vazio: Este campo é obrigatório Formato Inválido: O código parece estar incompleto |
#
Informações do endereço de cobrançaNome do campo e parâmetro | Validações | Mensagens de erro |
---|---|---|
CEP payment.zipcode | 8 dígitos, apenas números Regex simples para validar 8 números sem o traço ( - ) [0-9]{8} | Campo Vazio: Este campo é obrigatório Formato inválido: O CEP parece estar incorreto |
Estado payment.state | [[“Acre”, “AC”], [“Alagoas”, “AL”], [“Amapá“, “AP”], [“Amazonas”, “AM”], [“Bahia”, “BA”], [“Ceará“, “CE”], [“Distrito Federal”, “DF”], [“Espírito Santo”, “ES”], [“Goiás”, “GO”], [“Maranhão”, “MA”], [“Mato Grosso”, “MT”], [“Mato Grosso do Sul”, “MS”], [“Minas Gerais”, “MG”], [“Pará“, “PA”], [“Paraíba”, “PB”], [“Paraná“, “PR”], [“Pernambuco”, “PE”], [“Piauí“, “PI”], [“Rio de Janeiro”, “RJ”], [“Rio Grande do Norte”, “RN”], [“Rio Grande do Sul”, “RS”], [“Rondônia”, “RO”], [“Roraima”, “RR”], [“Santa Catarina”, “SC”], [“São Paulo”, “SP”], [“Sergipe”, “SE”], [“Tocantins”, “TO”]] | Campo vazio: Formato Inválido: |
#
Scripts de validaçãoVocê pode usar as seguintes funções Javascript para validar alguns dos campos obrigatórios solicitados em seu checkout.
#
Recomendações de checkoutAbaixo, você encontrará exemplos de código onde poderá visualizar e testar a experiência de checkout. Além disso, você encontrará recomendações para oferecer uma experiência melhor aos seus clientes.
#
Informação pessoalSyntaxError: Unexpected token (1:8) 1 : return () ^
Instruções
- Esses campos são obrigatórios para qualquer método de pagamento no Brasil;
- If the customer provided this information in previous steps, you can reuse it to reduce friction.
- VERIFICAR TRADUÇÃO Se o cliente forneceu essas informações nas etapas anteriores, você pode reutilizá-las para reduzir o atrito.
#
Informações de cartão de crédito e débitoSyntaxError: Unexpected token (1:8) 1 : return () ^
Instruções
- Tenha o cuidado de mostrar opções de parcelamento (Parcelas) apenas para pagamentos com Cartão de Crédito, uma vez que não estão disponíveis para pagamentos com Cartão de Débito
- Ofereça uma dica de ferramenta explicando o CVV: "Código de 3 números encontrados na parte de trás do cartão. Em cartões AMEX, o código é de 4 números e está na frente do cartão."
#
Forma de pagamentoInstruções
- Apresente todos os métodos de pagamento de forma clara
- Faça o seletor, seja um card ou uma lista de radiobutton, para parecer clicável
- Você pode usar ícones para tornar cada método de pagamento mais reconhecível
#
Cartão de créditoInstruções
- Use terminologias familiares ao usuário (verifique os campos obrigatórios acima)
- Você pode usar uma frase chamativa e clara para reforçar a seleção do método
- Se for usar Parcelas (Installments), pode ser interessante mostrá-las junto com o valor total (Verificar Valor Total do Pedido)
#
Cartão de débitoInstrução
- Use terminologias familiares ao usuário (verifique os campos obrigatórios acima)
- Você pode usar uma frase de chamativa e clara para reforçar a seleção do método
- Cuidado para não mostrar as opções de parcelamento (Installments) aqui, pois elas só estão disponíveis para pagamentos com cartão de crédito
#
BoletosInstruções
- Você pode oferecer uma breve explicação quando o método de pagamento for selecionado.
- Você pode usar uma frase chamativa e clara para reforçar a seleção do método.
#
Valor total do pedidoRegular | Envio Grátis |
---|---|
Instruções
- Mostre sempre os valores de forma clara, como taxas de envio e parcelamento, evitando surpresas.