Personalização do estilo VTEX

Nesta página

Personalizar elementos
Lista de elementos personalizáveis
1. Modifique e copie o script
2. Instale o script na sua loja
3. Teste antes da instalação
Explicação do script
Personalizar elementos

Experiência do lojista

Integração VTEX

Orquestração DEUNA

Método de integração

Configure uma experiência de pagamento da DEUNA dentro da VTEX.

Instale o conector certificado, configure condições de pagamento e amplie o checkout VTEX com o DEUNA Widget.

Interface: Checkout VTEX com DEUNA Widget
Modelo de entrega: Configuração do aplicativo e do conector VTEX
Ideal para: Lojistas VTEX que usam a orquestração de pagamentos DEUNA

Comparar métodos Abrir referência

Personalizar elementos#

Aprenda a customizar textos, logotipos e outros elementos da DEUNA na VTEX:

Altere o nome padrão da forma de pagamento.
Personalize mensagens de segurança e pagamento.
Adapte logotipos.

Lista de elementos personalizáveis#

#	Elemento	Módulo	Descrição	Benefícios
1	Nome da forma de pagamento	Selecione a forma de pagamento	Modifica o texto da forma de pagamento para "Pagar com cartão de crédito ou débito".	Adapta a linguagem ao seu negócio, melhorando a experiência do comprador.
2	Configuração do logotipo da franquia	Selecione a forma de pagamento	Mostra ao comprador uma pequena lista de franquias suportadas (AMEX, Visa, Mastercard).	Fornece clareza sobre os cartões suportados, aumentando a confiança e a conversão do cliente
3	Atualizar ou remover logotipos	Detalhes da forma de pagamento	Diga ao comprador quais franquias estão disponíveis se você não usar todas.	Evita confusões que podem afetar a experiência de compra.
4	Atualizar texto para ícone de cadeado	Detalhes da forma de pagamento	Altere o texto padrão do cadeado para “Seu pagamento é 100% seguro”.	Reforça a segurança das transações, alinhando a mensagem com a identidade da sua marca.
5	Atualizar texto para ícone de dinheiro	Detalhes da forma de pagamento	Modifica o texto monetário padrão para "Pagamento rápido e fácil.	Enfatiza a simplicidade e rapidez do processo de pagamento, alinhando a mensagem com a identidade da sua marca.
6	Atualizar texto principal nos detalhes do método de pagamento DEUNA	Detalhes da forma de pagamento	Modifica o texto principal para reforçar o apelo à ação, como "Clique em 'Comprar agora' para concluir a sua compra.	Personalize o apelo à ação para melhorar a conversão ao selecionar DEUNA como forma de pagamento.

1. Modifique e copie o script#

Copie e cole o seguinte script CSS diretamente na sua loja VTEX para personalizar a forma de pagamento DEUNA:

[es-MX] checkout6-custom.cssCSS

/* PASO 1: REEMPLAZAR TEXTO DEL TAB PARA MÉTODO DE PAGO DE DEUNA*/

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    font-size: 0; 
    background-position: right center; 
    background-repeat: no-repeat;
    padding-right: inherit;
    line-height: 28px;
}

#payment-group-DeunaNowPaymentGroup .payment-group-item-text::after {
    content: "Tarjeta de Crédito o Débito"; /* PUEDES REEMPLEZAR ESTE TEXTO */
    font-size: 12px;
    line-height: 28px;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
}

/* PASO 2: AGREGAR LOGOS DE TARJETAS EN EL TAB PARA MÉTODO DE PAGO DE DEUNA */

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    background-image: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/credit-card-logos.png'); /* URL DE LOS LOGS AMEX, VISA, MASTERCARD */
    background-size: 100px 40px;
    background-position: right center;
}

/* PASO 3: CAMBIAR LOS LOGOS PARA DETALLE DEL MÉTODO DE PAGO DE DEUNA */

/* LOGO VISA */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-visa {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/visa.svg') no-repeat;
    background-size: contain;
}

/* LOGO AMEX */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-amex {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/amex.svg') no-repeat;
    background-size: contain;
}

/* LOGO MASTERCARD */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-mastercard {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/mastercard.svg') no-repeat;
    background-size: contain;
}

