Ocultar elemento - Ajustes adicionales - Mercado Pago Developers

Ocultar título

Client-Side

-	Brick
Momento de personalización	Al renderizar el Brick
Propiedad	customization.hideFormTitle
Tipo	Boolean
Observaciones	Cuando true, oculta la línea de título.

const settings = {
   ...,
   customization: {
       visual: {
           hideFormTitle: true
       }
   }
}

Ocultar botón de pago

Client-Side

-	Brick
Momento de personalización	Al renderizar el Brick
Propiedad	customization.visual.hidePaymentButton
Tipo	Boolean
Observaciones	Cuando true, el botón de envío del formulario no se muestra y pasa a ser necesario usar la función getFormData para obtener los datos del formulario (ver el ejemplo a continuación).

const settings = {
    ...,
    callbacks: {
        onReady: () => {
            // callback chamado quando o Brick estiver pronto
        },
        onError: (error) => { 
            // callback chamado para todos os casos de erro do Brick
        },
    },
    customization: {
        visual: {
            hidePaymentButton: true
        }
    }
}

<button type="button" onclick="createPayment();">Custom Payment Button</button>

function createPayment(){
    window.paymentBrickController.getFormData()
        .then(({ paymentType, formData }) => {
            console.log('formData received, creating payment...');
            if (paymentType === 'credit_card' || paymentType === 'debit_card') {
                fetch("/process_payment", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    body: JSON.stringify(formData),
                })
            }
        })
        .catch((error) => {
            // manejo de errores al llamargetFormData()
        });
};

Ocultar panel de Cuenta de Mercado Pago

Client-Side

-	Brick
Momento de personalización	Al renderizar el Brick
Propiedad	customization.visual.hideRedirectionPanel
Tipo	Boolean
Observaciones	Cuando true, oculta dentro de la opción de pago con la Billetera de Mercado Pago, el panel de redirección al sitio web de Mercado Pago.

const settings = {
   ...,
   customization: {
       visual: {
           hideRedirectionPanel: true
       }
   }
}

Importante

Si necesita personalizar el estilo visual de Brick además de personalizar temas y variables personalizadas, le recomendamos que no utilizar como referencia o selector el valor de las clases e ID de CSS que son enviados con los Bricks, ya que se generan automáticamente durante el proceso de build de la aplicación y cambian regularmente. Utilice la herencia de elementos HTML para acceder a lo que necesita personalizar.

Inicializar datos en Bricks

Consulta cómo iniciar Payment Brick con un email o con un documento de ID.

Cambiar texto

Aprende cómo cambiar los textos del diseño elegido en Payment Brick cuando lo requieras.