{"id":89,"date":"2021-09-21T13:20:35","date_gmt":"2021-09-21T13:20:35","guid":{"rendered":"https:\/\/docs.kineox.com\/blog\/docs\/indice\/tipos-de-integracion\/iframe\/"},"modified":"2023-10-10T13:54:35","modified_gmt":"2023-10-10T13:54:35","slug":"iframe","status":"publish","type":"docs","link":"https:\/\/docs.kineox.com\/en\/blog\/docs\/indice\/tipos-de-integracion\/iframe\/","title":{"rendered":"Iframe"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"89\" class=\"elementor elementor-89\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9fe6e7e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9fe6e7e\" 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-a1dfc3e\" data-id=\"a1dfc3e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c9bd91e elementor-widget elementor-widget-text-editor\" data-id=\"c9bd91e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>La aplicaci\u00f3n del cliente debe cargar un iframe para acceder a la pasarela de pago<\/p><p>Para ello deber\u00e1 utilizar el token recibido en la respuesta del m\u00e9todo de <a href=\"https:\/\/docs.kineox.com\/en\/blog\/docs\/indice\/metodos-disponibles\/peticion-de-token\/\">petici\u00f3n del token<\/a> y con esto se realizar una solicitud a las siguientes url&#8217;s dependiendo del entorno:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04dfdee elementor-widget elementor-widget-text-editor\" data-id=\"04dfdee\" 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><div class=\"supsystic-table-loader spinner\"style=\"background-color:#000000\"><\/div><div id=\"supsystic-table-32_15870\" class=\"supsystic-tables-wrap\" style=\" width:100%; visibility: hidden; \" data-table-width-fixed=\"100%\" data-table-width-mobile=\"100%\" ><table id=\"supsystic-table-32\" class=\"supsystic-table border lightboxImg no-border\" data-id=\"32\" data-view-id=\"32_15870\" data-title=\"url iframe\" data-currency-format=\"$1,000.00\" data-percent-format=\"10.00%\" data-date-format=\"DD.MM.YYYY\" data-time-format=\"HH:mm\" data-features=\"[&quot;ordering&quot;,&quot;after_table_loaded_script&quot;]\" data-search-value=\"\" data-lightbox-img=\"\" data-head=\"on\" data-head-rows-count=\"1\" data-pagination-length=\"50,100,All\" data-auto-index=\"off\" data-searching-settings=\"{&quot;columnSearchPosition&quot;:&quot;bottom&quot;,&quot;minChars&quot;:&quot;0&quot;}\" data-sort-column=\"1\" data-sort-order=\"asc\" data-multiple-sorting=\"[]\" data-disable-sorting=\"[]\" data-lang=\"default\" data-override=\"{&quot;emptyTable&quot;:&quot;&quot;,&quot;info&quot;:&quot;&quot;,&quot;infoEmpty&quot;:&quot;&quot;,&quot;infoFiltered&quot;:&quot;&quot;,&quot;lengthMenu&quot;:&quot;&quot;,&quot;search&quot;:&quot;&quot;,&quot;zeroRecords&quot;:&quot;&quot;,&quot;exportLabel&quot;:&quot;&quot;,&quot;file&quot;:&quot;default&quot;}\" data-merged=\"[]\" data-responsive-mode=\"0\" data-from-history=\"0\" ><thead><tr><th data-cell-id=\"A1\" data-x=\"0\" data-y=\"1\" data-db-index=\"1\" class=\"bold bg-eceff1 htCenter fsize-15\" data-cell-type=\"text\" data-original-value=\"Test Enviroment\" data-order=\"Test Enviroment\" style=\"min-width:50%; \" >Test Enviroment <\/th><th data-cell-id=\"B1\" data-x=\"1\" data-y=\"1\" data-db-index=\"1\" class=\"bold bg-eceff1 htCenter fsize-15\" data-cell-type=\"text\" data-original-value=\"Producction Enviroment\" data-order=\"Producction Enviroment\" style=\"min-width:50%; \" >Producction Enviroment <\/th><\/tr><\/thead><tbody><tr ><td data-cell-id=\"A2\" data-x=\"0\" data-y=\"2\" data-db-index=\"2\" class=\"fsize-13\" data-cell-type=\"text\" data-original-value=\"https:\/\/test.imspagofacil.es\/client2\/load\" data-order=\"https:\/\/test.imspagofacil.es\/client2\/load\" >https:\/\/test.imspagofacil.es\/client2\/load <\/td><td data-cell-id=\"B2\" data-x=\"1\" data-y=\"2\" data-db-index=\"2\" class=\"fsize-13\" data-cell-type=\"text\" data-original-value=\"https:\/\/imspagofacil.es\/client2\/load\" data-order=\"https:\/\/imspagofacil.es\/client2\/load\" >https:\/\/imspagofacil.es\/client2\/load <\/td><\/tr><\/tbody><\/table><!-- \/#supsystic-table-32.supsystic-table --><\/div><!-- \/.supsystic-tables-wrap --><!-- Tables Generator by Supsystic --><!-- Version:1.10.29 --><!-- http:\/\/supsystic.com\/ --><\/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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-27aeba9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27aeba9\" 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-42eca15\" data-id=\"42eca15\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-caf4b38 elementor-widget elementor-widget-text-editor\" data-id=\"caf4b38\" 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\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-685a26d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"685a26d\" 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-3f1e9d3\" data-id=\"3f1e9d3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2d9a0af elementor-widget elementor-widget-text-editor\" data-id=\"2d9a0af\" 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>Ejemplo de integraci\u00f3n<\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2b6d6f elementor-widget elementor-widget-text-editor\" data-id=\"e2b6d6f\" 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>Un ejemplo de una de las rutas para realizar la carga de POS en un iframe es el siguiente:<\/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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b8c7d49 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b8c7d49\" 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-c8e9b85\" data-id=\"c8e9b85\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-0b63449 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0b63449\" 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-3bc2eff\" data-id=\"3bc2eff\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-65ea36c elementor-widget elementor-widget-code-highlight\" data-id=\"65ea36c\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-dark copy-to-clipboard\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><form action=\"https:\/\/test.imspagofacil.es\/client2\/load\" name=\"pagoForm\" target=\"_top\" method=\"post\">\n<input type=\"hidden\" name=\"TOKEN\" value=\"0a7ac098-ca7c-4f98-8025-2e45c5f45f7f\"\/>\n<\/form>\n<script type=\"text\/javascript\">\nwindow.onload= function() {\ndocument.forms['pagoForm'].submit();\n};\n<\/script>\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19a7bda elementor-widget elementor-widget-spacer\" data-id=\"19a7bda\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6ebfdaa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ebfdaa\" 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-ccab2cf\" data-id=\"ccab2cf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1a3dd73 elementor-widget elementor-widget-text-editor\" data-id=\"1a3dd73\" 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<i class=\"fa-light fa-circle-info\" style=\"color: #7091f5;\"><\/i> El token deber\u00e1 ir incluido en el campo  <strong>&#8216;value&#8217;<\/strong> \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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9dc7a38 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9dc7a38\" 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-860194f\" data-id=\"860194f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>La aplicaci\u00f3n del cliente debe cargar un iframe para acceder a la pasarela de pago Para ello deber\u00e1 utilizar el token recibido en la respuesta del m\u00e9todo de petici\u00f3n del token y con esto se realizar una solicitud a las siguientes url&#8217;s dependiendo del entorno: Ejemplo de integraci\u00f3n Un ejemplo de una de las rutas [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":87,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"editor_plus_copied_stylings":"{}"},"doc_tag":[],"_links":{"self":[{"href":"https:\/\/docs.kineox.com\/en\/wp-json\/wp\/v2\/docs\/89"}],"collection":[{"href":"https:\/\/docs.kineox.com\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.kineox.com\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.kineox.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.kineox.com\/en\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":159,"href":"https:\/\/docs.kineox.com\/en\/wp-json\/wp\/v2\/docs\/89\/revisions"}],"predecessor-version":[{"id":10549,"href":"https:\/\/docs.kineox.com\/en\/wp-json\/wp\/v2\/docs\/89\/revisions\/10549"}],"up":[{"embeddable":true,"href":"https:\/\/docs.kineox.com\/en\/wp-json\/wp\/v2\/docs\/87"}],"wp:attachment":[{"href":"https:\/\/docs.kineox.com\/en\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.kineox.com\/en\/wp-json\/wp\/v2\/doc_tag?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}