Personalización del estilo VTEX

En esta página

Personalizar elementos
Lista de elementos personalizables
1. Modificar y copiar el script.
2. Instala el script en tu tienda.
3. Prueba antes de la instalación.
Explicación del guión
Personalizar elementos

Experiencia del comercio

Integración con VTEX

Orquestación de DEUNA

Método de integración

Configura una experiencia de pago impulsada por DEUNA dentro de VTEX.

Instala el conector certificado, configura las condiciones de pago y amplía el checkout de VTEX con DEUNA Widget.

Interfaz: Checkout de VTEX con DEUNA Widget
Modelo de entrega: Configuración de la aplicación y el conector de VTEX
Ideal para: Comercios VTEX que usan la orquestación de pagos de DEUNA

Comparar métodos Abrir referencia

Personalizar elementos#

Aprenda a personalizar textos, logotipos y otros elementos de DEUNA en VTEX:

Cambie el nombre predeterminado del método de pago.
Personaliza los mensajes de seguridad y pago.
Adaptar logotipos.

Lista de elementos personalizables#

#	Elemento	Módulo	Descripción	Beneficios
1	Nombre del método de pago	Selecciona el método de pago	Modifica el texto del método de pago a "Pagar con tarjeta de crédito o débito".	Adapta el idioma a tu negocio, mejorando la experiencia del comprador.
2	Configuración del logotipo de la franquicia.	Selecciona el método de pago	Muestra al comprador una pequeña lista de franquicias admitidas (AMEX, Visa, Mastercard).	Proporciona claridad sobre las tarjetas admitidas, lo que mejora la confianza y la conversión del cliente.
3	Actualizar o eliminar logotipos	Detalles del método de pago	Dígale al comprador qué franquicias están disponibles si no las utiliza todas.	Evita confusiones que puedan afectar la experiencia de compra.
4	Actualizar texto para el icono de candado	Detalles del método de pago	Cambie el texto predeterminado del candado a "Su pago es 100% seguro".	Refuerza la seguridad de las transacciones, alineando el mensaje con su identidad de marca.
5	Actualizar texto para icono de dinero	Detalles del método de pago	Modifica el texto de dinero predeterminado a "Pago rápido y fácil".	Destaca la simplicidad y rapidez del proceso de pago, alineando el mensaje con su identidad de marca.
6	Actualizar texto principal en detalles del método de pago DEUNA	Detalles del método de pago	Modifica el texto principal para reforzar el llamado a la acción, como "Haga clic en 'Comprar ahora' para completar su compra.	Personaliza el llamado a la acción para mejorar la conversión al seleccionar DEUNA como método de pago.

1. Modificar y copiar el script.#

Copie y pegue el siguiente script CSS directamente en su tienda VTEX para personalizar el método de pago 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. Instala el script en tu tienda.#

Pega el script modificado en el CSS de tu tienda:

En el Admin de VTEX, vaya a Configuración de la tienda > Storefront > Checkout
Selecciona tu tienda y haz clic en el botón azul
Seleccione la pestaña Código y seleccione el archivo checkout6-custom.css.
Pega el guión.
Guarde los cambios.

Para la interfaz de usuario de pago personalizada:

Acceder al administrador de VTEX
Vaya a Configuración de la tienda > Escaparate → IU de pago personalizada
Pega el código que copiaste anteriormente.
Guarde los cambios.

3. Prueba antes de la instalación.#

Realice pruebas en su navegador antes de aplicar el script de forma permanente.

Accede al Inspector.
Haga clic derecho en la página y seleccione Inspeccionar. Esto abrirá la consola del navegador.

Dirígete a Fuentes.

En el >> flechas. seleccionar Espacios de trabajo.

Seleccione Agregar carpeta para anular el archivo de Chrome.

Agregue una carpeta local y dé acceso a su navegador para guardar la información.

Navegue a Pagos > Tu Dominio > files > custom-checkout6.css.
Pruebe el guión:
1. Pegue el script en el archivo y guarde los cambios.
2. Actualice la página para comprobar la funcionalidad sin realizar cambios permanentes.

Explicación del guión#

Personalizar elementos#

Ahora puedes personalizar elementos dentro de DEUNA en VTEX.

1. Reemplace el texto TAB para el método de pago 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. Agregar logotipos de tarjetas

Añade logotipos de tarjetas a la pestaña del método de pago 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. Modificar logotipos

Cambia los logos de los detalles del método de pago 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. Mofificar el texto detallado

Modificar los textos en el detalle del método de pago 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. Modificar el texto principal

Cambiar el texto principal en los detalles del método de pago 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;
}