Opening schema - User interface - Mercado Pago Developers

Opening scheme

The opening scheme allows you to define how the checkout will open to the user. By default, checkout pro opens in Modal format, that is, in a window within the website itself, without redirecting to an external page to complete the payment.

However, it is possible to customize the opening and define the Redirect model, in which Checkout Pro opens in a new window redirecting the buyer to the payment screen.

To define the redirect opening template, insert the HTML code below directly into your project informing the init_point of the previously generated preference.

          
<!doctype html>
<html>
 <head>
   <title>Pay</title>
 </head>
 <body>
   <a href="YOUR_INIT_POINT"> // Enter the init_point field returned when creating the preference
   <button>
     Pay with Mercado Pago
   </button>
  
</a>
</body>
</html>

Payment button

Learn how to define and customize the interface displayed to the user including the entry mode to the checkout screen.

Color style

Learn how to customize the color style of your interface, and customize the way it will be displayed to the user.