Personaliza el flujo de pago
La Configuración Avanzada permite personalizar y configurar el flujo para que puedas lograr la mejor experiencia de pago.
Para incorporar en el Checkout las opciones configuradas en la clase AdvancedConfiguration deberás agregar una instancia de la misma en el inicio del Checkout, como se muestra en el siguiente código:
final AdvancedConfiguration advancedConfiguration =
new AdvancedConfiguration.Builder().setBankDealsEnabled(false).build();
new MercadoPagoCheckout
.Builder("ENV_PUBLIC_KEY", checkoutPreferenceId)
.setAdvancedConfiguration(advancedConfiguration).build()
.startPayment(CheckoutExampleActivity.this, REQUEST_CODE);
Como se observa en el ejemplo, puedes ocultar el botón de "Promociones" configurando bankDealsEnabled = false para aquellos casos en lo que solo solicites pagos en una cuota.
let builder = MercadoPagoCheckoutBuilder.init(publicKey: "ENV_PUBLIC_KEY", preferenceId: checkoutPreferenceId)
let config = PXAdvancedConfiguration()
config.bankDealsEnabled = false
builder.setAdvancedConfiguration(config: config)
let checkout = MercadoPagoCheckout.init(builder: builder)
checkout.start(navigationController: self.navigationController!)
Como se observa en el ejemplo, puedes ocultar el botón de "Promociones" configurando bankDealsEnabled = NO para aquellos casos en lo que solo solicites pagos en una cuota.
MercadoPagoCheckoutBuilder *builder = [[MercadoPagoCheckoutBuilder alloc] initWithPublicKey:@"ENV_PUBLIC_KEY" preferenceId:@"PREFERENCE_ID"];
PXAdvancedConfiguration *config = [[PXAdvancedConfiguration alloc] init];
[config setBankDealsEnabled:NO];
[builder setAdvancedConfigurationWithConfig:config];
MercadoPagoCheckout *checkout = [[MercadoPagoCheckout alloc] initWithBuilder:builder];
[checkout startWithNavigationController:self.navigationController lifeCycleProtocol:nil];
Como se observa en el ejemplo, puedes ocultar el botón de "Promociones" con el método disableBankDeals para aquellos casos en lo que solo solicites pagos en una cuota.
Configura tu color
Puedes cambiar los colores de la interfaz gráfica del flujo de pago con el siguiente código:
En tu archivo colors.xml deberás hacer referencia a los colores que quieras cambiar del checkout y setearlos con tus propios colores.
<!-- Color principal -->
<color name="ui_components_android_color_primary">@color/your_color</color>
<!-- Color de la Toolbar -->
<color name="px_toolbar_text">@color/your_color</color>
<!-- Color de la Status Bar -->
<color name="ui_components_android_color_primary_dark">@color/your_color</color>
<!-- Color primario del Spinner-->
<color name="ui_components_spinner_primary_color">@color/your_color</color>
<!-- Color secundario del Spinner -->
<color name="ui_components_spinner_secondary_color">@color/your_color</color>
<!-- Color de fondo del Spinner -->
<color name="px_background_loading">@color/your_color</color>
<!-- Color de los iconos de los medios de pago -->
<color name="px_paymentMethodTint">@color/your_color</color>
<!-- Color de los inputs -->
<color name="px_input">@color/your_color</color>
@IBAction func startMercadoPagoCheckout(_ sender: Any) {
let builder = MercadoPagoCheckoutBuilder.init(publicKey: "ENV_PUBLIC_KEY", preferenceId: checkoutPreferenceId)
let config = PXAdvancedConfiguration()
builder.setAdvancedConfiguration(config: config)
builder.setColor(checkoutColor: .green)
let checkout = MercadoPagoCheckout.init(builder: builder)
checkout.start(navigationController: self.navigationController!)
}
MercadoPagoCheckoutBuilder *builder = [[MercadoPagoCheckoutBuilder alloc] initWithPublicKey:@"ENV_PUBLIC_KEY" preferenceId:@"PREFERENCE_ID"];
[builder setColorWithCheckoutColor:[UIColor greenColor]];
MercadoPagoCheckout *checkout = [[MercadoPagoCheckout alloc] initWithBuilder:builder];
[checkout startWithNavigationController:self.navigationController lifeCycleProtocol:nil];
Como se observa en el ejemplo, puedes ocultar el botón de "Promociones" con el método disableBankDeals para aquellos casos en lo que solo solicites pagos en una cuota.