{"id":132,"date":"2026-04-21T15:22:14","date_gmt":"2026-04-21T15:22:14","guid":{"rendered":"https:\/\/ecomm-agency.com\/?page_id=132"},"modified":"2026-04-21T15:25:00","modified_gmt":"2026-04-21T15:25:00","slug":"132-2","status":"publish","type":"page","link":"https:\/\/ecomm-agency.com\/es_co\/132-2\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"132\" class=\"elementor elementor-132\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b7188a1 e-flex e-con-boxed e-con e-parent\" data-id=\"6b7188a1\" 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-6e5f9502 elementor-widget elementor-widget-text-editor\" data-id=\"6e5f9502\" data-element_type=\"widget\" data-e-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\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<div class=\"elementor-element elementor-element-0a33c9f e-flex e-con-boxed e-con e-parent\" data-id=\"0a33c9f\" 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-01c6cfd elementor-widget elementor-widget-shortcode\" data-id=\"01c6cfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"ecomm-widget\"><\/div>\n\n<script>\n(function () {\n\nconst API_URL = \"https:\/\/tu-backend.com\/api\/chat\"; \/\/ \ud83d\udd25 tu servidor\n\nconst container = document.getElementById(\"ecomm-widget\");\n\ncontainer.innerHTML = `\n<style>\n#box {\n  font-family: Inter;\n  background:#050505;\n  color:white;\n  padding:20px;\n  border-radius:20px;\n}\n.neon { color:#39ff14; }\n.btn {\n  background:#39ff14;\n  color:black;\n  padding:10px;\n  border-radius:10px;\n  cursor:pointer;\n}\n.input {\n  width:100%;\n  padding:10px;\n  margin-top:5px;\n  background:black;\n  border:1px solid #333;\n  color:white;\n}\n.chat {\n  height:150px;\n  overflow:auto;\n  border:1px solid #222;\n  padding:10px;\n}\n.hidden { display:none; }\n<\/style>\n\n<div id=\"box\">\n\n<h3 class=\"neon\">ECOMM-AGENCY IA<\/h3>\n\n<div id=\"chat\" class=\"chat\"><\/div>\n\n<div style=\"display:flex\">\n  <input id=\"msg\" class=\"input\" placeholder=\"Habla con IA\">\n  <button id=\"send\" class=\"btn\">\u27a4<\/button>\n<\/div>\n\n<button id=\"start\" class=\"btn\" style=\"margin-top:10px;width:100%\">\nINICIAR\n<\/button>\n\n<div id=\"flow\" class=\"hidden\">\n\n  <input class=\"input\" placeholder=\"Nombre\">\n  <input class=\"input\" placeholder=\"Email\">\n\n  <canvas id=\"canvas\" width=\"300\" height=\"150\" style=\"background:white;margin-top:10px\"><\/canvas>\n\n  <button id=\"sign\" class=\"btn\" style=\"margin-top:10px;width:100%\">\n  FIRMAR\n  <\/button>\n\n<\/div>\n\n<\/div>\n`;\n\n\/\/ CHAT\nconst chat = document.getElementById(\"chat\");\n\ndocument.getElementById(\"send\").onclick = async () => {\n  const input = document.getElementById(\"msg\");\n  const text = input.value;\n\n  chat.innerHTML += `<div>\ud83e\uddd1 ${text}<\/div>`;\n\n  const res = await fetch(API_URL, {\n    method: \"POST\",\n    headers: {\"Content-Type\":\"application\/json\"},\n    body: JSON.stringify({ message: text })\n  });\n\n  const data = await res.json();\n\n  chat.innerHTML += `<div style=\"color:#39ff14\">\ud83e\udd16 ${data.reply}<\/div>`;\n\n  input.value = \"\";\n};\n\n\/\/ FLOW\ndocument.getElementById(\"start\").onclick = () => {\n  document.getElementById(\"flow\").classList.remove(\"hidden\");\n};\n\n\/\/ SIGNATURE\nconst canvas = document.getElementById(\"canvas\");\nconst ctx = canvas.getContext(\"2d\");\n\nlet drawing = false;\n\ncanvas.onmousedown = e => {\n  drawing = true;\n  ctx.beginPath();\n  ctx.moveTo(e.offsetX, e.offsetY);\n};\n\ncanvas.onmousemove = e => {\n  if (!drawing) return;\n  ctx.lineTo(e.offsetX, e.offsetY);\n  ctx.stroke();\n};\n\ncanvas.onmouseup = () => drawing = false;\n\ndocument.getElementById(\"sign\").onclick = () => {\n  const signature = canvas.toDataURL();\n  console.log(signature);\n  alert(\"Contrato firmado \u2705\");\n};\n\n})();\n<\/script><\/div>\n\t\t\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>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-132","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ecomm-agency.com\/es_co\/wp-json\/wp\/v2\/pages\/132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecomm-agency.com\/es_co\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecomm-agency.com\/es_co\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecomm-agency.com\/es_co\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecomm-agency.com\/es_co\/wp-json\/wp\/v2\/comments?post=132"}],"version-history":[{"count":3,"href":"https:\/\/ecomm-agency.com\/es_co\/wp-json\/wp\/v2\/pages\/132\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/ecomm-agency.com\/es_co\/wp-json\/wp\/v2\/pages\/132\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/ecomm-agency.com\/es_co\/wp-json\/wp\/v2\/media?parent=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}