{"id":28081,"date":"2025-04-06T22:52:00","date_gmt":"2025-04-07T02:52:00","guid":{"rendered":"https:\/\/cafecitoconcata.com\/?page_id=28081"},"modified":"2025-04-06T22:58:50","modified_gmt":"2025-04-07T02:58:50","slug":"demo-a","status":"publish","type":"page","link":"https:\/\/cafecitoconcata.com\/en\/demo-a\/","title":{"rendered":"demo &#8211; a"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"28081\" class=\"elementor elementor-28081\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7942155 e-flex e-con-boxed e-con e-parent\" data-id=\"7942155\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-355028d elementor-widget elementor-widget-html\" data-id=\"355028d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Pop-up Formulario<\/title>\n    <style>\n        \/* Bot\u00f3n para abrir el pop-up *\/\n        #startButton {\n            background-color: #FFC300; \/* Amarillo vibrante *\/\n            color: #0072CE; \/* Azul vibrante *\/\n            font-size: 20px;\n            padding: 15px 30px;\n            border: none;\n            border-radius: 25px;\n            cursor: pointer;\n            font-weight: bold;\n            text-transform: uppercase;\n            transition: background-color 0.3s ease;\n        }\n\n        #startButton:hover {\n            background-color: #FFD635; \/* Cambio al pasar el mouse *\/\n        }\n\n        \/* Pop-up *\/\n        .popup {\n            display: none;\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 80%;\n            max-width: 600px;\n            height: 80%;\n            background-color: white;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            z-index: 1000;\n            overflow: hidden;\n            border-radius: 10px;\n        }\n\n        \/* Contenido del iframe dentro del pop-up *\/\n        .popup iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n\n        \/* Fondo oscuro detr\u00e1s del pop-up *\/\n        .overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.7);\n            z-index: 999;\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Bot\u00f3n para abrir el pop-up -->\n    <button id=\"startButton\">Diligencia el formulario<\/button>\n\n    <!-- Fondo oscuro -->\n    <div class=\"overlay\" id=\"overlay\"><\/div>\n\n    <!-- Pop-up -->\n    <div class=\"popup\" id=\"popup\">\n        <iframe id=\"formIframe\" src=\"https:\/\/apps.clientify.net\/forms\/simpleembed\/#\/forms\/embedform\/225450\/22612\"><\/iframe>\n    <\/div>\n\n    <script>\n        \/\/ Obtener elementos del DOM\n        const startButton = document.getElementById('startButton');\n        const popup = document.getElementById('popup');\n        const overlay = document.getElementById('overlay');\n        const formIframe = document.getElementById('formIframe');\n\n        \/\/ Mostrar el pop-up al hacer clic en el bot\u00f3n\n        startButton.addEventListener('click', () => {\n            popup.style.display = 'block';\n            overlay.style.display = 'block';\n        });\n\n        \/\/ Detectar cambios en el iframe (redirecci\u00f3n a la p\u00e1gina de gracias)\n        formIframe.onload = function () {\n            try {\n                const iframeUrl = formIframe.contentWindow.location.href;\n\n                \/\/ Verificar si la URL contiene la palabra \"gracias\"\n                if (iframeUrl.includes(\"gracias\")) {\n                    \/\/ Cerrar el pop-up\n                    popup.style.display = 'none';\n                    overlay.style.display = 'none';\n\n                    \/\/ Redirigir a la p\u00e1gina de gracias externa\n                    window.location.href = \"https:\/\/cafecitoconcata.com\/gracias-emprenderymigrar\/\";\n                }\n            } catch (e) {\n                \/\/ Capturar errores CORS si no se puede acceder a la URL del iframe\n                console.log(\"No se puede acceder a la URL del iframe debido a restricciones CORS.\");\n            }\n        };\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Pop-up Formulario Diligencia el formulario<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"wf_page_folders":[],"class_list":["post-28081","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cafecitoconcata.com\/en\/wp-json\/wp\/v2\/pages\/28081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cafecitoconcata.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cafecitoconcata.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cafecitoconcata.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cafecitoconcata.com\/en\/wp-json\/wp\/v2\/comments?post=28081"}],"version-history":[{"count":4,"href":"https:\/\/cafecitoconcata.com\/en\/wp-json\/wp\/v2\/pages\/28081\/revisions"}],"predecessor-version":[{"id":28085,"href":"https:\/\/cafecitoconcata.com\/en\/wp-json\/wp\/v2\/pages\/28081\/revisions\/28085"}],"wp:attachment":[{"href":"https:\/\/cafecitoconcata.com\/en\/wp-json\/wp\/v2\/media?parent=28081"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/cafecitoconcata.com\/en\/wp-json\/wp\/v2\/wf_page_folders?post=28081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}