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
| Propiedad | Valor |
|---|---|
margin-top | 12px |
padding | 4px 12px |
font-size | 14px |
background | #fff4b7 (amarillo claro) |
border-radius | 8px |
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