Skip to main content

GTM — MSI NU Bank México

Script que inyecta un mensaje de advertencia en el bloque de pago con tarjeta de crédito (Stripe) para alertar a los usuarios de NU BANK en México de que deben usar Mercado Pago si quieren pagar a 3 o 6 meses sin intereses (MSI).


Elemento destino​

El mensaje se inserta al final del contenedor de pago con tarjeta de Stripe:

[data-payment-detail="stripe_STRIPE_PAYMENT_ELEMENT_CREDITCARD"]

Si el elemento no está en el DOM cuando se ejecuta el script, el mensaje no se inyecta (sin errores).


Mensaje inyectado​

El texto del mensaje es estático (no viene de variables GTM):

Usuarios NU BANK: debido a problemas técnicos recomendamos usar Mercado Pago si eres usuario de NU BANK y quieres pagar a 3 o 6 MSI.

<div>
<p class="msi-message">
Usuarios NU BANK: debido a problemas técnicos recomendamos usar Mercado Pago
si eres usuario de NU BANK y quieres pagar a 3 o 6 MSI.
</p>
</div>

Estilo del aviso​

PropiedadValor
margin-top12px
padding4px 12px
font-size14px
background#fff4b7 (amarillo claro)
border-radius8px

Flujo de ejecución​

initMsiAdvice() ← se llama directamente al cargar el tag
│
├─ initElements()
│ └─ Busca [data-payment-detail="stripe_STRIPE_PAYMENT_ELEMENT_CREDITCARD"]
│
└─ injectCode()
├─ Si creditCardDetails existe → crea div con mensaje y lo appendea
└─ Si no existe → no hace nada