/* PASO 4 y 5: CAMBIAR LOS TEXTOS EN EL DETALLE DEL MÉTODO DE PAGO DE DEUNA */

.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"],
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]
{
    font-size: 0;
}

/* CAMBIAR TEXTO PARA ICONO DE CANDADO */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"]::after {
    content: "Tu pago es 100% seguro"; /* PUEDES REEMPLEZAR ESTE TEXTO */
    font-size: 14px;
    color: #17171a;
}

/* CAMBIAR TEXTO PARA ICONO DE DINERO */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]::after {
    content: "Paga fácil y rápido"; /* PUEDES REEMPLEZAR ESTE TEXTO */
    font-size: 14px;
    color: #17171a;
}


/* PASO 6: CAMBIAR TEXTO PRINCIPAL EN EL DETALLE DEL MÉTODO DE PAGO DE DEUNA */

.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]
{
    font-size: 0;
}

/* CAMBIAR TEXTO PARA 'Haz click en Comprar ahora para finalizar la compra' */
.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]::after {
    content: "Haz click en 'Comprar Ahora' para finalizar tu compra"; /* PUEDES REEMPLEZAR ESTE TEXTO */
    font-size: 16px;
    color: #102c60;
    display: block;
    text-align: center;
}

[pt-BR] checkout6-custom.cssCSS

/* PASSO 1: SUBSTITUIR TEXTO DA ABA PARA MÉTODO DE PAGAMENTO DE DEUNA */

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    font-size: 0; 
    background-position: right center; 
    background-repeat: no-repeat;
    padding-right: inherit;
    line-height: 28px;
}

#payment-group-DeunaNowPaymentGroup .payment-group-item-text::after {
    content: "Cartão de Crédito ou Débito"; /* VOCÊ PODE SUBSTITUIR ESTE TEXTO */
    font-size: 12px;
    line-height: 28px;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
}

/* PASSO 2: ADICIONAR LOGOS DE CARTÕES NA ABA PARA MÉTODO DE PAGAMENTO DE DEUNA */

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    background-image: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/credit-card-logos.png'); /* URL DOS LOGOS AMEX, VISA, MASTERCARD */
    background-size: 100px 40px;
    background-position: right center;
}

/* PASSO 3: ALTERAR OS LOGOS PARA DETALHE DO MÉTODO DE PAGAMENTO DE DEUNA */

/* LOGO VISA */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-visa {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/visa.svg') no-repeat;
    background-size: contain;
}

/* LOGO AMEX */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-amex {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/amex.svg') no-repeat;
    background-size: contain;
}

/* LOGO MASTERCARD */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-mastercard {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/mastercard.svg') no-repeat;
    background-size: contain;
}

/* PASSOS 4 e 5: ALTERAR OS TEXTOS NO DETALHE DO MÉTODO DE PAGAMENTO DE DEUNA */

.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"],
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]
{
    font-size: 0;
}

/* ALTERAR TEXTO PARA ÍCONE DE CADEADO */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"]::after {
    content: "Seu pagamento é 100% seguro"; /* VOCÊ PODE SUBSTITUIR ESTE TEXTO */
    font-size: 14px;
    color: #17171a;
}

/* ALTERAR TEXTO PARA ÍCONE DE DINHEIRO */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]::after {
    content: "Pague fácil e rápido"; /* VOCÊ PODE SUBSTITUIR ESTE TEXTO */
    font-size: 14px;
    color: #17171a;
}

/* PASSO 6: ALTERAR TEXTO PRINCIPAL NO DETALHE DO MÉTODO DE PAGAMENTO DE DEUNA */

.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]
{
    font-size: 0;
}

/* ALTERAR TEXTO PARA 'Clique em Comprar Agora para finalizar sua compra' */
.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]::after {
    content: "Clique em 'Comprar Agora' para finalizar sua compra"; /* VOCÊ PODE SUBSTITUIR ESTE TEXTO */
    font-size: 16px;
    color: #102c60;
    display: block;
    text-align: center;
}

[en-EN] checkout6-custom.cssCSS

/* STEP 1: REPLACE TAB TEXT FOR DEUNA PAYMENT METHOD */

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    font-size: 0; 
    background-position: right center; 
    background-repeat: no-repeat;
    padding-right: inherit;
    line-height: 28px;
}

