{"id":194,"date":"2026-03-26T01:12:45","date_gmt":"2026-03-26T01:12:45","guid":{"rendered":"https:\/\/plennox.com\/?page_id=194"},"modified":"2026-03-26T03:47:59","modified_gmt":"2026-03-26T03:47:59","slug":"contactanos","status":"publish","type":"page","link":"https:\/\/plennox.com\/inicio\/contactanos\/","title":{"rendered":"Cont\u00e1ctanos"},"content":{"rendered":"\n<style>\nbody { font-family: 'Segoe UI', sans-serif; background: #f5f7fa; }\n.wizard-container { max-width: 650px; margin: 50px auto; text-align: center; background: #fff; padding: 40px 30px; border-radius: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); }\n.step { display: none; }\n.step.active { display: block; }\nh2 { margin-bottom: 25px; color: #333; font-weight: 600; font-size: 1.6em; }\n.option-btn { display: flex; align-items: center; justify-content: flex-start; gap: 15px; width: 100%; padding: 16px; margin: 12px 0; border-radius: 12px; border: 1px solid #ccc; cursor: pointer; transition: 0.3s; background: #f9f9f9; font-weight: 500; }\n.option-btn:hover { background: #007BFF; color: white; }\n.option-btn i { font-size: 1.2em; }\ninput, textarea { width: 100%; padding: 16px; margin: 12px 0; border-radius: 10px; border: 1px solid #ccc; font-size: 15px; }\nbutton { padding: 16px 20px; background: #007BFF; color: white; border: none; border-radius: 10px; cursor: pointer; font-size: 16px; font-weight: 500; transition: 0.3s; }\nbutton:hover { background: #0056b3; }\n.progress { height: 8px; background: #eee; margin-bottom: 25px; border-radius: 10px; }\n.progress-bar { height: 8px; width: 25%; background: #007BFF; border-radius: 10px; transition: 0.3s; }\n@media(max-width: 640px){ .wizard-container { margin: 30px 20px; padding: 30px 20px; } .option-btn, input, button { font-size: 14px; padding: 14px; } }\n<\/style>\n\n<div class=\"wizard-container\">\n  <div class=\"progress\"><div class=\"progress-bar\" id=\"progress\"><\/div><\/div>\n\n  <!-- Paso 1 -->\n  <div class=\"step active\">\n    <h2>\u00bfQu\u00e9 necesitas?<\/h2>\n    <div class=\"option-btn\" onclick=\"nextStep('App m\u00f3vil')\"><i>\ud83d\udcf1<\/i>App m\u00f3vil<\/div>\n    <div class=\"option-btn\" onclick=\"nextStep('P\u00e1gina web')\"><i>\ud83d\udcbb<\/i>P\u00e1gina web<\/div>\n    <div class=\"option-btn\" onclick=\"nextStep('Sistema web')\"><i>\ud83d\udda5\ufe0f<\/i>Sistema web<\/div>\n  <\/div>\n\n  <!-- Paso 2 -->\n  <div class=\"step\">\n    <h2>\u00bfCu\u00e1l es tu presupuesto?<\/h2>\n    <div class=\"option-btn\" onclick=\"nextStep('$500 - $1000')\">$500 &#8211; $1000<\/div>\n    <div class=\"option-btn\" onclick=\"nextStep('$1000 - $3000')\">$1000 &#8211; $3000<\/div>\n    <div class=\"option-btn\" onclick=\"nextStep('$3000+')\">$3000+<\/div>\n  <\/div>\n\n  <!-- Paso 3 -->\n  <div class=\"step\">\n    <h2>\u00bfCu\u00e1ndo lo necesitas?<\/h2>\n    <div class=\"option-btn\" onclick=\"nextStep('Lo antes posible')\">Lo antes posible<\/div>\n    <div class=\"option-btn\" onclick=\"nextStep('1-3 meses')\">1-3 meses<\/div>\n    <div class=\"option-btn\" onclick=\"nextStep('Solo cotizando')\">Solo cotizando<\/div>\n  <\/div>\n\n  <!-- Paso 4 -->\n  <div class=\"step\">\n    <h2>D\u00e9janos tus datos<\/h2>\n    <input type=\"text\" placeholder=\"Nombre\" id=\"nombre\" required>\n    <input type=\"email\" placeholder=\"Correo\" id=\"correo\" required>\n    <input type=\"tel\" placeholder=\"Tel\u00e9fono (opcional)\" id=\"telefono\">\n    <textarea placeholder=\"Mensaje (opcional)\" id=\"mensaje\" rows=\"4\"><\/textarea>\n    <button onclick=\"sendForm()\">Enviar<\/button>\n  <\/div>\n<\/div>\n\n<script>\nlet step = 0;\nconst steps = document.querySelectorAll(\".step\");\nconst progress = document.getElementById(\"progress\");\nlet formData = {};\n\nfunction nextStep(answer) {\n  if(answer){\n    if(step===0) formData.servicio=answer;\n    if(step===1) formData.presupuesto=answer;\n    if(step===2) formData.tiempo=answer;\n  }\n  steps[step].classList.remove(\"active\");\n  step++;\n  steps[step].classList.add(\"active\");\n  progress.style.width=((step+1)*25)+\"%\";\n}\n\nfunction sendForm(){\n  formData.nombre = document.getElementById(\"nombre\").value;\n  formData.correo = document.getElementById(\"correo\").value;\n  formData.telefono = document.getElementById(\"telefono\").value;\n  formData.mensaje = document.getElementById(\"mensaje\").value;\n\n  if(!formData.nombre || !formData.correo){\n    alert(\"Por favor completa tu nombre y correo.\");\n    return;\n  }\n\n  \/\/ URL completa de admin-ajax.php de tu sitio\n  fetch(\"https:\/\/plennox.com\/wp-admin\/admin-ajax.php\", {\n    method: \"POST\",\n    headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\n    body: new URLSearchParams({\n      action: 'enviar_contacto',\n      data: JSON.stringify(formData)\n    })\n  })\n  .then(res=>res.text())\n  .then(res=>{\n    alert(res);\n    step=0;\n    steps.forEach(s=>s.classList.remove(\"active\"));\n    steps[0].classList.add(\"active\");\n    progress.style.width=\"25%\";\n    document.getElementById(\"nombre\").value=\"\";\n    document.getElementById(\"correo\").value=\"\";\n    document.getElementById(\"telefono\").value=\"\";\n    document.getElementById(\"mensaje\").value=\"\";\n    formData={};\n  })\n  .catch(err=>{console.error(err); alert(\"Error al enviar.\");});\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 necesitas? \ud83d\udcf1App m\u00f3vil \ud83d\udcbbP\u00e1gina web \ud83d\udda5\ufe0fSistema web \u00bfCu\u00e1l es tu presupuesto? $500 &#8211; $1000 $1000 &#8211; $3000 $3000+ \u00bfCu\u00e1ndo lo necesitas? Lo antes posible 1-3 meses Solo cotizando D\u00e9janos tus datos Enviar<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-194","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/plennox.com\/inicio\/wp-json\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plennox.com\/inicio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plennox.com\/inicio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plennox.com\/inicio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plennox.com\/inicio\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":9,"href":"https:\/\/plennox.com\/inicio\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/plennox.com\/inicio\/wp-json\/wp\/v2\/pages\/194\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/plennox.com\/inicio\/wp-json\/wp\/v2\/media?parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}