VTEXスタイルカスタマイズ

このページで

要素のカスタマイズ
カスタマイズ可能な要素のリスト
1. Измените и скопируйте скрипт
2. ストアにスクリプトをインストール
3. Probar antes de la instalación
スクリプトの説明
要素のカスタマイズ

商社の体験

VTEXとの統合

DEUNAのオーケストレーション

統合方法

VTEX内でDEUNA搭載の支払い体験を設定します。

認定されたコネクタをインストールし、支払い条件を設定し、VTEXチェックアウトをDEUNAウィジェット機能で拡張します。

インターフェース: VTEXチェックアウトとDEUNAウィジェット
配送モデル: VTEXアプリとコネクタの設定
最適なケース: DEUNA支払いオーケストレーションを使用するVTEXの商取引

方法を比較するリファレンスを開く

要素のカスタマイズ#

VTEXでDEUNAのテキスト、ロゴ、およびその他の要素をカスタマイズする方法を学習します。

デフォルトの支払い方法名を変更します。
セキュリティおよび支払いに関するメッセージをカスタマイズします。
ロゴを調整します。

カスタマイズ可能な要素のリスト#

#	要素	モジュール	説明	特典
1	支払い方法名	支払い方法を選択	支払い方法のテキストを「クレジットカードまたはデビットカードで支払う」に変更します。	ビジネスに合わせた言語を設定し、購入者のエクスペリエンスを向上させます。
2	フランチャイズロゴの設定	支払い方法を選択	購入者に、サポートされているフランチャイズ（AMEX、Visa、Mastercard）の一覧を表示します。	サポートされているカードに関する情報を明確にし、顧客の信頼とコンバージョンを向上させます。
3	ロゴの更新または削除	支払い方法の詳細	利用されていない場合は、利用可能なフランチャイズを伝えます。	ショッピング体験に影響を与える可能性のある混乱を防ぎます。
4	ロックアイコンのテキストを更新	支払い方法の詳細	デフォルトのロックアイコンテキストを「お客様の支払いは100%安全です」に変更します。	取引のセキュリティを強化し、ブランドアイデンティティに合ったメッセージを伝えます。
5	お金のアイコンのテキストを更新	支払い方法の詳細	デフォルトの金額テキストを「迅速かつ簡単な支払い」に変更します。	決済プロセスのシンプルさとスピードを強調し、メッセージをブランドアイデンティティに合わせます。
6	DEUNA の支払い方法の詳細のメインテキストを更新	支払い方法の詳細	メインテキストを修正して、購入を完了するための行動喚起を強化します（例：「今すぐ購入する」をクリックして購入を完了）。	DEUNAを支払い方法として選択した場合のコンバージョンを改善するために、行動喚起をカスタマイズします。

1. Измените и скопируйте скрипт#

以下の CSS スクリプトを直接 VTEX ストアにコピーして貼り付け、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. ストアにスクリプトをインストール#

変更したスクリプトをストアのCSSに貼り付けます。

VTEX Adminで、Store Settings > Storefront > Checkout に移動します。
ストアを選択し、青いボタンをクリックします。
Codeタブを選択し、checkout6-custom.cssファイルを選択します。
スクリプトを貼り付けます。
変更を保存します。

カスタムチェックアウトUIの場合：

VTEX管理画面にアクセス
「Store Settings > Storefront → Checkout UI Custom」に移動
以前コピーしたコードを貼り付けます。
変更を保存します。

3. Probar antes de la instalación#

スクリプトを適用する前に、ブラウザでテストを実行してください。

開発者ツールにアクセスします。
ページを右クリックし、「Inspect This」を選択します。これにより、ブラウザのコンソールが開きます。

前往 Sources.

「 >> 矢印を選択 ワークスペース.

選択 フォルダーを追加 Chromeからファイルを上書きするために。

ローカルフォルダーを追加し、ブラウザに情報を保存するためのアクセス権を付与します。

以下のパスに移動する Pagos > Tu Dominio > files > custom-checkout6.css.
スクリプトを試してください:
1. スクリプトをファイルに貼り付け、変更を保存します。
2. ページをリフレッシュして、変更を加えることなく機能を確認してください。

スクリプトの説明#

要素のカスタマイズ#

VTEX 内の DEUNA の要素をカスタマイズできます。

1. DEUNA の支払い方法の TAB テキストを置き換えます。

[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. カードのロゴを追加します。

DEUNA の支払い方法の TAB にカードのロゴを追加します。

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. ロゴを変更します。

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. 詳細テキストを変更します。

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. メインテキストを変更します。

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;
}