#payment-group-DeunaNowPaymentGroup .payment-group-item-text::after {
    content: "Credit or Debit Card"; /* YOU CAN REPLACE THIS TEXT */
    font-size: 12px;
    line-height: 28px;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
}

/* STEP 2: ADD CARD LOGOS TO TAB FOR DEUNA PAYMENT METHOD */

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    background-image: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/credit-card-logos.png'); /* URL FOR AMEX, VISA, MASTERCARD LOGOS */
    background-size: 100px 40px;
    background-position: right center;
}

/* STEP 3: CHANGE LOGOS FOR DEUNA PAYMENT METHOD DETAILS */

/* VISA LOGO */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-visa {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/visa.svg') no-repeat;
    background-size: contain;
}

/* AMEX LOGO */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-amex {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/amex.svg') no-repeat;
    background-size: contain;
}

/* MASTERCARD LOGO */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-mastercard {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/mastercard.svg') no-repeat;
    background-size: contain;
}

/* STEPS 4 & 5: CHANGE TEXTS IN THE DETAILS FOR DEUNA PAYMENT METHOD */

.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"],
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]
{
    font-size: 0;
}

/* CHANGE TEXT FOR LOCK ICON */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"]::after {
    content: "Your payment is 100% secure"; /* YOU CAN REPLACE THIS TEXT */
    font-size: 14px;
    color: #17171a;
}

/* CHANGE TEXT FOR MONEY ICON */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]::after {
    content: "Pay easily and quickly"; /* YOU CAN REPLACE THIS TEXT */
    font-size: 14px;
    color: #17171a;
}

/* STEP 6: CHANGE MAIN TEXT IN THE DETAILS FOR DEUNA PAYMENT METHOD */

.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]
{
    font-size: 0;
}

/* CHANGE TEXT FOR 'Click Buy Now to complete your purchase' */
.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]::after {
    content: "Click 'Buy Now' to complete your purchase"; /* YOU CAN REPLACE THIS TEXT */
    font-size: 16px;
    color: #102c60;
    display: block;
    text-align: center;
}

2. Instale o script na sua loja#

Cole o script modificado no CSS da sua loja:

No Admin VTEX, acesse Configurações da Loja > Vitrine > Checkout
Selecione sua loja e clique no botão azul
Selecione a guia Código e selecione o arquivo checkout6-custom.css.
Cole o script.
Salve as alterações.

Para IU de checkout personalizado:

Acesse o administrador da VTEX
Vá para Configurações da loja > Vitrine → UI personalizada do Checkout
Cole o código que você copiou anteriormente.
Salve as alterações.

3. Teste antes da instalação#

realize testes em seu navegador antes de aplicar o script permanentemente.

Acesse o Inspetor.
Clique com o botão direito na página e selecione Inspecionar. Isso abrirá o console do navegador.

Vá para Fontes.

No >> setas. selecione Espaços de trabalho.

Selecione Adicionar pasta para substituir o arquivo do Chrome.

Adicione uma pasta local e conceda acesso ao seu navegador para salvar as informações.

Navegue até Pagos > Tu Dominio > files > custom-checkout6.css.
Experimente o roteiro:
1. Cole o script no arquivo e salve as alterações.
2. Atualize a página para verificar a funcionalidade sem fazer alterações permanentes.

Explicação do script#

Personalizar elementos#

Agora você pode customizar elementos dentro do DEUNA na VTEX.

1. Substitua o texto TAB pelo método de pagamento DEUNA.

[es-MX] checkout6-custom.cssCSS

/* PASO 1: REEMPLAZAR TEXTO DEL TAB PARA MÉTODO DE PAGO DE DEUNA*/

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    font-size: 0; 
    background-position: right center; 
    background-repeat: no-repeat;
    padding-right: inherit;
    line-height: 28px;
}

#payment-group-DeunaNowPaymentGroup .payment-group-item-text::after {
    content: "Tarjeta de Crédito o Débito"; /* PUEDES REEMPLEZAR ESTE TEXTO */
    font-size: 12px;
    line-height: 28px;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
}

[pt-BR] checkout6-custom.cssCSS

