{"id":5213,"date":"2024-11-07T15:33:07","date_gmt":"2024-11-07T15:33:07","guid":{"rendered":"https:\/\/www.yappy.com.pa\/?page_id=5213"},"modified":"2025-06-23T14:49:36","modified_gmt":"2025-06-23T14:49:36","slug":"boton-de-pago-yappy-nueva-integracion","status":"publish","type":"page","link":"https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/","title":{"rendered":"Documentaci\u00f3n para nueva integraci\u00f3n del Bot\u00f3n de Pago Yappy"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:10%;--awb-padding-right:10%;--awb-padding-bottom:50px;--awb-padding-left:10%;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-min-height:429px;--awb-min-height-small:200px;--awb-background-image:linear-gradient(180deg, #1677d8 0%,#1eb2f5 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-align-content-center fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\" style=\"--awb-font-size:40px;--awb-text-color:#ffffff;\"><h3><span style=\"color: #ffffff;\">Desarrolladores \/ Bot\u00f3n de Pago Yappy<\/span><\/h3>\n<\/div><div class=\"fusion-text fusion-text-2\" style=\"--awb-font-size:40px;--awb-text-color:#ffffff;\"><h1><span style=\"color: #ffffff;\">Documentaci\u00f3n para nueva integraci\u00f3n del Bot\u00f3n de Pago Yappy<\/span><\/h1>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:40px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1352px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-3\"><p>A continuaci\u00f3n encontrar\u00e1s toda la informaci\u00f3n que necesitas para poder integrar el Bot\u00f3n de Pago Yappy a tu plataforma.<\/p>\n<p>Si despu\u00e9s de consultar esta gu\u00eda te queda alguna duda adicional o si requieres mayor soporte, comun\u00edcate con nosotros por correo electr\u00f3nico a <a href=\"mailto:botondepagoyappy@bgeneral.com\">botondepagoyappy@bgeneral.com.<\/a><\/p>\n<\/div><\/div><\/div><\/div><\/div><div id=\"requerimientos\" class=\"fusion-container-anchor\"><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--link_color: var(--awb-custom11);--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-right:5px;--awb-padding-left:5px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1352px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"accordian fusion-accordian\" style=\"--awb-border-size:0px;--awb-icon-size:16px;--awb-content-font-size:18px;--awb-icon-alignment:right;--awb-hover-color:var(--awb-color1);--awb-border-color:var(--awb-color1);--awb-background-color:var(--awb-color1);--awb-divider-color:#e2e2e2;--awb-divider-hover-color:#e2e2e2;--awb-icon-color:Primary\/Light\/Royal;--awb-title-color:#444c5e;--awb-content-color:#444c5e;--awb-icon-box-color:#1677d8;--awb-toggle-hover-accent-color:var(--awb-color7);--awb-toggle-active-accent-color:var(--awb-color7);--awb-title-font-family:&quot;Nunito&quot;;--awb-title-font-weight:800;--awb-title-font-style:normal;--awb-title-font-size:24px;--awb-title-line-height:1.2;--awb-content-font-family:&quot;Nunito Sans&quot;;--awb-content-font-style:normal;--awb-content-font-weight:regular;\"><div class=\"panel-group fusion-toggle-icon-right fusion-toggle-icon-unboxed\" id=\"accordion-5213-1\"><div class=\"fusion-panel panel-default DocBotonPagoYappy panel-681bf329db856b102 fusion-toggle-no-divider fusion-toggle-boxed-mode\" style=\"--awb-title-color:#1677d8;--awb-content-color:#444c5e;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_681bf329db856b102\"><a aria-expanded=\"false\" aria-controls=\"681bf329db856b102\" role=\"button\" data-toggle=\"collapse\" data-target=\"#681bf329db856b102\" href=\"#681bf329db856b102\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon fa-angle-down fas\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Generaci\u00f3n de credenciales<\/span><\/a><\/h4><\/div><div id=\"681bf329db856b102\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_681bf329db856b102\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div>\n<h3>Video tutorial<\/h3>\n<p>Para configurar el Bot\u00f3n de Pago Yappy, lo primero que necesitas son las credenciales. Este video te explica c\u00f3mo hacerlo.<\/p>\n<div class=\"fusion-video fusion-youtube\" style=\"--awb-max-width:600px;--awb-max-height:360px;\"><div class=\"video-shortcode\"><div class=\"fluid-width-video-wrapper\" style=\"padding-top:60%;\" ><iframe title=\"YouTube video player 1\" src=\"https:\/\/www.youtube.com\/embed\/7RX8Cf1iQok?wmode=transparent&autoplay=0&amp;rel=0\" width=\"600\" height=\"360\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;\"><\/iframe><\/div><\/div><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div>\n<h3>Paso a paso para generar tus credenciales<\/h3>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div>\nPaso 1: Entra a la web de Yappy Comercial con un usuario administrador.<\/p>\n<p>Paso 2: Dir\u00edgete a la secci\u00f3n de <strong>\u00ab<\/strong><strong>M\u00e9todos de cobro<\/strong><strong>\u00bb<\/strong> en la opci\u00f3n de <strong>\u00ab<\/strong><strong>Bot\u00f3n de Pago Yappy<\/strong><strong>\u00bb.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-5221\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/Generacion%20credenciales%20(1).png\" alt=\"\" width=\"746\" height=\"422\" \/><\/p>\n<p>Paso 3: Selecciona una plataforma \u00fanicamente de desarrollo propio (PHP, Node.JS, .Net).<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-5777 size-full\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2025\/06\/Ajustes boton pago yappy (3).png\" alt=\"\" width=\"746\" height=\"422\" srcset=\"\/wp-content\/uploads\/2025\/06\/Ajustes%20boton%20pago%20yappy%20(3)-200x113.png 200w, \/wp-content\/uploads\/2025\/06\/Ajustes%20boton%20pago%20yappy%20(3)-300x170.png 300w, \/wp-content\/uploads\/2025\/06\/Ajustes%20boton%20pago%20yappy%20(3)-400x226.png 400w, \/wp-content\/uploads\/2025\/06\/Ajustes%20boton%20pago%20yappy%20(3)-600x339.png 600w, \/wp-content\/uploads\/2025\/06\/Ajustes%20boton%20pago%20yappy%20(3).png 746w\" sizes=\"(max-width: 746px) 100vw, 746px\" \/><\/p>\n<p>Paso 4: Llena los datos del sitio web donde quieres integrar el Bot\u00f3n de Pago Yappy y haz clic en <strong>Activar<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-5776 size-full\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2025\/06\/Ajustes boton pago yappy (2).png\" alt=\"\" width=\"746\" height=\"422\" srcset=\"\/wp-content\/uploads\/2025\/06\/Ajustes%20boton%20pago%20yappy%20(2)-200x113.png 200w, \/wp-content\/uploads\/2025\/06\/Ajustes%20boton%20pago%20yappy%20(2)-300x170.png 300w, \/wp-content\/uploads\/2025\/06\/Ajustes%20boton%20pago%20yappy%20(2)-400x226.png 400w, \/wp-content\/uploads\/2025\/06\/Ajustes%20boton%20pago%20yappy%20(2)-600x339.png 600w, \/wp-content\/uploads\/2025\/06\/Ajustes%20boton%20pago%20yappy%20(2).png 746w\" sizes=\"(max-width: 746px) 100vw, 746px\" \/><\/p>\n<p>Una vez que hayas activado tu Bot\u00f3n de Pago Yappy, podr\u00e1s ver en la secci\u00f3n de tu bot\u00f3n el estado de \u201cPendiente\u201d, lo que significa que debes generar tu clave secreta para continuar con la integraci\u00f3n.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-5224\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/Generacion%20credenciales%20(4).png\" alt=\"\" width=\"746\" height=\"422\" \/><\/p>\n<p>Paso 5: Para generar la clave secreta, haz clic al bot\u00f3n de <strong>Generar clave secreta<\/strong>. A continuaci\u00f3n, se desplegar\u00e1 este mensaje de <strong>Atenci\u00f3n<\/strong> para comunicarte que si en un futuro vuelves a generar las credenciales, se perder\u00e1 la conexi\u00f3n entre Yappy y tu sitio web. Si esto sucede, deber\u00e1s ingresar nuevas credenciales para restaurar la conexi\u00f3n.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-5225\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/Generacion%20credenciales%20(5).png\" alt=\"\" width=\"746\" height=\"422\" \/><\/p>\n<p>Paso 6: Una vez leas el mensaje haz clic en el bot\u00f3n <strong>Generar<\/strong> para conseguir tus credenciales. Te compartiremos dos credenciales necesarias para configurar la conexi\u00f3n:<\/p>\n<ul>\n<li><strong>ID de comercio<\/strong><\/li>\n<li><strong>Clave Secreta<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-5226\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/Generacion%20credenciales%20(6).png\" alt=\"\" width=\"746\" height=\"422\" \/><\/p>\n<p>Paso 7:\u00a0 Copia tus credenciales para integrar el Bot\u00f3n de Pago Yappy en tu sitio web \u00a0y luego haz clic en el bot\u00f3n <strong>Listo<\/strong>.<\/p>\n<p>Al regresar al men\u00fa del Bot\u00f3n de Pago Yappy, en la informaci\u00f3n general podr\u00e1s ver:<\/p>\n<ul>\n<li><strong>URL del sitio creado<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-5227\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/Generacion%20credenciales%20(7).png\" alt=\"\" width=\"746\" height=\"422\" \/><br \/>\n<\/strong><\/li>\n<li><strong>ID del comercio:<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-5210\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/generacion%20de%20credenciales%20(8).png\" alt=\"\" width=\"746\" height=\"422\" \/><br \/>\n<\/strong><\/li>\n<\/ul>\n<div class=\"fusion-alert alert custom alert-custom fusion-alert-left awb-alert-native-link-color\" style=\"--awb-background-color:#f4faff;--awb-accent-color:#1677d8;--awb-border-size:1px;--awb-border-top-left-radius:8px;--awb-border-top-right-radius:8px;--awb-border-bottom-left-radius:8px;--awb-border-bottom-right-radius:8px;\" role=\"alert\"><div class=\"fusion-alert-content-wrapper\"><span class=\"alert-icon\"><i class=\"fa-info-circle fas\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-alert-content\"><p><strong>Observaciones:<\/strong><\/p>\n<p>1. Estos valores son requeridos; sin ellos, el bot\u00f3n de pago no funcionar\u00e1 correctamente. Si vuelves a generar las credenciales del bot\u00f3n de pago deber\u00e1s copiar los nuevos valores y pegarlos manualmente en la configuraci\u00f3n del bot\u00f3n, ya que no se actualizan de manera as\u00edncrona. Lo que actualices en la web de Yappy Comercial no sobrescribir\u00e1 autom\u00e1ticamente la configuraci\u00f3n del bot\u00f3n de pago.<\/p>\n<p>2. Esta implementaci\u00f3n cuenta con dos partes:<\/p>\n<p>1. Un archivo .js que ser\u00e1 la parte visual del frontend, la cual manejar\u00e1 los eventos necesarios para poder ejecutar las acciones de una transacci\u00f3n.<br \/>\n2. Tambi\u00e9n cuenta con dos API\u2019s necesarias para el manejo de las validaciones de su comercio y ejecuci\u00f3n de su transacci\u00f3n.<\/p>\n<p><strong>Importante: se deben hacer los llamados de estas API\u2019s dentro de su backend.<\/strong><\/p><\/span><\/div><\/div>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default DocBotonPagoYappy panel-0e55e07aefa2429aa fusion-toggle-no-divider fusion-toggle-boxed-mode\" style=\"--awb-title-color:#1677d8;--awb-content-color:#444c5e;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_0e55e07aefa2429aa\"><a aria-expanded=\"false\" aria-controls=\"0e55e07aefa2429aa\" role=\"button\" data-toggle=\"collapse\" data-target=\"#0e55e07aefa2429aa\" href=\"#0e55e07aefa2429aa\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon fa-angle-down fas\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Implementaci\u00f3n de Bot\u00f3n de Pago Yappy V2<\/span><\/a><\/h4><\/div><div id=\"0e55e07aefa2429aa\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_0e55e07aefa2429aa\"><div class=\"panel-body toggle-content fusion-clearfix\">El Bot\u00f3n de Pago Yappy requiere de dos llamados HTTP de tipo POST:<\/p>\n<ol>\n<li>El primero es en donde se env\u00edan los datos del bot\u00f3n para obtener la autorizaci\u00f3n.<\/li>\n<li>El segundo es en donde se env\u00edan los datos para la creaci\u00f3n de la orden.<\/li>\n<\/ol>\n<p><strong>Paso 1: Validar bot\u00f3n de pago de comercio<\/strong><\/p>\n<p><strong>1.1\u00a0\u00a0 Descripci\u00f3n:<\/strong><\/p>\n<p>Endpoint necesario para obtener el token de autenticaci\u00f3n, necesario para validar el comercio.<\/p>\n<p><strong>1.2\u00a0\u00a0 Definici\u00f3n:<\/strong><\/p>\n<table width=\"775\">\n<tbody>\n<tr>\n<td width=\"297\"><strong>URL<\/strong><\/td>\n<td width=\"303\"><strong>Descripci\u00f3n<\/strong><\/td>\n<td width=\"175\"><strong>Ambiente<\/strong><\/td>\n<\/tr>\n<tr>\n<td colspan=\"3\" width=\"775\">Produccion<\/td>\n<\/tr>\n<tr>\n<td width=\"297\"><a href=\"https:\/\/apipagosbg.bgeneral.cloud\">https:\/\/apipagosbg.bgeneral.cloud<\/a><\/td>\n<td width=\"303\">Url para los apis de boton de pago<\/td>\n<td width=\"175\">Produccion<\/td>\n<\/tr>\n<tr>\n<td width=\"297\"><a href=\"https:\/\/bt-cdn.yappy.cloud\/v1\/cdn\/web-component-btn-yappy.js\">https:\/\/bt-cdn.yappy.cloud\/v1\/cdn\/web-component-btn-yappy.js<\/a><\/td>\n<td width=\"303\">CDN para el boton de pago<\/td>\n<td width=\"175\">Produccion<\/td>\n<\/tr>\n<tr>\n<td colspan=\"3\" width=\"775\">Pruebas<\/td>\n<\/tr>\n<tr>\n<td width=\"297\"><a href=\"https:\/\/api-comecom-uat.yappycloud.com\/\">https:\/\/api-comecom-uat.yappycloud.com<\/a><\/td>\n<td width=\"303\">Url para los apis de boton de pago<\/td>\n<td width=\"175\">Pruebas<\/td>\n<\/tr>\n<tr>\n<td width=\"297\"><a href=\"https:\/\/bt-cdn-uat.yappycloud.com\/v1\/cdn\/web-component-btn-yappy.js\">https:\/\/bt-cdn-uat.yappycloud.com\/v1\/cdn\/web-component-btn-yappy.js<\/a><\/td>\n<td width=\"303\">CDN para el boton de pago<\/td>\n<td width=\"175\">Pruebas<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p>M\u00e9todo: <strong>POST<\/strong><\/p>\n<p>payments\/validate\/merchant<\/p>\n<p><strong>1.3\u00a0\u00a0 Argumentos:<\/strong><\/p>\n<p>*Header*<\/p>\n<table>\n<tbody>\n<tr>\n<td>Content-Type<\/td>\n<td>application\/json<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p>*Contenido*<\/p>\n<table>\n<tbody>\n<tr>\n<td>merchantId<\/td>\n<td>Id de comercio obtenido en web de Yappy Comercial.<\/td>\n<\/tr>\n<tr>\n<td>urlDomain<\/td>\n<td>URL de dominio configurada en la creaci\u00f3n del bot\u00f3n en la web de Yappy Comercial.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><strong>1.4\u00a0 Respuesta:<\/strong><\/p>\n<p>Dentro del objeto body esta lo siguiente:<\/p>\n<table>\n<tbody>\n<tr>\n<td colspan=\"4\" width=\"589\">Response<\/td>\n<\/tr>\n<tr>\n<td width=\"157\">status<\/td>\n<td width=\"145\">Objeto padre que contiene la informaci\u00f3n del status<\/td>\n<td rowspan=\"6\" width=\"144\">N\/A<\/td>\n<td width=\"143\">Objeto<\/td>\n<\/tr>\n<tr>\n<td width=\"157\">status.code<\/td>\n<td width=\"145\">C\u00f3digo de respuesta asociado a la operaci\u00f3n<\/td>\n<td width=\"143\"><\/td>\n<\/tr>\n<tr>\n<td width=\"157\">status.description<\/td>\n<td width=\"145\">Descripci\u00f3n de la respuesta asociada a la operaci\u00f3n<\/td>\n<td width=\"143\"><\/td>\n<\/tr>\n<tr>\n<td width=\"157\">body<\/td>\n<td width=\"145\">Objeto padre que contiene la informaci\u00f3n de la respuesta<\/td>\n<td width=\"143\">Objeto<\/td>\n<\/tr>\n<tr>\n<td width=\"157\">body.epochTime<\/td>\n<td width=\"145\">Fecha en la que se inicia el proceso de Boton de pago<\/td>\n<td width=\"143\">Fecha en formato epoch<\/td>\n<\/tr>\n<tr>\n<td width=\"157\">body.token<\/td>\n<td width=\"145\">Token de sesi\u00f3n<\/td>\n<td width=\"143\">Token de sesi\u00f3n generado en la operaci\u00f3n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><strong>Paso 2: Creaci\u00f3n de orden<\/strong><\/p>\n<p><strong>2.1\u00a0\u00a0 Descripci\u00f3n:<\/strong><\/p>\n<p>Endpoint necesario para crear una orden.<\/p>\n<p><strong>2.2\u00a0\u00a0 Definici\u00f3n:<\/strong><\/p>\n<p>M\u00e9todo:<strong> POST<\/strong><\/p>\n<p>\/payments\/payment-wc<\/p>\n<p><strong>2.3\u00a0\u00a0 Argumentos:<\/strong><\/p>\n<p>*Header*<\/p>\n<table>\n<tbody>\n<tr>\n<td>Authorization<\/td>\n<td>Token obtenido de la respuesta del primer endpoint de validar bot\u00f3n de comercio.<\/td>\n<\/tr>\n<tr>\n<td>Content-Type<\/td>\n<td>application\/json<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><strong>Contenido<\/strong>:<\/p>\n<table>\n<tbody>\n<tr>\n<td>merchantId<\/td>\n<td>Id de comercio obtenido en web de Yappy Comercial.<\/td>\n<\/tr>\n<tr>\n<td>orderId<\/td>\n<td>Valor referente al id de la orden que se desea crear.<\/p>\n<p>Tipo: string(alfanum\u00e9rico)<\/p>\n<p>Min: 1, Max: 15 caracteres<\/td>\n<\/tr>\n<tr>\n<td>domain<\/td>\n<td>URL de dominio configurado en la creaci\u00f3n del bot\u00f3n en la web de Yappy Comercial.<\/td>\n<\/tr>\n<tr>\n<td>paymentDate<\/td>\n<td>Fecha de tipo epoch<\/td>\n<\/tr>\n<tr>\n<td>aliasYappy<\/td>\n<td>N\u00famero de tel\u00e9fono paname\u00f1o registrado en el programa de pruebas de Yappy App, sin prefijo.<\/td>\n<\/tr>\n<tr>\n<td>ipnUrl<\/td>\n<td>URL destinada a la notificaci\u00f3n instant\u00e1nea de pago.<\/td>\n<\/tr>\n<tr>\n<td>discount<\/td>\n<td>Valor referente al campo de descuento<\/p>\n<p>Formato: \u201c0.00\u201d<\/p>\n<p>Min: \u201c0.00\u201d<\/td>\n<\/tr>\n<tr>\n<td>taxes<\/td>\n<td>Valor referente al campo de impuestos<\/p>\n<p>Formato: \u201c0.00\u201d<\/p>\n<p>Min: \u201c0.00\u201d<\/td>\n<\/tr>\n<tr>\n<td>subtotal<\/td>\n<td>Valor referente al campo de subtotal<\/p>\n<p>Formato: \u201c0.00\u201d<\/p>\n<p>Min: \u201c0.00\u201d<\/td>\n<\/tr>\n<tr>\n<td>total<\/td>\n<td>Valor referente al campo de total<\/p>\n<p>Formato: \u201c0.00\u201d<\/p>\n<p>Min: \u201c0.01\u201d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><strong>2.4 \u00a0\u00a0Respuesta<\/strong><\/p>\n<p>Dentro del objeto <strong>body<\/strong> se encuentra lo siguiente:<\/p>\n<table>\n<tbody>\n<tr>\n<td colspan=\"4\" width=\"589\">Response<\/td>\n<\/tr>\n<tr>\n<td width=\"187\">status<\/td>\n<td width=\"139\">Objeto padre que contiene la informaci\u00f3n del status<\/td>\n<td rowspan=\"7\" width=\"129\">N\/A<\/td>\n<td width=\"133\">Objeto<\/td>\n<\/tr>\n<tr>\n<td width=\"187\">status.code<\/td>\n<td width=\"139\">C\u00f3digo de respuesta asociado a la operaci\u00f3n<\/td>\n<td width=\"133\"><\/td>\n<\/tr>\n<tr>\n<td width=\"187\">status.description<\/td>\n<td width=\"139\">Descripci\u00f3n de la respuesta asociada a la operaci\u00f3n<\/td>\n<td width=\"133\"><\/td>\n<\/tr>\n<tr>\n<td width=\"187\">body<\/td>\n<td width=\"139\">Objeto padre que contiene la informaci\u00f3n de la respuesta<\/td>\n<td width=\"133\">Objeto<\/td>\n<\/tr>\n<tr>\n<td width=\"187\">body.transactionId<\/td>\n<td width=\"139\">Fecha en la que se inicia el proceso de Boton de pago<\/td>\n<td width=\"133\">Fecha en formato epoch<\/td>\n<\/tr>\n<tr>\n<td width=\"187\">body.token<\/td>\n<td width=\"139\">Token de sesi\u00f3n<\/td>\n<td width=\"133\">Token de sesi\u00f3n generado en la operaci\u00f3n<\/td>\n<\/tr>\n<tr>\n<td width=\"187\">body.documentName<\/td>\n<td width=\"139\">Documento de sesi\u00f3n para validar en front<\/td>\n<td width=\"133\">Token de sesi\u00f3n generado en la operaci\u00f3n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default DocBotonPagoYappy panel-5365adbbd5392a284 fusion-toggle-no-divider fusion-toggle-boxed-mode\" style=\"--awb-title-color:#1677d8;--awb-content-color:#444c5e;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_5365adbbd5392a284\"><a aria-expanded=\"false\" aria-controls=\"5365adbbd5392a284\" role=\"button\" data-toggle=\"collapse\" data-target=\"#5365adbbd5392a284\" href=\"#5365adbbd5392a284\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon fa-angle-down fas\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Frontend<\/span><\/a><\/h4><\/div><div id=\"5365adbbd5392a284\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_5365adbbd5392a284\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p>El frontend funciona como un bot\u00f3n que se carga desde un CDN y utiliza eventos de JavaScript. Este bot\u00f3n dispara un evento personalizado llamado \u201ceventClick\u201d. Al activarse este evento, se llama un endpoint en el backend del comercio que ha integrado el Bot\u00f3n de Pago Yappy. Desde all\u00ed, se orquestan las llamadas a los endpoints de Yappy.<\/p>\n<p><strong>El bot\u00f3n se suplir\u00e1 del llamado del \u00faltimo API mencionado en la Parte 2 \u2013 Secci\u00f3n 2.2. Este API se recomienda utilizarlo como un endpoint dentro de su backend.<\/strong><\/p>\n<p>Se obtendr\u00e1 el Bot\u00f3n de Pago Yappy a trav\u00e9s de un CDN de la direcci\u00f3n: <a href=\" https:\/\/bt-cdn.yappy.cloud\/v1\/cdn\/web-component-btn-yappy.js\"> https:\/\/bt-cdn.yappy.cloud\/v1\/cdn\/web-component-btn-yappy.js<\/a><\/p>\n<p>Una vez se integre en una web, ser\u00eda de la siguiente manera:<\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-1 > .CodeMirror, .fusion-syntax-highlighter-1 > .CodeMirror .CodeMirror-gutters {background-color:var(--awb-color1);}.fusion-syntax-highlighter-1 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-1 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-1 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_1\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_1\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_1\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/html\"><script type=\"module\" src=https:\/\/bt-cdn.yappycloud.com\/v1\/cdn\/web-component-btn-yappy.js><\/script><\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p>Ejemplo de integraci\u00f3n:<\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-2 > .CodeMirror, .fusion-syntax-highlighter-2 > .CodeMirror .CodeMirror-gutters {background-color:var(--awb-color1);}.fusion-syntax-highlighter-2 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-2 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-2 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_2\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_2\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_2\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/html\"><btn-yappy theme=\"blue\"><\/btn-yappy><\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-3 > .CodeMirror, .fusion-syntax-highlighter-3 > .CodeMirror .CodeMirror-gutters {background-color:var(--awb-color1);}.fusion-syntax-highlighter-3 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-3 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-3 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_3\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_3\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_3\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/html\"><script>\u00a0\n\u00a0\u00a0\u00a0 window.addEventListener(\"load\", () => {\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 const btnyappy = document.querySelector(\"btn-yappy\");\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 btnyappy.addEventListener(\"eventSuccess\", (event) => {\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 console.log(\"Transacci\u00f3n ejecutada: \", event.detail);\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 });\u00a0\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 btnyappy.addEventListener(\"eventError\", (event) => {\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 console.log(\"Transacci\u00f3n fallida: \", event.detail);\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 });\u00a0\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 btnyappy.addEventListener('eventClick', async () => {\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 try {\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 const response = await fetch('\/api\/llamadas-api-mi-backend', {\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 method: 'POST',\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 headers: {\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 'Content-Type': 'application\/json'\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 },\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 });\u00a0\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 const result = await response.json();\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (result && result.body.token && result.body.documentName && result.body.transactionId) {\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 const params = {\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 transactionId: result.body.transactionId,\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 documentName: result.body.documentName,\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 token: result.body.token,\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 };\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 btnyappy.eventPayment(params);\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 } catch (error) {\u00a0\n\u00a0\u00a0             console.error('Error:', error);\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 });\u00a0\n\u00a0\u00a0\u00a0 });\u00a0\n<\/script>\u00a0<\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p>El Bot\u00f3n de Pago Yappy cuenta con 4 eventos de JavaScript que se pueden consultar para la operativa transaccional del mismo:<\/p>\n<table>\n<tbody>\n<tr>\n<td>eventSuccess<\/td>\n<td>Evento que dispara el bot\u00f3n a la hora de que la transacci\u00f3n se ejecuta de manera exitosa.<\/td>\n<\/tr>\n<tr>\n<td>eventError<\/td>\n<td>Evento que dispara el bot\u00f3n a la hora de que la transacci\u00f3n se ejecuta de manera fallida.<\/td>\n<\/tr>\n<tr>\n<td>eventClick<\/td>\n<td>Evento que se ejecuta cuando se le ha dado clic al bot\u00f3n. Este evento se utiliza para hacer un callback al llamado de su endpoint necesario para crear la orden.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p>Para que el Bot\u00f3n de Pago Yappy pueda recibir y ejecutar la transacci\u00f3n, se cuenta con un m\u00e9todo que va a recibir el resultado del endpoint de crear la orden de transacci\u00f3n.<\/p>\n<table>\n<tbody>\n<tr>\n<td>eventPayment<\/td>\n<td>Recibe un objeto con los campos, transactionId, token, documentName.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p>Para saber el estado de Yappy a la hora de renderizar el bot\u00f3n se cuenta con el siguiente evento:<\/p>\n<table>\n<tbody>\n<tr>\n<td>isYappyOnline<\/td>\n<td>Evento que devuelve \u201ctrue\u201d cuando el canal de Yappy est\u00e1 disponible. De lo contrario devuelve \u201cfalse\u201d. Mediante este evento se puede se\u00f1alizar al cliente el por qu\u00e9 de la inhabilitaci\u00f3n del bot\u00f3n.<\/td>\n<\/tr>\n<tr>\n<td>isButtonLoading<\/td>\n<td>Propiedad que define si el bot\u00f3n se muestra en estado de \u201ccargando\u201d. Recibe true para poner el bot\u00f3n en estado de cargando o false si se desea salir del estado de cargando.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<div class=\"fusion-alert alert custom alert-custom fusion-alert-left awb-alert-native-link-color\" style=\"--awb-background-color:#f4faff;--awb-accent-color:#1677d8;--awb-border-size:1px;--awb-border-top-left-radius:8px;--awb-border-top-right-radius:8px;--awb-border-bottom-left-radius:8px;--awb-border-bottom-right-radius:8px;\" role=\"alert\"><div class=\"fusion-alert-content-wrapper\"><span class=\"alert-icon\"><i class=\"fa-info-circle fas\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-alert-content\"><p><strong>Importante:<\/strong><\/p>\n<p>Si la transacci\u00f3n est\u00e1 en curso, y refrescas la p\u00e1gina, el contador dentro del modal con el contador de la transacci\u00f3n se cerrar\u00e1.<\/p><\/span><\/div><\/div>\n<p><strong>Cat\u00e1logo de errores:<\/strong><\/p>\n<table>\n<tbody>\n<tr>\n<td>E002<\/td>\n<td>Algo sali\u00f3 mal. Intenta nuevamente.<\/td>\n<\/tr>\n<tr>\n<td>E005<\/td>\n<td>Este n\u00famero no est\u00e1 registrado en Yappy.<\/td>\n<\/tr>\n<tr>\n<td>E006<\/td>\n<td>Algo sali\u00f3 mal. Intenta nuevamente.<\/td>\n<\/tr>\n<tr>\n<td>E007<\/td>\n<td>El pedido ya ha sido registrado.<\/td>\n<\/tr>\n<tr>\n<td>E008<\/td>\n<td>Algo sali\u00f3 mal. Intenta nuevamente.<\/td>\n<\/tr>\n<tr>\n<td>E009<\/td>\n<td>ID de la orden mayor a 15 d\u00edgitos.<\/td>\n<\/tr>\n<tr>\n<td>E010<\/td>\n<td>El valor de los montos no es el correcto.<\/td>\n<\/tr>\n<tr>\n<td>E011<\/td>\n<td>Error en los campos de URL.<\/td>\n<\/tr>\n<tr>\n<td>E012<\/td>\n<td>Algo sali\u00f3 mal. Intenta nuevamente.<\/td>\n<\/tr>\n<tr>\n<td>E100<\/td>\n<td>Bad Request.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default DocBotonPagoYappy panel-452b58b1d791902a4 fusion-toggle-no-divider fusion-toggle-boxed-mode\" style=\"--awb-title-color:#1677d8;--awb-content-color:#444c5e;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_452b58b1d791902a4\"><a aria-expanded=\"false\" aria-controls=\"452b58b1d791902a4\" role=\"button\" data-toggle=\"collapse\" data-target=\"#452b58b1d791902a4\" href=\"#452b58b1d791902a4\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon fa-angle-down fas\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Configuraci\u00f3n de IPN<\/span><\/a><\/h4><\/div><div id=\"452b58b1d791902a4\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_452b58b1d791902a4\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p>Para recibir la notificaci\u00f3n de pago instant\u00e1nea deber\u00e1s tener configurando un endpoint abierto dentro del backend de tipo GET, que ser\u00e1 el que previamente proporcionaste en el request para generar la orden.<\/p>\n<p><strong>4.1\u00a0\u00a0 Descripci\u00f3n:<\/strong><\/p>\n<p>Endpoint de tipo GET destinado a recibir la notificaci\u00f3n de pago instant\u00e1nea.<\/p>\n<p><strong>4.2\u00a0\u00a0 Definici\u00f3n:<\/strong><\/p>\n<p><a href=\"https:\/\/mi-endpoint-de-notificacion.com\">https:\/\/mi-endpoint-de-notificacion.com<\/a><\/p>\n<p><strong>4.3 \u00a0\u00a0Argumentos:<\/strong><\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"284\">orderId<\/td>\n<td width=\"312\">Id de la orden del pedido<\/td>\n<\/tr>\n<tr>\n<td width=\"284\">Hash<\/td>\n<td width=\"312\">Hash generado para validar del lado del backend<\/td>\n<\/tr>\n<tr>\n<td width=\"284\">status<\/td>\n<td width=\"312\">Estado de la orden:<\/p>\n<p>\u2013 \u00abE\u00bb para\u00a0<strong>Ejecutado<\/strong>. El cliente confirm\u00f3 el pago y se complet\u00f3 la compra.<\/p>\n<p>\u2013 \u00abR\u00bb para\u00a0<strong>Rechazado<\/strong>. Cuando el cliente no confirma el pago dentro de los cinco minutos que dura la vigencia del pedido.<\/p>\n<p>\u2013 \u00abC\u00bb para\u00a0<strong>Cancelado<\/strong>. El cliente inici\u00f3 el proceso, pero cancel\u00f3 el pedido en el app de Yappy o Banco General.<\/p>\n<p>\u2013 \u00abX\u00bb para <strong>Expirado.<\/strong> El cliente no inici\u00f3 el proceso de pago, y la solicitud del comercio ha expirado.<\/td>\n<\/tr>\n<tr>\n<td width=\"284\">domain<\/td>\n<td width=\"312\">Dominio de la tienda<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><strong>Ejemplos de configuraci\u00f3n:<\/strong><\/p>\n<p><strong>A. Node.js:\u00a0<\/strong><\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-4 > .CodeMirror, .fusion-syntax-highlighter-4 > .CodeMirror .CodeMirror-gutters {background-color:#ebeef4;}.fusion-syntax-highlighter-4 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-4 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-4 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#ebeef4;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_4\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_4\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_4\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/x-sh\">app.get('\/validate-hash', (req, res) => {\n    try {\n        const CLAVE_SECRETA = process.env.CLAVE_SECRETA;\n        const { orderId, status, hash, domain } = req.query;\n\n        const values = Buffer.from(CLAVE_SECRETA, 'base64').toString('utf-8');\n        const secrete = values.split('.');\n\n        const signature = crypto.createHmac('sha256', secrete[0])\n                                .update(orderId + status + domain)\n                                .digest('hex');\n\n        const success = hash === signature;\n\n        if (success) {\n            console.log(\"Orden v\u00e1lida. Actualizando datos...\");\n        }\n\n        res.json({ success });\n\n    } catch (error) {\n        console.error('Error:', error);\n        res.status(500).json({ success: false });\n    }\n});\n<\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><strong>B. .Net:<\/strong><\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-5 > .CodeMirror, .fusion-syntax-highlighter-5 > .CodeMirror .CodeMirror-gutters {background-color:#ebeef4;}.fusion-syntax-highlighter-5 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-5 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-5 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_5\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_5\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_5\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/x-sh\">public IActionResult Get(\n    [FromQuery] string orderId,\n    [FromQuery] string status,\n    [FromQuery] string hash,\n    [FromQuery] string domain,\n    [FromQuery] string confirmationNumber)\n{\n\n    if (VerifyParams(orderId, status, domain, hash))\n    {\n        return Ok(new { success = true, confirmation = confirmationNumber });\n    }\n    else\n    {\n        return Ok(new { success = false });\n    }\n}\n\npublic static bool VerifyParams(string orderId, string status, string domain, string hash)\n{\n    return hash\n        == CreateHash(\n            orderId + status + domain,\n            Environment.GetEnvironmentVariable(\"CLAVE_SECRETA\")\n        );\n}\n\nprivate static string CreateHash(string data, string secretKey)\n{\n    var bytes = Convert.FromBase64String(secretKey);\n    var secret = Encoding.UTF8.GetString(bytes);\n\n    string[] secrets = secret.Split('.');\n\n    var keyByte = encoding.GetBytes(secrets[0]);\n    using (var hmacsha256 = new HMACSHA256(keyByte))\n    {\n        hmacsha256.ComputeHash(encoding.GetBytes(data));\n\n        return ByteToString(hmacsha256.Hash).ToLower();\n    }\n}\n<\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><strong>C. PHP:<\/strong><\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-6 > .CodeMirror, .fusion-syntax-highlighter-6 > .CodeMirror .CodeMirror-gutters {background-color:#ebeef4;}.fusion-syntax-highlighter-6 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-6 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-6 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_6\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_6\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_6\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/x-php\"><?php\n\nfunction validateHash()\n{\n    try {\n        include 'env.php'; \/\/ IMPORTAR ARCHIVO DE ENV PARA UTILIZAR LA VARIABLE 'CLAVE_SECRETA'\n        $orderId = $_GET['orderId'];\n        $status = $_GET['status'];\n        $hash = $_GET['hash'];\n        $domain = $_GET['domain'];\n        $values = base64_decode(CLAVE_SECRETA);\n        $secrete = explode('.', $values);\n        $signature =  hash_hmac('sha256', $orderId . $status . $domain, $secrete[0]);\n        $success = strcmp($hash, $signature) === 0;\n    } catch (\\Throwable $th) {\n        $success = false;\n    }\n    return $success;\n}\n\nif (isset($_GET['orderId']) && isset($_GET['status']) && isset($_GET['domain']) && isset($_GET['hash'])) {\n    header('Content-Type: application\/json');\n    $success = validateHash();\n    if ($success) {\n        \/\/ L\u00d3GICA DE NEGOCIOS\n    }\n    echo json_encode(['succes' => $success]);\n}\n<\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<div class=\"fusion-alert alert custom alert-custom fusion-alert-left awb-alert-native-link-color\" style=\"--awb-background-color:#f4faff;--awb-accent-color:#1677d8;--awb-border-size:1px;--awb-border-top-left-radius:8px;--awb-border-top-right-radius:8px;--awb-border-bottom-left-radius:8px;--awb-border-bottom-right-radius:8px;\" role=\"alert\"><div class=\"fusion-alert-content-wrapper\"><span class=\"alert-icon\"><i class=\"fa-info-circle fas\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-alert-content\"><p><strong>Importante:<\/strong><\/p>\n<p>La clave secreta generada en la parte 1 es la necesaria en esta configuraci\u00f3n para poder hacer uso del algoritmo de decodificaci\u00f3n.<\/p><\/span><\/div><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><strong>D. Python:<\/strong><\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-7 > .CodeMirror, .fusion-syntax-highlighter-7 > .CodeMirror .CodeMirror-gutters {background-color:#ebeef4;}.fusion-syntax-highlighter-7 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-7 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-7 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_7\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_7\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_7\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/x-sh\">from flask import Flask, request, jsonify\nimport base64\nimport hmac\nimport hashlib\n\napp = Flask(__name__)\n\nSECRET_KEY = 'YOUR_SECRET_KEY_BASE64_ENCODED' \n\ndef validate_hash(orderId, status, domain, hash_from_request):\n    try:\n        secret = base64.b64decode(SECRET_KEY).decode('utf-8')\n        \n        secrete = secret.split('.')[0]\n\n        signature = hmac.new(secrete.encode(), f\"{orderId}{status}{domain}\".encode(), hashlib.sha256).hexdigest()\n\n        success = hmac.compare_digest(hash_from_request, signature)\n    except Exception as e:\n        print(f\"Error: {e}\")\n        success = False\n    \n    return success\n\n@app.route('\/validate-hash', methods=['GET'])\ndef validate_hash_route():\n    orderId = request.args.get('orderId')\n    status = request.args.get('status')\n    domain = request.args.get('domain')\n    hash_from_request = request.args.get('hash')\n\n    if orderId and status and domain and hash_from_request:\n        success = validate_hash(orderId, status, domain, hash_from_request)\n\n        if success:\n            # l\u00f3gica de negocio\n            pass\n\n        return jsonify({'success': success})\n    else:\n        return jsonify({'error': 'Missing required parameters'}), 400\n\nif __name__ == '__main__':\n    app.run(debug=True)<\/textarea><\/div>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default DocBotonPagoYappy panel-13c6a1893e56a51c6 fusion-toggle-no-divider fusion-toggle-boxed-mode\" style=\"--awb-title-color:#1677d8;--awb-content-color:#444c5e;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_13c6a1893e56a51c6\"><a aria-expanded=\"false\" aria-controls=\"13c6a1893e56a51c6\" role=\"button\" data-toggle=\"collapse\" data-target=\"#13c6a1893e56a51c6\" href=\"#13c6a1893e56a51c6\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon fa-angle-down fas\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Estilos del Bot\u00f3n de Pago Yappy<\/span><\/a><\/h4><\/div><div id=\"13c6a1893e56a51c6\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_13c6a1893e56a51c6\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p>El estilo del bot\u00f3n ser\u00e1 designado por el atributo \u201ctheme\u201d dentro del tag del bot\u00f3n de Yappy.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-5262\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/blue.png\" alt=\"\" width=\"207\" height=\"56\" srcset=\"\/wp-content\/uploads\/2024\/11\/blue-200x54.png 200w, \/wp-content\/uploads\/2024\/11\/blue-300x81.png 300w, \/wp-content\/uploads\/2024\/11\/blue-400x108.png 400w, \/wp-content\/uploads\/2024\/11\/blue.png 414w\" sizes=\"(max-width: 207px) 100vw, 207px\" \/><\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-8 > .CodeMirror, .fusion-syntax-highlighter-8 > .CodeMirror .CodeMirror-gutters {background-color:var(--awb-color1);}.fusion-syntax-highlighter-8 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-8 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-8 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_8\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_8\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_8\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/html\"><btn-yappy theme=\"blue\"><\/btn-yappy> theme=\u201dblue\u201d<\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-5264\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/darkblue.png\" alt=\"\" width=\"207\" height=\"56\" srcset=\"\/wp-content\/uploads\/2024\/11\/darkblue-200x54.png 200w, \/wp-content\/uploads\/2024\/11\/darkblue-300x81.png 300w, \/wp-content\/uploads\/2024\/11\/darkblue-400x108.png 400w, \/wp-content\/uploads\/2024\/11\/darkblue.png 414w\" sizes=\"(max-width: 207px) 100vw, 207px\" \/><\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-9 > .CodeMirror, .fusion-syntax-highlighter-9 > .CodeMirror .CodeMirror-gutters {background-color:var(--awb-color1);}.fusion-syntax-highlighter-9 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-9 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-9 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_9\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_9\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_9\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/html\"><btn-yappy theme=\"darkBlue\"><\/btn-yappy> theme=\u201ddarkBlue\u201d<\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-5266\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/orange.png\" alt=\"\" width=\"207\" height=\"56\" srcset=\"\/wp-content\/uploads\/2024\/11\/orange-200x54.png 200w, \/wp-content\/uploads\/2024\/11\/orange-300x81.png 300w, \/wp-content\/uploads\/2024\/11\/orange-400x108.png 400w, \/wp-content\/uploads\/2024\/11\/orange.png 414w\" sizes=\"(max-width: 207px) 100vw, 207px\" \/><\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-10 > .CodeMirror, .fusion-syntax-highlighter-10 > .CodeMirror .CodeMirror-gutters {background-color:var(--awb-color1);}.fusion-syntax-highlighter-10 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-10 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-10 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_10\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_10\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_10\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/html\"><btn-yappy theme=\"orange\"><\/btn-yappy> theme=\u201dorange\u201d<\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-5263\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/dark.png\" alt=\"\" width=\"207\" height=\"56\" srcset=\"\/wp-content\/uploads\/2024\/11\/dark-200x54.png 200w, \/wp-content\/uploads\/2024\/11\/dark-300x81.png 300w, \/wp-content\/uploads\/2024\/11\/dark-400x108.png 400w, \/wp-content\/uploads\/2024\/11\/dark.png 414w\" sizes=\"(max-width: 207px) 100vw, 207px\" \/><\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-11 > .CodeMirror, .fusion-syntax-highlighter-11 > .CodeMirror .CodeMirror-gutters {background-color:var(--awb-color1);}.fusion-syntax-highlighter-11 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-11 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-11 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_11\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_11\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_11\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/html\"><btn-yappy theme=\"dark\"><\/btn-yappy> theme=\u201ddark\u201d<\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-5267\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/sky.png\" alt=\"\" width=\"207\" height=\"56\" srcset=\"\/wp-content\/uploads\/2024\/11\/sky-200x54.png 200w, \/wp-content\/uploads\/2024\/11\/sky-300x81.png 300w, \/wp-content\/uploads\/2024\/11\/sky-400x108.png 400w, \/wp-content\/uploads\/2024\/11\/sky.png 414w\" sizes=\"(max-width: 207px) 100vw, 207px\" \/><\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-12 > .CodeMirror, .fusion-syntax-highlighter-12 > .CodeMirror .CodeMirror-gutters {background-color:var(--awb-color1);}.fusion-syntax-highlighter-12 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-12 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-12 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_12\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_12\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_12\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/html\"><btn-yappy theme=\"sky\"><\/btn-yappy> theme=\u201dsky\u201d<\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-5265\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/light.png\" alt=\"\" width=\"207\" height=\"56\" srcset=\"\/wp-content\/uploads\/2024\/11\/light-200x54.png 200w, \/wp-content\/uploads\/2024\/11\/light-300x81.png 300w, \/wp-content\/uploads\/2024\/11\/light-400x108.png 400w, \/wp-content\/uploads\/2024\/11\/light.png 414w\" sizes=\"(max-width: 207px) 100vw, 207px\" \/><\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-13 > .CodeMirror, .fusion-syntax-highlighter-13 > .CodeMirror .CodeMirror-gutters {background-color:var(--awb-color1);}.fusion-syntax-highlighter-13 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-13 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-13 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_13\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_13\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_13\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/html\"><btn-yappy theme=\"light\"><\/btn-yappy> theme=\u201dlight\u201d<\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p>Si deseas tener el bot\u00f3n con bordes redondeados, el bot\u00f3n cuenta con otro atributo <strong>\u201crounded\u201d<\/strong> que recibe un valor booleano de<strong> \u201ctrue\u201d<\/strong>.<\/p>\n<style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-14 > .CodeMirror, .fusion-syntax-highlighter-14 > .CodeMirror .CodeMirror-gutters {background-color:var(--awb-color1);}.fusion-syntax-highlighter-14 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-14 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-14 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:#e2e2e2;\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_14\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_14\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_14\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/html\"><btn-yappy rounded=\"true\" theme=\"light\"><\/btn-yappy><\/textarea><\/div>\n<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:15px;width:100%;\"><\/div>\n<p>Si despu\u00e9s de consultar esta gu\u00eda te queda alguna duda adicional o si requieres mayor soporte, comun\u00edcate con nosotros por correo electr\u00f3nico a <a href=\"mailto:botondepagoYappy@bgeneral.com\">botondepagoYappy@bgeneral.com<\/a>.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default DocBotonPagoYappy panel-0f522d900391a87ec fusion-toggle-no-divider fusion-toggle-boxed-mode\" style=\"--awb-title-color:#1677d8;--awb-content-color:#444c5e;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_0f522d900391a87ec\"><a aria-expanded=\"false\" aria-controls=\"0f522d900391a87ec\" role=\"button\" data-toggle=\"collapse\" data-target=\"#0f522d900391a87ec\" href=\"#0f522d900391a87ec\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon fa-angle-down fas\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Pre-Requistos para usuario de prueba<\/span><\/a><\/h4><\/div><div id=\"0f522d900391a87ec\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_0f522d900391a87ec\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p><strong>Pre-Requisitos<\/strong><\/p>\n<p>1. Para registrarse en el programa de pruebas de Yappy App debes realizarlo desde una\u2028cuenta de gmail.<\/p>\n<p>2. Preferiblemente que la cuenta de gmail sea el id del dispositivo Android.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-5312\" src=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/12\/Pre%20requisitos%20usuario%20de%20prueba.png\" alt=\"\" width=\"480\" height=\"189\" \/><\/p>\n<p><strong>Incluir correos al programa de pruebas<\/strong><\/p>\n<p>1. Luego de registrar los usuarios con cuentas de Gmail, Enviar a <a href=\"mailto:botondepagoYappy@bgeneral.com\">botondepagoYappy@bgeneral.com<\/a>. los siguientes datos:<br \/>\na. Nombre del comercio<br \/>\nb. Email que se utilizara para el registro en el app<br \/>\nc. N\u00famero de celular paname\u00f1o (no importa que ya cuente con Yappy activo)<br \/>\nd. Versi\u00f3n de SO Android<\/p>\n<p>2. Se les confirmar\u00e1 por correo cuando las invitaciones sean enviadas y las versiones compartidas.<\/p>\n<\/div><\/div><\/div><\/div><\/div><script type=\"text\/javascript\">\n  document.addEventListener('DOMContentLoaded', function () {\n    const toggleContents = document.querySelectorAll('.panel-body.toggle-content.fusion-clearfix');\n\n    toggleContents.forEach(function (content) {\n      content.addEventListener('click', function (e) {\n        e.stopImmediatePropagation();\n      });\n    });\n  });\n<\/script><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":1649,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"wpupg_custom_link":[],"wpupg_custom_link_behaviour":["default"],"wpupg_custom_link_nofollow":["default"],"wpupg_custom_image":[],"wpupg_custom_image_id":[],"footnotes":""},"class_list":["post-5213","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Documentaci\u00f3n para nueva integraci\u00f3n del Bot\u00f3n de Pago Yappy - Yappy<\/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:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Documentaci\u00f3n para nueva integraci\u00f3n del Bot\u00f3n de Pago Yappy\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/\" \/>\n<meta property=\"og:site_name\" content=\"Yappy\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-23T14:49:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/Generacion%20credenciales%20(1).png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/comercial\\\/desarrolladores\\\/boton-de-pago-yappy-nueva-integracion\\\/\",\"url\":\"https:\\\/\\\/www.yappy.com.pa\\\/comercial\\\/desarrolladores\\\/boton-de-pago-yappy-nueva-integracion\\\/\",\"name\":\"Documentaci\u00f3n para nueva integraci\u00f3n del Bot\u00f3n de Pago Yappy - Yappy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/comercial\\\/desarrolladores\\\/boton-de-pago-yappy-nueva-integracion\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/comercial\\\/desarrolladores\\\/boton-de-pago-yappy-nueva-integracion\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yappy.com.pa\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Generacion%20credenciales%20(1).png\",\"datePublished\":\"2024-11-07T15:33:07+00:00\",\"dateModified\":\"2025-06-23T14:49:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/comercial\\\/desarrolladores\\\/boton-de-pago-yappy-nueva-integracion\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yappy.com.pa\\\/comercial\\\/desarrolladores\\\/boton-de-pago-yappy-nueva-integracion\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/comercial\\\/desarrolladores\\\/boton-de-pago-yappy-nueva-integracion\\\/#primaryimage\",\"url\":\"\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Generacion credenciales (1).png\",\"contentUrl\":\"\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Generacion credenciales (1).png\",\"width\":746,\"height\":422},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/comercial\\\/desarrolladores\\\/boton-de-pago-yappy-nueva-integracion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/www.yappy.com.pa\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comercial\",\"item\":\"https:\\\/\\\/www.yappy.com.pa\\\/comercial\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Desarrolladores\",\"item\":\"https:\\\/\\\/www.yappy.com.pa\\\/comercial\\\/desarrolladores\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Documentaci\u00f3n para nueva integraci\u00f3n del Bot\u00f3n de Pago Yappy\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/#website\",\"url\":\"https:\\\/\\\/www.yappy.com.pa\\\/\",\"name\":\"Yappy\",\"description\":\"La manera m\u00e1s f\u00e1cil y r\u00e1pida de hacer transacciones\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yappy.com.pa\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/#organization\",\"name\":\"Yappy\",\"url\":\"https:\\\/\\\/www.yappy.com.pa\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.yappy.com.pa\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Logo Yappy preview rrss (1).png\",\"contentUrl\":\"https:\\\/\\\/www.yappy.com.pa\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Logo Yappy preview rrss (1).png\",\"width\":2400,\"height\":1254,\"caption\":\"Yappy\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yappy.com.pa\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Documentaci\u00f3n para nueva integraci\u00f3n del Bot\u00f3n de Pago Yappy - Yappy","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:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/","og_locale":"es_ES","og_type":"article","og_title":"Documentaci\u00f3n para nueva integraci\u00f3n del Bot\u00f3n de Pago Yappy","og_url":"https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/","og_site_name":"Yappy","article_modified_time":"2025-06-23T14:49:36+00:00","og_image":[{"url":"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/Generacion%20credenciales%20(1).png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/","url":"https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/","name":"Documentaci\u00f3n para nueva integraci\u00f3n del Bot\u00f3n de Pago Yappy - Yappy","isPartOf":{"@id":"https:\/\/www.yappy.com.pa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/#primaryimage"},"image":{"@id":"https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2024\/11\/Generacion%20credenciales%20(1).png","datePublished":"2024-11-07T15:33:07+00:00","dateModified":"2025-06-23T14:49:36+00:00","breadcrumb":{"@id":"https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/#primaryimage","url":"\/wp-content\/uploads\/2024\/11\/Generacion credenciales (1).png","contentUrl":"\/wp-content\/uploads\/2024\/11\/Generacion credenciales (1).png","width":746,"height":422},{"@type":"BreadcrumbList","@id":"https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/boton-de-pago-yappy-nueva-integracion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.yappy.com.pa\/"},{"@type":"ListItem","position":2,"name":"Comercial","item":"https:\/\/www.yappy.com.pa\/comercial\/"},{"@type":"ListItem","position":3,"name":"Desarrolladores","item":"https:\/\/www.yappy.com.pa\/comercial\/desarrolladores\/"},{"@type":"ListItem","position":4,"name":"Documentaci\u00f3n para nueva integraci\u00f3n del Bot\u00f3n de Pago Yappy"}]},{"@type":"WebSite","@id":"https:\/\/www.yappy.com.pa\/#website","url":"https:\/\/www.yappy.com.pa\/","name":"Yappy","description":"La manera m\u00e1s f\u00e1cil y r\u00e1pida de hacer transacciones","publisher":{"@id":"https:\/\/www.yappy.com.pa\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yappy.com.pa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.yappy.com.pa\/#organization","name":"Yappy","url":"https:\/\/www.yappy.com.pa\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.yappy.com.pa\/#\/schema\/logo\/image\/","url":"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2023\/10\/Logo Yappy preview rrss (1).png","contentUrl":"https:\/\/www.yappy.com.pa\/wp-content\/uploads\/2023\/10\/Logo Yappy preview rrss (1).png","width":2400,"height":1254,"caption":"Yappy"},"image":{"@id":"https:\/\/www.yappy.com.pa\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.yappy.com.pa\/wp-yappy-api\/wp\/v2\/pages\/5213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yappy.com.pa\/wp-yappy-api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yappy.com.pa\/wp-yappy-api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yappy.com.pa\/wp-yappy-api\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yappy.com.pa\/wp-yappy-api\/wp\/v2\/comments?post=5213"}],"version-history":[{"count":79,"href":"https:\/\/www.yappy.com.pa\/wp-yappy-api\/wp\/v2\/pages\/5213\/revisions"}],"predecessor-version":[{"id":5778,"href":"https:\/\/www.yappy.com.pa\/wp-yappy-api\/wp\/v2\/pages\/5213\/revisions\/5778"}],"up":[{"embeddable":true,"href":"https:\/\/www.yappy.com.pa\/wp-yappy-api\/wp\/v2\/pages\/1649"}],"wp:attachment":[{"href":"https:\/\/www.yappy.com.pa\/wp-yappy-api\/wp\/v2\/media?parent=5213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}