VESTI Personalizzazione dello stile

In questa pagina

Personalizza elementi
Elenco degli elementi personalizzabili
1. Modifica e copia lo script
2. Installare lo script nel tuo negozio
3. Test prima dell'instalazione
Explicación del copione
Personalizza elementi

Esperienza del merchant

Integrazione VTEX

Orchestrazione DEUNA

Metodo di integrazione

Configura un’esperienza di pagamento DEUNA dentro VTEX.

Installa il connettore certificato, configura le condizioni di pagamento ed estendi il checkout VTEX con DEUNA Widget.

Interfaccia: Checkout VTEX con DEUNA Widget
Modello di distribuzione: Configurazione dell’app e del connettore VTEX
Ideale per: Merchant VTEX che usano l’orchestrazione dei pagamenti DEUNA

Confronta i metodi Apri riferimento

Personalizza elementi#

Imparare a personalizzare testi, loghi e altri elementi di DEUNA in VTEX:

Modificare il nome predefinito del metodo di pagamento.
Personalizzare i messaggi di sicurezza e pagamento.
Logos.

Elenco degli elementi personalizzabili#

#	Elemento di base	Modulo	Descrittura	Vantaggi
1	Nome del metodo di pagamento	Selezionare il metodo di pagamento	Modifica il testo del metodo di pagamento a "Paga con carta di credito o di debito".	Adapts la lingua per il vostro business, migliorare l'esperienza dell'acquirente.
2	Configurazione del logo Franchise	Selezionare il metodo di pagamento	Mostra all'acquirente una piccola lista di franchising supportati (AMEX, Visa, Mastercard).	Fornisce chiarezza sulle carte supportate, migliorando la fiducia e la conversione del cliente
3	Aggiornare o rimuovere i loghi	Dettagli del metodo di pagamento	Dite all'acquirente quali franchising sono disponibili se non li usate tutti.	Evita confusione che potrebbe influenzare l'esperienza di shopping.
4	Aggiornamento del testo per l'icona di blocco	Dettagli del metodo di pagamento	Modificare il testo di blocco predefinito per "Il pagamento è sicuro al 100%."	Rinforza la sicurezza delle transazioni, allineando il messaggio con la tua identità di marca.
5	Aggiornare il testo per icona di soldi	Dettagli del metodo di pagamento	Modifica il testo di denaro predefinito per "pagamento veloce e facile.	Sottolinea la semplicità e la velocità del processo di pagamento, allineando il messaggio con la tua identità di marca.
6	Aggiornare il testo principale in DEUNA dettagli metodo di pagamento	Dettagli del metodo di pagamento	Modifica il testo principale per rafforzare la chiamata all'azione, come "Clicca 'Buy Now' per completare l'acquisto.	Personalizza la chiamata all'azione per migliorare la conversione quando si seleziona DEUNA come metodo di pagamento.

1. Modifica e copia lo script#

Copia e incolla lo script CSS seguente direttamente nel tuo negozio VTEX per personalizzare il metodo di 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. Installare lo script nel tuo negozio#

Incollare lo script modificato nel CSS del tuo negozio:

Nell'Admin VTEX, vai su Impostazioni > > Checkout
Selezionare il negozio e fare clic sul pulsante blu
Selezionare la scheda Codice e selezionare il file checkout6-custom.css.
Incolla lo script.
Salvare le modifiche.

Per l'interfaccia utente di controllo personalizzata:

Access il VTEX admin
Vai a memorizzare le impostazioni > Storefront → Checkout UI Custom
Incollare il codice che hai copiato prima.
Salvare le modifiche.

3. Test prima dell'instalazione#

eseguire test nel browser prima di applicare lo script in modo permanente.

Accedere all'ispettore.
Fare clic con il pulsante destro del mouse sulla pagina e selezionare Ispezione Questa aprirà la console del browser.

Capo Fonti.

Nel >> frecce. selezionare Spazi di lavoro.

Seleziona Aggiungi cartella per sovrascrivere il file da Chrome.

Aggiungi una cartella locale e dia l'accesso al tuo browser per salvare le informazioni..

Navigare per Pagos > Tu Dominio > files > custom-checkout6.css.
Prova lo script:
1. Incollare lo script nel file e salvare le modifiche.
2. Aggiorna la pagina per controllare la funzionalità senza apportare modifiche permanenti.

Explicación del copione#

Personalizza elementi#

Ora è possibile personalizzare gli elementi all'interno di DEUNA in VTEX.

1. Sostituire il testo TAB per il metodo di 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. Aggiungi logo della carta

Aggiungi i loghi della carta alla scheda per il metodo di 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. Modificare i loghi

Modificare i loghi per i dettagli del metodo di 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. Mofify testo dettagliato

Modificare i testi nei dettagli del metodo di 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. Modifica del testo principale

Modificare il testo principale nei dettagli del metodo di 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;
}