/* PASSO 1: SUBSTITUIR TEXTO DA ABA PARA MÉTODO DE PAGAMENTO DE DEUNA */

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    font-size: 0; 
    background-position: right center; 
    background-repeat: no-repeat;
    padding-right: inherit;
    line-height: 28px;
}

#payment-group-DeunaNowPaymentGroup .payment-group-item-text::after {
    content: "Cartão de Crédito ou Débito"; /* VOCÊ PODE SUBSTITUIR ESTE TEXTO */
    font-size: 12px;
    line-height: 28px;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
}

[en-EN] checkout6-custom.cssCSS

/* STEP 1: REPLACE TAB TEXT FOR DEUNA PAYMENT METHOD */

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    font-size: 0; 
    background-position: right center; 
    background-repeat: no-repeat;
    padding-right: inherit;
    line-height: 28px;
}

#payment-group-DeunaNowPaymentGroup .payment-group-item-text::after {
    content: "Credit or Debit Card"; /* YOU CAN REPLACE THIS TEXT */
    font-size: 12px;
    line-height: 28px;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
}

2. Adicione logotipos de cartão

Adicione logotipos de cartões à guia do método de pagamento DEUNA.

checkout6-custom.cssCSS

/* PASO 2: AGREGAR LOGOS DE TARJETAS EN EL TAB PARA MÉTODO DE PAGO DE DEUNA */

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    background-image: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/credit-card-logos.png'); /* URL DE LOS LOGS AMEX, VISA, MASTERCARD */
    background-size: 100px 40px;
    background-position: right center;
}

[pt-BR] checkout6-custom.cssCSS

/* PASSO 2: ADICIONAR LOGOS DE CARTÕES NA ABA PARA MÉTODO DE PAGAMENTO DE DEUNA */

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    background-image: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/credit-card-logos.png'); /* URL DOS LOGOS AMEX, VISA, MASTERCARD */
    background-size: 100px 40px;
    background-position: right center;
}

[en-EN] checkout6-custom.cssCSS

/* STEP 2: ADD CARD LOGOS TO TAB FOR DEUNA PAYMENT METHOD */

#payment-group-DeunaNowPaymentGroup .payment-group-item-text {
    background-image: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/credit-card-logos.png'); /* URL FOR AMEX, VISA, MASTERCARD LOGOS */
    background-size: 100px 40px;
    background-position: right center;
}

3. Modifique logotipos

Altere os logotipos dos detalhes do método de pagamento DEUNA.

checkout6-custom.cssCSS

/* PASO 3: CAMBIAR LOS LOGOS PARA DETALLE DEL MÉTODO DE PAGO DE DEUNA */

/* LOGO VISA */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-visa {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/visa.svg') no-repeat;
    background-size: contain;
}

/* LOGO AMEX */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-amex {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/amex.svg') no-repeat;
    background-size: contain;
}

/* LOGO MASTERCARD */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-mastercard {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/mastercard.svg') no-repeat;
    background-size: contain;
}

[pt-BR] checkout6-custom.cssCSS

/* PASSO 3: ALTERAR OS LOGOS PARA DETALHE DO MÉTODO DE PAGAMENTO DE DEUNA */

/* LOGO VISA */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-visa {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/visa.svg') no-repeat;
    background-size: contain;
}

/* LOGO AMEX */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-amex {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/amex.svg') no-repeat;
    background-size: contain;
}

/* LOGO MASTERCARD */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-mastercard {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/mastercard.svg') no-repeat;
    background-size: contain;
}

[en-EN] checkout6-custom.cssCSS

/* STEP 3: CHANGE LOGOS FOR DEUNA PAYMENT METHOD DETAILS */

/* VISA LOGO */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-visa {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/visa.svg') no-repeat;
    background-size: contain;
}

/* AMEX LOGO */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-amex {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/amex.svg') no-repeat;
    background-size: contain;
}

/* MASTERCARD LOGO */
.deunaNow-payment-container .deunaNow-payments .deunaNow-payments-mastercard {
    background: url('https://io2.vtex.com/checkout-ui/v6.115.0/img/deuna-now/mastercard.svg') no-repeat;
    background-size: contain;
}

4. Modifique o texto detalhado

Altere os textos nos detalhes do método de pagamento DEUNA.

[es-MX] checkout6-custom.cssCSS

