Initialize data on the Bricks
Client-Side
Cards
In the form displayed for payment by card, you can start with the document and email fields already filled in. For this, it is necessary to pass the following configuration in the Brick's initialization object.
settings = {
...,
initialization: {
...,
payer: {
...,
email: '<PAYER_EMAIL_HERE>',
identification: {
type: 'string',
number: 'string',
},
}
}
}
const initialization = {
...,
payer: {
...,
email: '<PAYER_EMAIL_HERE>',
identification: {
type: 'string',
number: 'string',
},
},
};
Pix
In the form displayed for payment by Pix, you can start with the email field already filled in. For this, it is necessary to pass the following configuration in the Brick's initialization object.
settings = {
...,
initialization: {
...,
payer: {
email: '<PAYER_EMAIL_HERE>'
}
}
const initialization = {
...,
payer: {
...,
email: '<PAYER_EMAIL_HERE>',
},
};
Other payment methods
In the form displayed for payment by boleto bancĂĄrio and payment in lottery, you can start with the fields already filled in. For this, it is necessary to pass the following configuration in the Brick's initialization object.
settings = {
...,
initialization: {
...,
payer: {
firstName: '<PAYER_FIRST_NAME_HERE>',
lastName: '<PAYER_LAST_NAME_HERE>',
identification: {
"type": "<PAYER_DOC_TYPE_HERE>",
"number": "<PAYER_DOC_NUMBER_HERE>",
},
email: '<PAYER_EMAIL_HERE>',
address: {
zipCode: '<PAYER_ZIP_CODE_HERE>',
federalUnit: '<PAYER_FED_UNIT_HERE>',
city: '<PAYER_CITY_HERE>',
neighborhood: '<PAYER_NEIGHBORHOOD_HERE>',
streetName: '<PAYER_STREET_NAME_HERE>',
streetNumber: '<PAYER_STREET_NUMBER_HERE>',
complement: '<PAYER_COMPLEMENT_HERE>',
}
}
}
const initialization = {
...,
payer: {
firstName: '<PAYER_FIRST_NAME_HERE>',
lastName: '<PAYER_LAST_NAME_HERE>',
identification: {
"type": "<PAYER_DOC_TYPE_HERE>",
"number": "<PAYER_DOC_NUMBER_HERE>",
},
email: '<PAYER_EMAIL_HERE>',
address: {
zipCode: '<PAYER_ZIP_CODE_HERE>',
federalUnit: '<PAYER_FED_UNIT_HERE>',
city: '<PAYER_CITY_HERE>',
neighborhood: '<PAYER_NEIGHBORHOOD_HERE>',
streetName: '<PAYER_STREET_NAME_HERE>',
streetNumber: '<PAYER_STREET_NUMBER_HERE>',
complement: '<PAYER_COMPLEMENT_HERE>',
}
},
};