{"id":8874,"date":"2024-08-30T13:08:51","date_gmt":"2024-08-30T19:08:51","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=8874"},"modified":"2025-10-27T16:04:23","modified_gmt":"2025-10-27T22:04:23","slug":"firma-electronica","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/firma-electronica\/","title":{"rendered":"Firma Electr\u00f3nica"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8874\" class=\"elementor elementor-8874\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e3aedf e-flex e-con-boxed e-con e-parent\" data-id=\"3e3aedf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03cd92f e-con-full e-flex e-con e-parent\" data-id=\"03cd92f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-dd1d3e3 e-flex e-con-boxed e-con e-child\" data-id=\"dd1d3e3\" 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-03ccb5e elementor-widget elementor-widget-heading\" data-id=\"03ccb5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Firma Electr\u00f3nica<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-026f616 elementor-widget elementor-widget-text-editor\" data-id=\"026f616\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Rellena con tus datos y mira en tiempo real tu firma electr\u00f3nica:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d973754 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"d973754\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"8874\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"d973754\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tNombre\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Nombre Completo\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-cargo elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-cargo\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tCargo\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[cargo]\" id=\"form-field-cargo\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Cargo\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-telefono elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-telefono\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tTel\u00e9fono\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[telefono]\" id=\"form-field-telefono\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Tel\u00e9fono\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_921676d elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_921676d]\" id=\"form-field-field_921676d\" class=\"elementor-field elementor-size-sm  elementor-acceptance-field\" required=\"required\">\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e0f6ed e-flex e-con-boxed e-con e-child\" data-id=\"5e0f6ed\" 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-22474fa elementor-widget elementor-widget-heading\" data-id=\"22474fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfC\u00f3mo implementar tu firma electr\u00f3nica?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6027d1d elementor-widget elementor-widget-video\" data-id=\"6027d1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"http:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/Tutorial-Firma-electronica.mp4\" autoplay=\"\" loop=\"\" controls=\"\" muted=\"muted\" playsinline=\"\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27cee1f e-flex e-con-boxed e-con e-parent\" data-id=\"27cee1f\" 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-be0fa46 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"be0fa46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tu firma aqu\u00ed \u21b4<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61d3bc4 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"61d3bc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Selecciona tu firma y p\u00e9gala en tu correo:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b413f44 e-con-full e-flex e-con e-child\" data-id=\"b413f44\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3083804 e-con-full e-flex e-con e-child\" data-id=\"3083804\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83be7ab elementor-widget elementor-widget-html\" data-id=\"83be7ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<html lang=\"es\">\r\n<head>\r\n    \r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Firma Electr\u00f3nica<\/title>\r\n<\/head>\r\n<body> <div style=\"width: 90%; margin: auto;\">\r\n  \r\n     <div style=\"width: 80%; margin: auto;  text-align: center;\">\r\n    <p style=\"color: #ffffff;\"> DESDE ACA<\/p>\r\n  \r\n    <table style=\"width: 100%; border-collapse: collapse; background-color: #feff00; border: none;\">\r\n        <tbody>\r\n            <tr>\r\n                <td style=\"width: 7%; border: none;\"><\/td>\r\n                <td style=\"width: 46.5706%; padding: 10px; border: none;\">\r\n                    <p id=\"nombre-apellido\" style=\"text-align: left; color: #000000; font-family: 'Bebas Neue', sans-serif;\">\r\n    <strong style=\"font-size: 30px; font-family: 'Bebas Neue', sans-serif;\">[field id=\"name\"]<\/strong><br \/>\r\n    <em id=\"cargo\" style=\"font-size: 20px;font-family: 'Arial', sans-serif;\">[field id=\"cargo\"]<\/em>\r\n<\/p>\r\n                    <p id=\"telefono\" style=\"text-align: left; color: #000000; font-family: 'Arial', sans-serif;\">\r\n                        Tel\u00e9fono: [field id=\"telefono\"]<p id=\"email\"  style=\"text-align: left; color: #000000; font-family: 'Arial', sans-serif;\">\r\n                        Email: [field id=\"email\"]<\/p>\r\n                    <\/p>\r\n                <\/td>\r\n                <td style=\"width: 21.0968%; text-align: center; padding: 10px; border: none;\">\r\n                    <p>\r\n                        <img decoding=\"async\" src=\"http:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista.png\" alt=\"\" width=\"100%\" height=\"auto\" style=\"display: block; margin-left: auto; margin-right: auto;\" \/>\r\n                     <br>  <a id=\"email\" href=\"mailto:[field id=\"email\"]\" style=\"display: inline-block; text-decoration: none; border: 0.5px solid #000000; border-radius: 100px; background-color: #ffffff; color: #000000; font-family: Arial, sans-serif; font-size: 12px; padding: 2% 10%; text-align: center;\">Contactar<\/a>\r\n\r\n                    <\/p>\r\n                <\/td>\r\n                <td style=\"width: 7%; border: none;\"><\/td>\r\n            <\/tr>\r\n        <\/tbody>\r\n    <\/table>\r\n    <p><\/p>\r\n  <\/div>\r\n<\/body>\r\n<\/html> \r\n <div style=\"width: 80%; margin: auto;  text-align: center;\">\r\n     <p style=\"color: #ffffff;\"> HASTA ACA<\/p>\r\n  <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81c58ef elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"81c58ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>En versi\u00f3n mobile la representaci\u00f3n en tiempo real puede alterarse, sin embargo puede ajustarse en y se aplica correctamente en &#8220;escritorio&#8221;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f0bd42 e-flex e-con-boxed e-con e-parent\" data-id=\"3f0bd42\" 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-adc8215 elementor-widget elementor-widget-html\" data-id=\"adc8215\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n    \n    document.addEventListener('DOMContentLoaded', function() {\n    function updateElementContent(elementId, fieldId, value) {\n        const element = document.getElementById(elementId);\n        if (element) {\n            \/\/ Guardar el contenido HTML original\n            if (!element.dataset.originalHtml) {\n                element.dataset.originalHtml = element.innerHTML;\n            }\n            \n            \/\/ Reemplazar el campo espec\u00edfico del formulario con el nuevo valor\n            let newHtml = element.dataset.originalHtml.replace(\n                new RegExp(`\\\\[field id=\"${fieldId}\"\\\\]`, 'g'),\n                value\n            );\n            \n            \/\/ Actualizar el contenido manteniendo la estructura HTML original\n            element.innerHTML = newHtml;\n        }\n    }\n\n    function setupFieldListener(inputId, displayId) {\n        const inputField = document.getElementById(inputId);\n        if (inputField) {\n            inputField.addEventListener('input', function() {\n                updateElementContent(displayId, inputId.replace('form-field-', ''), this.value);\n            });\n        }\n    }\n\n    \/\/ Configurar listeners para cada campo\n    setupFieldListener('form-field-name', 'nombre-apellido');\n    setupFieldListener('form-field-apellido', 'nombre-apellido');\n    setupFieldListener('form-field-cargo', 'cargo');\n    setupFieldListener('form-field-telefono', 'telefono');\n    setupFieldListener('form-field-email', 'email');\n\n    \/\/ Actualizar el enlace de correo electr\u00f3nico\n    document.getElementById('form-field-email').addEventListener('input', function() {\n        const emailLink = document.querySelector('a[href^=\"mailto:\"]');\n        if (emailLink) {\n            emailLink.href = `mailto:${this.value}`;\n        }\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Firma Electr\u00f3nica Rellena con tus datos y mira en tiempo real tu firma electr\u00f3nica: \u00bfC\u00f3mo implementar tu firma electr\u00f3nica? http:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/Tutorial-Firma-electronica.mp4 Tu firma aqu\u00ed \u21b4 Selecciona tu firma y p\u00e9gala en tu correo: Firma Electr\u00f3nica DESDE ACA [field id=&#8221;name&#8221;] [field id=&#8221;cargo&#8221;] Tel\u00e9fono: [field id=&#8221;telefono&#8221;] Email: [field id=&#8221;email&#8221;] Contactar HASTA ACA En versi\u00f3n mobile la representaci\u00f3n en [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8874","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/8874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/comments?post=8874"}],"version-history":[{"count":0,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/8874\/revisions"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=8874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}