/* PASO 4 y 5: CAMBIAR LOS TEXTOS EN EL DETALLE DEL MÉTODO DE PAGO DE DEUNA */

.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"],
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]
{
    font-size: 0;
}

/* CAMBIAR TEXTO PARA ICONO DE CANDADO */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"]::after {
    content: "Tu pago es 100% seguro"; /* PUEDES REEMPLEZAR ESTE TEXTO */
    font-size: 14px;
    color: #17171a;
}

/* CAMBIAR TEXTO PARA ICONO DE DINERO */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]::after {
    content: "Paga fácil y rápido"; /* PUEDES REEMPLEZAR ESTE TEXTO */
    font-size: 14px;
    color: #17171a;
}

[pt-BR] checkout6-custom.cssCSS

/* PASSOS 4 e 5: ALTERAR OS TEXTOS NO DETALHE DO MÉTODO DE PAGAMENTO DE DEUNA */

.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"],
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]
{
    font-size: 0;
}

/* ALTERAR TEXTO PARA ÍCONE DE CADEADO */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"]::after {
    content: "Seu pagamento é 100% seguro"; /* VOCÊ PODE SUBSTITUIR ESTE TEXTO */
    font-size: 14px;
    color: #17171a;
}

/* ALTERAR TEXTO PARA ÍCONE DE DINHEIRO */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]::after {
    content: "Pague fácil e rápido"; /* VOCÊ PODE SUBSTITUIR ESTE TEXTO */
    font-size: 14px;
    color: #17171a;
}

[en-EN] checkout-custom.cssCSS

/* STEPS 4 & 5: CHANGE TEXTS IN THE DETAILS FOR DEUNA PAYMENT METHOD */

.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"],
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]
{
    font-size: 0;
}

/* CHANGE TEXT FOR LOCK ICON */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.paymentSecure"]::after {
    content: "Your payment is 100% secure"; /* YOU CAN REPLACE THIS TEXT */
    font-size: 14px;
    color: #17171a;
}

/* CHANGE TEXT FOR MONEY ICON */
.deunaNow-payment-container .deunaNow-titles .deunaNow-item p[data-i18n="paymentData.paymentGroup.DeunaNow.fastPay"]::after {
    content: "Pay easily and quickly"; /* YOU CAN REPLACE THIS TEXT */
    font-size: 14px;
    color: #17171a;
}

5. Modifique o texto principal

Altere o texto principal nos detalhes do método de pagamento DEUNA.

checkout6-custom.cssCSS

/* PASO 6: CAMBIAR TEXTO PRINCIPAL EN EL DETALLE DEL MÉTODO DE PAGO DE DEUNA */

.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]
{
    font-size: 0;
}

/* CAMBIAR TEXTO PARA 'Haz click en Comprar ahora para finalizar la compra' */
.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]::after {
    content: "Haz click en 'Comprar Ahora' para finalizar tu compra"; /* PUEDES REEMPLEZAR ESTE TEXTO */
    font-size: 16px;
    color: #102c60;
    display: block;
    text-align: center;
}

[pt-BR] checkout6-custom.cssCSS

/* PASSO 6: ALTERAR TEXTO PRINCIPAL NO DETALHE DO MÉTODO DE PAGAMENTO DE DEUNA */

.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]
{
    font-size: 0;
}

/* ALTERAR TEXTO PARA 'Clique em Comprar Agora para finalizar sua compra' */
.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]::after {
    content: "Clique em 'Comprar Agora' para finalizar sua compra"; /* VOCÊ PODE SUBSTITUIR ESTE TEXTO */
    font-size: 16px;
    color: #102c60;
    display: block;
    text-align: center;
}

[en-EN] checkout6-custom.cssCSS

/* STEP 6: CHANGE MAIN TEXT IN THE DETAILS FOR DEUNA PAYMENT METHOD */

.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]
{
    font-size: 0;
}

/* CHANGE TEXT FOR 'Click Buy Now to complete your purchase' */
.deunaNow-point-card p.deunaNow-title[data-i18n="paymentData.paymentGroup.DeunaNow.buyNow"]::after {
    content: "Click 'Buy Now' to complete your purchase"; /* YOU CAN REPLACE THIS TEXT */
    font-size: 16px;
    color: #102c60;
    display: block;
    text-align: center;
}