Inicio
Documentación
Recursos
Partners
Comunidad

Partners

Conoce nuestro programa para agencias o desarrolladores que ofrecen servicios de integración y vendedores que quieren contratarlos.

Comunidad

Recibe las últimas novedades, pide ayuda a otros integradores y comparte tus conocimientos.

Cambiar textos de los botones - Interfaz de usuario - Mercado Pago Developers
¿Qué documentación quieres buscar?

¿No sabes cómo empezar la integración? 

Accede a los primeros pasos

Cambiar textos de los botones

Client-Side

El botón de pago ofrece dos niveles de lectura: la call to action (botón) y la propuesta de valor. En ambos casos, el texto se puede personalizar de acuerdo a las opciones brindadas por Mercado Pago. De forma predeterminada, el botón de pago se muestra como en la siguiente imagen.

cow-text-wallet-default

Para cambiar los textos predeterminados, modifique la propiedad customization durante el renderizado.

-Descripción
Momento de personalizaciónAl renderizar.
Propiedadcustomization
ObservacionesAl enviar un texto vacío, la pantalla presentará el texto definido por el diseño predeterminado. Por otro lado, al enviar texto alternativo, reemplazará el texto predeterminado. Para comprobar qué textos alternativos están disponibles, consulte la siguiente tabla.

Consulte a continuación los textos disponibles para modificar y un código de ejemplo.

ClaveOpciones disponiblesPredeterminado
actionpay, buypay
valueProppracticality, convenience, security_details, security_safetysecurity_safety

Consulte los textos relacionados con cada opción:

ClaveOpciónTexto
actionpayPaga con Mercado Pago.
actionbuyCompra con Mercado Pago.
valueProppracticalityUtilice las tarjetas guardadas o el saldo de su cuenta.
valuePropconvenienceCuota con o sin tarjeta.
valuePropsecurity_detailsProtección para sus datos.
valuePropsecurity_safetyPague de forma segura.
valuePropnone-

Ejemplo de personalización de textos de botones:

          
const settings = {
 ...,
 customization: {
      texts: {
          action: 'buy',
          valueProp: 'security_details',
      },
 },
}

        
          
const customization = {
 texts: {
   action: 'buy',
   valueProp: 'security_details',
 },
}

        

Estos ejemplos de personalización generarán el resultado siguiente:

cow-text-wallet