{"id":7210,"date":"2024-03-07T01:03:11","date_gmt":"2024-03-07T01:03:11","guid":{"rendered":"https:\/\/documents.openpay.mx\/?p=7210"},"modified":"2024-04-10T15:13:40","modified_gmt":"2024-04-10T15:13:40","slug":"boton-de-pago","status":"publish","type":"post","link":"https:\/\/documents-mx-dev.opdevhm.com\/en\/docs\/boton-de-pago.html","title":{"rendered":"Bot\u00f3n de pago"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"7210\" class=\"elementor elementor-7210\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-59e82a2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"59e82a2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5467fc4\" data-id=\"5467fc4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2297e65 elementor-widget elementor-widget-text-editor\" data-id=\"2297e65\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Soluci\u00f3n digital de e-commerce que por medio de una sola integraci\u00f3n permite habilitar en tu sitio web la opci\u00f3n de recibir pagos con tarjeta de cr\u00e9dito y d\u00e9bito, efectivo en tiendas de conveniencia y transferencia electr\u00f3nica <strong>utilizando la experiencia Openpay.<\/strong><\/p><p>Tenemos disponibles dos formas de integrar Bot\u00f3n de pago, elige la que mejor se adapte a tu sitio web.<\/p><p>Recuerda: Debes utilizar tus credenciales y llaves de acceso correspondientes al ambiente en el que est\u00e9s ingresando, sandbox o producci\u00f3n.<\/p><p><sub>Puedes realizar la consulta de tus credenciales y llaves de acceso a trav\u00e9s del Dashboard de Openpay, en la opci\u00f3n \u201cCredenciales de API\u201d ubicada en la parte superior derecha en el icono de engranaje.<\/sub><\/p><p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-7211 size-full\" src=\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg\" alt=\"\" width=\"602\" height=\"156\" srcset=\"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg 602w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/datos-para-api-300x78.jpg 300w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/datos-para-api-16x4.jpg 16w\" sizes=\"(max-width: 602px) 100vw, 602px\" \/><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c0010e6 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-phone elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c0010e6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b82e07d\" data-id=\"b82e07d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a21f75b elementor-widget elementor-widget-text-editor\" data-id=\"a21f75b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2><strong>\u00bfQuieres conocer m\u00e1s de Bot\u00f3n de Pago?<\/strong><\/h2><p>Insertar video que est\u00e1 siendo gestionado por Georgina Morales.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2559759 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2559759\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78c1a5a\" data-id=\"78c1a5a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e8380aa elementor-tabs-alignment-stretch elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"e8380aa\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-2431\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-2431\" aria-expanded=\"false\">JavaScript<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-2432\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2432\" aria-expanded=\"false\">API<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-2431\" aria-expanded=\"false\">JavaScript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2431\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-2431\" tabindex=\"0\" hidden=\"false\">\t\t<div data-elementor-type=\"page\" data-elementor-id=\"7227\" class=\"elementor elementor-7227\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-13f5a94 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"13f5a94\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ab33426\" data-id=\"ab33426\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8e4f4e6 elementor-widget elementor-widget-text-editor\" data-id=\"8e4f4e6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2><strong>Openpay.JS<\/strong><\/h2>\n<h3>Paso 1: Implementa la soluci\u00f3n en tu sitio web.<\/h3>\n1. Incorpora la librer\u00eda Openpay.js.\n<pre><code> &lt;script type=\"text\/javascript\" src=\"https:\/\/resources.openpay.mx\/lib\/openpay-js\/1.2.38\/openpay.v1.min.js\"&gt;&lt;\/script&gt; <\/code><\/pre>\n2. Configura tu id de comercio (MERCHANT_ID) y llave p\u00fablica (PUBLIC_API_KEY) las cuales te fueron asignadas al crear tu cuenta en la Plataforma de Openpay.\n\n<pre><code>OpenPay.setId('MERCHANT_ID');<\/code><\/pre>\n\n<pre>\u200b<code>OpenPay.setApiKey('PUBLIC_API_KEY');<\/code><\/pre>\n\n3. Habilita el modo de pruebas sandbox.\n\n\u200b<pre><code>OpenPay.setSandboxMode(true)\u00a0 \/\/ Pruebas en sandbox\u200b<\/code><\/pre>\n\n<pre>\u200b<code>OpenPay.setSandboxMode(false) \/\/ Producci\u00f3n\u200b<\/code><\/pre>\n\n4. Genera tu Bot\u00f3n de pago.\n<pre><code> OpenPay.checkout.create({\n      \"amount\":\"100.00\",\n      \"currency\":\"MXN\",\n      \"description\":\"Bot\u00f3n de pago\",\n      \"order_id\":\"ord-00001\",\n      \"send_email\":\"false\",\n      \"customer\":{\n          \"name\":\"Juan\",\n          \"last_name\":\"Lopez\",\n\"phone_number\": \"5555555555\",\n     \"email\":\"email@email.com\",\n            },\n       \"redirect_url\":\"https:\/\/www.sitiodelcomercio.com\",\n     }, SUCCESS_CALLBACK, ERROR_CALLBACK);<\/code><\/pre>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdf628f elementor-widget elementor-widget-text-editor\" data-id=\"bdf628f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3>Paso 2: Redirecciona al\u00a0 cliente para realizar el pago.<\/h3><p>1. Recibir\u00e1s la respuesta por medio de la funci\u00f3n \u201cSUCCESS_CALLBACK\u201d.<\/p><pre><code>function successCallback(response){\n\nwindow.location.replace(response['checkout_link']);\n\n}<\/code><\/pre><p>2. Finalmente redirige al usuario a la url informada en el atributo checkout_link, con la cual se accedera a la experiencia de pagos Openpay.<\/p><p><img decoding=\"async\" class=\"aligncenter wp-image-7212 size-full\" src=\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/checkout-detalles-de-pago.png\" alt=\"\" width=\"590\" height=\"466\" srcset=\"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/checkout-detalles-de-pago.png 590w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/checkout-detalles-de-pago-300x237.png 300w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/checkout-detalles-de-pago-16x12.png 16w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/p><p style=\"text-align: center\">Imagen 1. Bot\u00f3n de pago Openpay.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2432\" aria-expanded=\"false\">API<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2432\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-2432\" tabindex=\"0\" hidden=\"hidden\">\t\t<div data-elementor-type=\"page\" data-elementor-id=\"7229\" class=\"elementor elementor-7229\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3f6ae06 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3f6ae06\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ef59585\" data-id=\"ef59585\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f710bb elementor-widget elementor-widget-text-editor\" data-id=\"0f710bb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2>API<\/h2><h3>Paso 1: Implementa la soluci\u00f3n en tu sitio web<\/h3><p>1. Realiza el llamado del API utilizando tu id de comercio (MERCHANT_ID) el cual te fue asignado al crear tu cuenta en la Plataforma de Openpay.<\/p><pre><code><strong>Sandbox <\/strong>\n<strong>POST<\/strong>  https:\/\/sandbox-api.openpay.mx\/v1\/MERCHANT_ID\/checkouts\n<\/code><\/pre><pre><code><strong>Producci\u00f3n\n\nPOST<\/strong>  https:\/\/api.openpay.mx\/v1\/MERCHANT_ID\/checkouts\n <\/code><\/pre><p><img decoding=\"async\" class=\"aligncenter wp-image-7213 size-full\" src=\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/post-api.jpg\" alt=\"\" width=\"602\" height=\"111\" srcset=\"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/post-api.jpg 602w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/post-api-300x55.jpg 300w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/post-api-16x3.jpg 16w\" sizes=\"(max-width: 602px) 100vw, 602px\" \/><\/p><p>2. Genera tu Bot\u00f3n de pago.<\/p><p>Utiliza tu llave privada (PRIVATE_API_KEY) la cual te fue asignada al crear tu cuenta en la Plataforma de Openpay.<\/p><pre><code> HEADER PRIVATE_API_KEY\n {\n      \"amount\":\"100.00\",\n      \"currency\":\"MXN\",\n      \"description\":\"Bot\u00f3n de pago\",\n      \"order_id\":\"ord-00001\",\n      \"send_email\":\"false\",\n      \"customer\":{\n          \"name\":\"Juan\",\n          \"last_name\":\"Lopez\",\n\"phone_number\": \"5555555555\",\n     \"email\":\"email@email.com\",\n            },\n    \"redirect_url\":\"https:\/\/www.sitiodelcomercio.com\",\n  };\n<\/code><\/pre>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3728fe1 elementor-widget elementor-widget-text-editor\" data-id=\"3728fe1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3>Paso 2: Redirecciona al cliente para realizar el pago.<\/h3><p>1. Recibir\u00e1s respuesta con un objeto de transici\u00f3n en estado pendiente representado en el lenguaje utilizado.<\/p><pre><code>{\n      \"id\":\"cklrjd8luzxmkznkddiu\",\n   \"amount\":\"100.00\",\n       \"description\":\"Bot\u00f3n de pago\",\n       \"order_id\":\"ord-00001-1679631118\",\n        \"currency\":\"MXN\",\n        \"iva\":\"0\",\n        \"status\":\"available\"\n    \"checkout_link\":\n    \"https:\/\/sandbox-api.openpay.mx\/ck\/Cb0EJHFIp2aG\",\n    \"creation_date\": \"2024-01-23T23:12:00.731-0500\",\n    \"expiration_date\": \"2024-01-29T13:50:00.000-0500\",\n         \"customer\":{\n          \"name\":\"Juan\",\n          \"last_name\":\"Lopez\",\n\"phone_number\": \"5555555555\",\n     \"email\":\"email@email.com\",\n     \"external_id\": null\n      }\n     }\n<\/code><\/pre><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7215 size-full\" src=\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/post-api-asnwer.jpg\" alt=\"\" width=\"602\" height=\"587\" srcset=\"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/post-api-asnwer.jpg 602w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/post-api-asnwer-300x293.jpg 300w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/post-api-asnwer-12x12.jpg 12w\" sizes=\"(max-width: 602px) 100vw, 602px\" \/><\/p><p>2. Finalmente redirige al usuario a la url informada en el atributo \u201ccheckout_link\u201d, con la cual se accedera a la experiencia de pagos Openpay.<\/p><p><img decoding=\"async\" class=\"aligncenter wp-image-7212 size-full\" src=\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/checkout-detalles-de-pago.png\" alt=\"\" width=\"590\" height=\"466\" srcset=\"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/checkout-detalles-de-pago.png 590w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/checkout-detalles-de-pago-300x237.png 300w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/checkout-detalles-de-pago-16x12.png 16w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/p><p style=\"text-align: center\">Imagen 1. Bot\u00f3n de pago Openpay.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2d363be elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2d363be\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7e7b4f4\" data-id=\"7e7b4f4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-559aea0 elementor-widget elementor-widget-text-editor\" data-id=\"559aea0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2>Funcionalidad adicional<\/h2><p>A continuaci\u00f3n te damos algunas sugerencias para que explotes al m\u00e1ximo tu experiencia con Bot\u00f3n de pago.<\/p><p>1. Habilita la opci\u00f3n de recibir pagos a mensualidades sin intereses.<\/p><p>Solo debes incluir el siguiente atributo al solicitar la generaci\u00f3n del Bot\u00f3n de pago.<\/p><pre><code>\"payment_plan\":{\n      \"payments\":\"3,6\",\n       \"payments_type\":\"WITHOUT_INTEREST\"\n      },\n<\/code><\/pre><p>Where:<\/p><ul><li>payments: Informa las mensualidades a las que se disponibilizara la compra, aceptando los valores: 3, 6, 9, y 12.<\/li><li>payments_type: WITHOUT_INTEREST esta leyenda indica que la compra es a mensualidades sin intereses.<\/li><\/ul><p>2. Asigna un periodo de vigencia a la URL, con esta funcionalidad limitar\u00e1s el tiempo que tiene el cliente final para realizar la compra.<\/p><p>Coloca el atributo siguiente al solicitar la generaci\u00f3n del Bot\u00f3n de pago.<\/p><pre><code>\"expiration_date\":\u201dAAAA-MM-DD HH:MM\u201d,\n\n<\/code><\/pre><p>Where:<\/p><ul><li>AAAA-MM-DD HH:MM: Indicar\u00e1 la fecha y hora de fin de vigencia<br \/>Ejemplo: 2024-02-15 16:00&#8243;<\/li><\/ul><p>3. Personaliza el formulario de pago con el logotipo de tu comercio.<\/p><p>Pasos para realizarlo:<\/p><p style=\"padding-left: 40px;\">1. Inicia sesi\u00f3n en la Plataforma de Openpay<\/p><p style=\"padding-left: 80px;\">Sandbox<a href=\"https:\/\/sandbox-dashboard.openpay.mx\/login\">: <\/a><a href=\"https:\/\/sandbox-dashboard.openpay.mx\/login\">https:\/\/sandbox-dashboard.openpay.mx\/login<\/a><\/p><p style=\"padding-left: 80px;\">Production<a href=\"https:\/\/dashboard.openpay.mx\/login\"> https:\/\/dashboard.openpay.mx\/login<\/a><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7216 size-full\" src=\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/login-openpay.jpg\" alt=\"\" width=\"247\" height=\"272\" srcset=\"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/login-openpay.jpg 247w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/login-openpay-11x12.jpg 11w\" sizes=\"(max-width: 247px) 100vw, 247px\" \/><\/p><p style=\"padding-left: 40px;\">2. Una vez que iniciaste sesi\u00f3n, en la parte superior derecha selecciona el \u00edcono de \u201cOpciones\u201d y posteriormente \u201cMi cuenta\u201d.<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7217 size-full\" src=\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/opciones-openpay.jpg\" alt=\"\" width=\"602\" height=\"64\" srcset=\"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/opciones-openpay.jpg 602w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/opciones-openpay-300x32.jpg 300w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/opciones-openpay-16x2.jpg 16w\" sizes=\"(max-width: 602px) 100vw, 602px\" \/><\/p><p style=\"padding-left: 40px;\">3. Se mostrar\u00e1 la pantalla con los datos de tu comercio, en el apartado \u201cComercial\u201d selecciona la opci\u00f3n \u201cLogotipo\u201d<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7218 size-full\" src=\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/cambiar-logotipo.png\" alt=\"\" width=\"516\" height=\"273\" srcset=\"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/cambiar-logotipo.png 516w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/cambiar-logotipo-300x159.png 300w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/cambiar-logotipo-16x8.png 16w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/p><p style=\"padding-left: 40px;\">4. El sitio te mostrar\u00e1 el siguiente modal donde deber\u00e1s ingresar la URI de la imagen de tu logotipo que previamente cargaste en alg\u00fan repositorio p\u00fablico, por ejemplo: google drive, OneDrive y Dropbox. <br \/>Una vez ingresada la URL selecciona la opci\u00f3n \u201cGuardar\u201d.<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7219 size-full\" src=\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/asignar-logotipo.png\" alt=\"\" width=\"507\" height=\"120\" srcset=\"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/asignar-logotipo.png 507w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/asignar-logotipo-300x71.png 300w, https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2024\/03\/asignar-logotipo-16x4.png 16w\" sizes=\"(max-width: 507px) 100vw, 507px\" \/><\/p><p>Nota: Para que tu logotipo se muestre con la mejor calidad, s\u00f3lo se permite cargar im\u00e1genes con un tama\u00f1o 210px, 120px con formato png.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Soluci\u00f3n digital de e-commerce que por medio de una sola integraci\u00f3n permite habilitar en tu sitio web la opci\u00f3n de recibir pagos con tarjeta de cr\u00e9dito y d\u00e9bito, efectivo en tiendas de conveniencia y transferencia electr\u00f3nica utilizando la experiencia Openpay. Tenemos disponibles dos formas de integrar Bot\u00f3n de pago, elige la que mejor se adapte&hellip;&nbsp;<a href=\"https:\/\/documents-mx-dev.opdevhm.com\/en\/docs\/boton-de-pago.html\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Bot\u00f3n de pago<\/span><\/a><\/p>","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[133],"tags":[],"class_list":["post-7210","post","type-post","status-publish","format-standard","hentry","category-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Bot\u00f3n de pago | Openpay<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/documents-mx-dev.opdevhm.com\/en\/docs\/boton-de-pago.html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bot\u00f3n de pago | Openpay\" \/>\n<meta property=\"og:description\" content=\"Soluci\u00f3n digital de e-commerce que por medio de una sola integraci\u00f3n permite habilitar en tu sitio web la opci\u00f3n de recibir pagos con tarjeta de cr\u00e9dito y d\u00e9bito, efectivo en tiendas de conveniencia y transferencia electr\u00f3nica utilizando la experiencia Openpay. Tenemos disponibles dos formas de integrar Bot\u00f3n de pago, elige la que mejor se adapte&hellip;&nbsp;Read More &raquo;Bot\u00f3n de pago\" \/>\n<meta property=\"og:url\" content=\"https:\/\/documents-mx-dev.opdevhm.com\/en\/docs\/boton-de-pago.html\/\" \/>\n<meta property=\"og:site_name\" content=\"Openpay\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-07T01:03:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-10T15:13:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg\" \/>\n<meta name=\"author\" content=\"Hugo Fortis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hugo Fortis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#article\",\"isPartOf\":{\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html\"},\"author\":{\"name\":\"Hugo Fortis\",\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/#\/schema\/person\/d7b535952b8c14f24fc68668763b9539\"},\"headline\":\"Bot\u00f3n de pago\",\"datePublished\":\"2024-03-07T01:03:11+00:00\",\"dateModified\":\"2024-04-10T15:13:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html\"},\"wordCount\":429,\"publisher\":{\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg\",\"articleSection\":[\"Documentaci\u00f3n\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html\",\"url\":\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html\",\"name\":\"Bot\u00f3n de pago | Openpay\",\"isPartOf\":{\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#primaryimage\"},\"image\":{\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg\",\"datePublished\":\"2024-03-07T01:03:11+00:00\",\"dateModified\":\"2024-04-10T15:13:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#primaryimage\",\"url\":\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg\",\"contentUrl\":\"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/documents-mx-dev.opdevhm.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bot\u00f3n de pago\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/#website\",\"url\":\"https:\/\/documents-mx-dev.opdevhm.com\/\",\"name\":\"Openpay\",\"description\":\"Openpay a BBVA Company\",\"publisher\":{\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/documents-mx-dev.opdevhm.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/#organization\",\"name\":\"Openpay Soporte\",\"url\":\"https:\/\/documents-mx-dev.opdevhm.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2020\/05\/logo.png\",\"contentUrl\":\"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2020\/05\/logo.png\",\"width\":290,\"height\":90,\"caption\":\"Openpay Soporte\"},\"image\":{\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/documents-mx-dev.opdevhm.com\/#\/schema\/person\/d7b535952b8c14f24fc68668763b9539\",\"name\":\"Hugo Fortis\",\"url\":\"https:\/\/documents-mx-dev.opdevhm.com\/en\/docs\/author\/hugo-fortis\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bot\u00f3n de pago | Openpay","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/documents-mx-dev.opdevhm.com\/en\/docs\/boton-de-pago.html\/","og_locale":"en_US","og_type":"article","og_title":"Bot\u00f3n de pago | Openpay","og_description":"Soluci\u00f3n digital de e-commerce que por medio de una sola integraci\u00f3n permite habilitar en tu sitio web la opci\u00f3n de recibir pagos con tarjeta de cr\u00e9dito y d\u00e9bito, efectivo en tiendas de conveniencia y transferencia electr\u00f3nica utilizando la experiencia Openpay. Tenemos disponibles dos formas de integrar Bot\u00f3n de pago, elige la que mejor se adapte&hellip;&nbsp;Read More &raquo;Bot\u00f3n de pago","og_url":"https:\/\/documents-mx-dev.opdevhm.com\/en\/docs\/boton-de-pago.html\/","og_site_name":"Openpay","article_published_time":"2024-03-07T01:03:11+00:00","article_modified_time":"2024-04-10T15:13:40+00:00","og_image":[{"url":"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg"}],"author":"Hugo Fortis","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hugo Fortis","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#article","isPartOf":{"@id":"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html"},"author":{"name":"Hugo Fortis","@id":"https:\/\/documents-mx-dev.opdevhm.com\/#\/schema\/person\/d7b535952b8c14f24fc68668763b9539"},"headline":"Bot\u00f3n de pago","datePublished":"2024-03-07T01:03:11+00:00","dateModified":"2024-04-10T15:13:40+00:00","mainEntityOfPage":{"@id":"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html"},"wordCount":429,"publisher":{"@id":"https:\/\/documents-mx-dev.opdevhm.com\/#organization"},"image":{"@id":"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#primaryimage"},"thumbnailUrl":"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg","articleSection":["Documentaci\u00f3n"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html","url":"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html","name":"Bot\u00f3n de pago | Openpay","isPartOf":{"@id":"https:\/\/documents-mx-dev.opdevhm.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#primaryimage"},"image":{"@id":"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#primaryimage"},"thumbnailUrl":"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg","datePublished":"2024-03-07T01:03:11+00:00","dateModified":"2024-04-10T15:13:40+00:00","breadcrumb":{"@id":"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#primaryimage","url":"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg","contentUrl":"https:\/\/documents.openpay.mx\/wp-content\/uploads\/2024\/03\/datos-para-api.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/documents-mx-dev.opdevhm.com\/docs\/boton-de-pago.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/documents-mx-dev.opdevhm.com\/"},{"@type":"ListItem","position":2,"name":"Bot\u00f3n de pago"}]},{"@type":"WebSite","@id":"https:\/\/documents-mx-dev.opdevhm.com\/#website","url":"https:\/\/documents-mx-dev.opdevhm.com\/","name":"Openpay","description":"Openpay a BBVA Company","publisher":{"@id":"https:\/\/documents-mx-dev.opdevhm.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/documents-mx-dev.opdevhm.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/documents-mx-dev.opdevhm.com\/#organization","name":"Openpay Soporte","url":"https:\/\/documents-mx-dev.opdevhm.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/documents-mx-dev.opdevhm.com\/#\/schema\/logo\/image\/","url":"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2020\/05\/logo.png","contentUrl":"https:\/\/documents-mx-dev.opdevhm.com\/wp-content\/uploads\/2020\/05\/logo.png","width":290,"height":90,"caption":"Openpay Soporte"},"image":{"@id":"https:\/\/documents-mx-dev.opdevhm.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/documents-mx-dev.opdevhm.com\/#\/schema\/person\/d7b535952b8c14f24fc68668763b9539","name":"Hugo Fortis","url":"https:\/\/documents-mx-dev.opdevhm.com\/en\/docs\/author\/hugo-fortis"}]}},"_links":{"self":[{"href":"https:\/\/documents-mx-dev.opdevhm.com\/en\/wp-json\/wp\/v2\/posts\/7210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documents-mx-dev.opdevhm.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documents-mx-dev.opdevhm.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documents-mx-dev.opdevhm.com\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/documents-mx-dev.opdevhm.com\/en\/wp-json\/wp\/v2\/comments?post=7210"}],"version-history":[{"count":0,"href":"https:\/\/documents-mx-dev.opdevhm.com\/en\/wp-json\/wp\/v2\/posts\/7210\/revisions"}],"wp:attachment":[{"href":"https:\/\/documents-mx-dev.opdevhm.com\/en\/wp-json\/wp\/v2\/media?parent=7210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documents-mx-dev.opdevhm.com\/en\/wp-json\/wp\/v2\/categories?post=7210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documents-mx-dev.opdevhm.com\/en\/wp-json\/wp\/v2\/tags?post=7210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}