{"id":212,"date":"2026-10-08T04:13:59","date_gmt":"2026-10-08T08:13:59","guid":{"rendered":"https:\/\/chatassist24.com\/?page_id=212"},"modified":"2026-10-08T05:04:18","modified_gmt":"2026-10-08T09:04:18","slug":"demo","status":"publish","type":"page","link":"https:\/\/chatassist24.com\/es\/demo\/","title":{"rendered":"Demo"},"content":{"rendered":"<style>\n[class^=\"scha-\"],[class*=\" scha-\"],[id^=\"scha-\"]{display:none!important}\n.ca24d{--g:#1faf5a;--ink:#111827;--muted:#64748b;--line:#e5e7eb;--soft:#f6f8f7;--panel:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;color:var(--ink);background:#fff}\n.ca24d *{box-sizing:border-box}.ca24d-wrap{max-width:1380px;margin:0 auto;padding:0 22px}.ca24d-hero{padding:72px 0 38px;background:radial-gradient(circle at 82% 20%,rgba(31,175,90,.14),transparent 34%),linear-gradient(180deg,#fff,#fbfdfc)}\n.ca24d-kicker{display:inline-flex;padding:8px 13px;border-radius:999px;background:#eaf9f0;color:#168c49;font-weight:800;font-size:14px}.ca24d h1{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.05em;max-width:980px;margin:18px 0}.ca24d-lead{font-size:19px;color:var(--muted);max-width:850px}\n.ca24d-note{display:flex;gap:10px;align-items:center;color:#52606d;font-size:14px;margin-top:18px}.ca24d-dot{width:8px;height:8px;border-radius:50%;background:var(--g)}\n.ca24d-app{display:grid;grid-template-columns:220px minmax(0,1fr) 360px;min-height:760px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#f8faf9;box-shadow:0 30px 80px rgba(17,24,39,.1);margin:30px 0 80px}\n.ca24d-side{background:#101112;color:#fff;padding:20px 14px}.ca24d-brand{display:flex;gap:10px;align-items:center;font-weight:900;padding:10px 10px 20px}.ca24d-brand i{width:28px;height:28px;border-radius:9px;background:var(--g);display:block}.ca24d-tabs{display:grid;gap:6px}.ca24d-tab{border:0;background:transparent;color:#cbd5e1;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer;font-weight:700}.ca24d-tab:hover,.ca24d-tab.is-active{background:#23272b;color:#fff}.ca24d-tab.is-active:before{content:\"\";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--g);margin-right:9px}\n.ca24d-main{padding:28px;overflow:auto}.ca24d-main-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.ca24d-main-head h2{margin:0;font-size:28px}.ca24d-save{border:0;background:var(--g);color:#fff;font-weight:800;padding:11px 17px;border-radius:12px;cursor:pointer}\n.ca24d-panel{display:none}.ca24d-panel.is-active{display:block}.ca24d-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:16px}.ca24d-card h3{margin:0 0 6px;font-size:18px}.ca24d-card p{margin:0 0 16px;color:var(--muted);font-size:14px}.ca24d-field{display:grid;gap:7px;margin:14px 0}.ca24d-field label{font-weight:800;font-size:13px}.ca24d-field input,.ca24d-field select,.ca24d-field textarea{width:100%;border:1px solid #dbe2e6;border-radius:11px;padding:11px 12px;background:#fff;color:#111}.ca24d-field textarea{min-height:88px;resize:vertical}.ca24d-switch{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 0;border-top:1px solid #edf0f2}.ca24d-switch:first-of-type{border-top:0}.ca24d-switch input{width:18px;height:18px}\n.ca24d-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ca24d-stat{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.ca24d-stat strong{display:block;font-size:28px}.ca24d-stat span{font-size:12px;color:var(--muted)}\n.ca24d-preview{background:#eef5f1;border-left:1px solid var(--line);padding:24px 18px;position:relative}.ca24d-preview-title{font-weight:900;margin:0 0 12px}.ca24d-phone{position:sticky;top:22px;background:#f6f8f9;border:1px solid #ccd6d1;border-radius:24px;overflow:hidden;box-shadow:0 22px 55px rgba(17,24,39,.15);transform-origin:center}.ca24d-chat-head{background:var(--g);color:#fff;padding:15px;display:flex;gap:10px;align-items:center}.ca24d-avatar{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#111;font-size:20px}.ca24d-chat-head strong{display:block}.ca24d-chat-head span{font-size:12px;opacity:.86}\n.ca24d-chat-body{padding:16px;min-height:520px;background:linear-gradient(180deg,#f7faf9,#eef6f2)}.ca24d-bubble{max-width:88%;background:#fff;border-radius:15px;padding:11px 13px;margin:9px 0;box-shadow:0 8px 20px rgba(17,24,39,.06);font-size:14px}.ca24d-bubble--user{margin-left:auto;background:var(--g);color:#fff}.ca24d-product,.ca24d-order,.ca24d-campaign,.ca24d-survey,.ca24d-extra{display:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0}.ca24d-product.is-on,.ca24d-order.is-on,.ca24d-campaign.is-on,.ca24d-survey.is-on,.ca24d-extra.is-on{display:block}.ca24d-product strong,.ca24d-order strong,.ca24d-campaign strong,.ca24d-survey strong,.ca24d-extra strong{display:block}.ca24d-product small,.ca24d-order small,.ca24d-campaign small,.ca24d-survey small,.ca24d-extra small{color:var(--muted)}.ca24d-action{display:inline-flex;margin-top:8px;padding:8px 10px;border-radius:9px;background:#111;color:#fff;font-weight:800;font-size:12px}.ca24d-stars{color:#f59e0b;letter-spacing:2px;font-size:20px}\n.ca24d-pop{animation:ca24dPop .52s ease}.ca24d-flash{animation:ca24dFlash .72s ease}@keyframes ca24dPop{0%{transform:scale(.97)}45%{transform:scale(1.025)}100%{transform:scale(1)}}@keyframes ca24dFlash{0%{box-shadow:0 0 0 0 rgba(31,175,90,.45)}100%{box-shadow:0 0 0 18px rgba(31,175,90,0)}}\n.ca24d-toast{position:absolute;right:18px;top:18px;background:#111;color:#fff;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:800;opacity:0;transform:translateY(-8px);pointer-events:none}.ca24d-toast.is-on{animation:ca24dToast 1.4s ease}@keyframes ca24dToast{0%{opacity:0;transform:translateY(-8px)}20%,75%{opacity:1;transform:none}100%{opacity:0}}\n.ca24d-foot{padding:0 0 80px}.ca24d-cta{background:linear-gradient(135deg,#1faf5a,#7ddc8f);border-radius:30px;padding:38px 42px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.ca24d-cta h2{margin:0 0 7px}.ca24d-cta p{margin:0;color:rgba(255,255,255,.9)}.ca24d-btn{display:inline-flex;padding:12px 17px;border-radius:12px;background:#fff;color:#111;font-weight:900;text-decoration:none}\n@media(max-width:1100px){.ca24d-app{grid-template-columns:190px 1fr}.ca24d-preview{grid-column:1\/-1;border-left:0;border-top:1px solid var(--line)}.ca24d-phone{position:relative;top:auto;max-width:420px;margin:auto}}@media(max-width:700px){.ca24d-app{grid-template-columns:1fr}.ca24d-side{display:flex;overflow:auto;gap:6px}.ca24d-brand{display:none}.ca24d-tabs{display:flex}.ca24d-tab{white-space:nowrap}.ca24d-main{padding:18px}.ca24d-stats{grid-template-columns:1fr}.ca24d-cta{flex-direction:column;align-items:flex-start}}\n<\/style>\n<div class=\"ca24d\">\n<section class=\"ca24d-hero\">\n<div class=\"ca24d-wrap\"><span class=\"ca24d-kicker\">Interactive product demo<\/span><\/p>\n<h1>Use the ChatAssist24 control panel before installing the plugin<\/h1>\n<p class=\"ca24d-lead\">This is an interactive preview of the WordPress administration experience. Change settings in the panel and the customer chat reacts immediately with a pop effect and sound, so you can understand how the plugin behaves.<\/p>\n<div class=\"ca24d-note\"><span class=\"ca24d-dot\"><\/span><span>Demo changes are local to this page and reset when you reload it.<\/span><\/div>\n<\/div>\n<\/section>\n<div class=\"ca24d-wrap\">\n<div class=\"ca24d-app\" id=\"ca24dApp\">\n<aside class=\"ca24d-side\">\n<div class=\"ca24d-brand\"><i><\/i>ChatAssist24<\/div>\n<div class=\"ca24d-tabs\">\n<button class=\"ca24d-tab is-active\" data-tab=\"dashboard\">Dashboard<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"general\">General<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"appearance\">Appearance<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"agent\">Agent<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"products\">Products<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"orders\">Orders<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"whatsapp\">WhatsApp<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"leads\">Leads<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"campaigns\">Campaigns<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"surveys\">Surveys<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"budget\">Quote simulator<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"crosssell\">Cross-sell<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"statistics\">Statistics<\/button><br \/>\n<button class=\"ca24d-tab\" data-tab=\"incidents\">Incidents<\/button>\n<\/div>\n<\/aside>\n<p><main class=\"ca24d-main\"><\/p>\n<div class=\"ca24d-main-head\">\n<div>\n<h2 id=\"ca24dPanelTitle\">Dashboard<\/h2>\n<p><span style=\"color:#64748b;font-size:13px\">Interactive WordPress plugin preview<\/span><\/div>\n<p><button class=\"ca24d-save\" id=\"ca24dSave\">Save changes<\/button><\/div>\n<section class=\"ca24d-panel is-active\" data-panel=\"dashboard\">\n<div class=\"ca24d-stats\">\n<div class=\"ca24d-stat\"><strong>184<\/strong><span>Questions answered<\/span><\/div>\n<div class=\"ca24d-stat\"><strong>27<\/strong><span>Order checks<\/span><\/div>\n<div class=\"ca24d-stat\"><strong>9<\/strong><span>Leads captured<\/span><\/div>\n<\/div>\n<div class=\"ca24d-card\">\n<h3>Assistant status<\/h3>\n<p>Your assistant is active and ready to answer customers.<\/p>\n<div class=\"ca24d-switch\"><span>Chat enabled<\/span><input type=\"checkbox\" checked data-preview=\"chat\"><\/div>\n<div class=\"ca24d-switch\"><span>WooCommerce actions<\/span><input type=\"checkbox\" checked data-preview=\"product\"><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"general\">\n<div class=\"ca24d-card\">\n<h3>Welcome message<\/h3>\n<p>Change the first message customers see.<\/p>\n<div class=\"ca24d-field\"><label>Message<\/label><textarea id=\"ca24dWelcome\">Hi! How can I help you today?<\/textarea><\/div>\n<div class=\"ca24d-field\"><label>Input placeholder<\/label><input value=\"Type your question...\" id=\"ca24dPlaceholder\"><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"appearance\">\n<div class=\"ca24d-card\">\n<h3>Chat design<\/h3>\n<p>Preview the brand style immediately.<\/p>\n<div class=\"ca24d-field\"><label>Accent color<\/label><input type=\"color\" value=\"#1faf5a\" id=\"ca24dColor\"><\/div>\n<div class=\"ca24d-field\"><label>Launcher position<\/label><select id=\"ca24dPosition\"><option>Bottom right<\/option><option>Bottom left<\/option><\/select><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"agent\">\n<div class=\"ca24d-card\">\n<h3>Custom assistant agent<\/h3>\n<p>Premium includes one custom agent. Pro supports unlimited agents and page rules.<\/p>\n<div class=\"ca24d-field\"><label>Agent name<\/label><input value=\"Marcos\" id=\"ca24dAgentName\"><\/div>\n<div class=\"ca24d-field\"><label>Avatar<\/label><select id=\"ca24dAvatar\"><option value=\"\ud83d\ude42\">Friendly<\/option><option value=\"\ud83d\udc69\u200d\ud83d\udcbc\">Professional<\/option><option value=\"\ud83e\udd16\">Digital<\/option><\/select><\/div>\n<div class=\"ca24d-field\"><label>Tone<\/label><select><option>Friendly and helpful<\/option><option>Professional<\/option><option>Concise<\/option><\/select><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"products\">\n<div class=\"ca24d-card\">\n<h3>Product search<\/h3>\n<p>Show products and guide the shopper toward the cart.<\/p>\n<div class=\"ca24d-switch\"><span>Show products inside chat<\/span><input type=\"checkbox\" id=\"ca24dProducts\"><\/div>\n<div class=\"ca24d-switch\"><span>Add to cart button<\/span><input type=\"checkbox\" id=\"ca24dCart\"><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"orders\">\n<div class=\"ca24d-card\">\n<h3>Order tracking<\/h3>\n<p>Customers can check an order using order number and email.<\/p>\n<div class=\"ca24d-switch\"><span>Enable order tracking<\/span><input type=\"checkbox\" id=\"ca24dOrders\"><\/div>\n<div class=\"ca24d-field\"><label>Status example<\/label><select id=\"ca24dOrderStatus\"><option>Processing<\/option><option>Shipped<\/option><option>Completed<\/option><\/select><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"whatsapp\">\n<div class=\"ca24d-card\">\n<h3>WhatsApp fallback<\/h3>\n<p>Offer human contact when the assistant cannot resolve the request.<\/p>\n<div class=\"ca24d-switch\"><span>Show WhatsApp button<\/span><input type=\"checkbox\" id=\"ca24dWhatsapp\"><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"leads\">\n<div class=\"ca24d-card\">\n<h3>Lead capture<\/h3>\n<p>Ask for contact details when a visitor shows interest.<\/p>\n<div class=\"ca24d-switch\"><span>Enable lead capture<\/span><input type=\"checkbox\" id=\"ca24dLeads\"><\/div>\n<div class=\"ca24d-field\"><label>Lead prompt<\/label><input value=\"Leave your email and we will contact you.\" id=\"ca24dLeadText\"><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"campaigns\">\n<div class=\"ca24d-card\">\n<h3>Marketing campaign<\/h3>\n<p>Create a contextual message that appears on selected pages.<\/p>\n<div class=\"ca24d-switch\"><span>Campaign active<\/span><input type=\"checkbox\" id=\"ca24dCampaign\"><\/div>\n<div class=\"ca24d-field\"><label>Campaign message<\/label><input value=\"Need help choosing? Ask me here.\" id=\"ca24dCampaignText\"><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"surveys\">\n<div class=\"ca24d-card\">\n<h3>Satisfaction survey<\/h3>\n<p>Collect feedback after a conversation.<\/p>\n<div class=\"ca24d-switch\"><span>Show survey<\/span><input type=\"checkbox\" id=\"ca24dSurvey\"><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"budget\">\n<div class=\"ca24d-card\">\n<h3>Quote simulator<\/h3>\n<p>Let visitors request an estimated quote before contacting your team.<\/p>\n<div class=\"ca24d-switch\"><span>Enable quote simulator<\/span><input type=\"checkbox\" id=\"ca24dBudget\"><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"crosssell\">\n<div class=\"ca24d-card\">\n<h3>Cross-sell recommendations<\/h3>\n<p>Recommend a complementary product based on the current conversation.<\/p>\n<div class=\"ca24d-switch\"><span>Enable cross-sell<\/span><input type=\"checkbox\" id=\"ca24dCrosssell\"><\/div>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"statistics\">\n<div class=\"ca24d-stats\">\n<div class=\"ca24d-stat\"><strong>2,431<\/strong><span>Chat opens<\/span><\/div>\n<div class=\"ca24d-stat\"><strong>684<\/strong><span>Product views<\/span><\/div>\n<div class=\"ca24d-stat\"><strong>18.4%<\/strong><span>Action rate<\/span><\/div>\n<\/div>\n<div class=\"ca24d-card\">\n<h3>Performance overview<\/h3>\n<p>Track questions, campaigns and customer actions from the WordPress dashboard.<\/p>\n<\/div>\n<\/section>\n<section class=\"ca24d-panel\" data-panel=\"incidents\">\n<div class=\"ca24d-card\">\n<h3>Website incidents<\/h3>\n<p>Show a clear temporary message when part of the website or service is unavailable.<\/p>\n<div class=\"ca24d-switch\"><span>Incident message active<\/span><input type=\"checkbox\" id=\"ca24dIncident\"><\/div>\n<\/div>\n<\/section>\n<p><\/main><\/p>\n<aside class=\"ca24d-preview\">\n<div class=\"ca24d-toast\" id=\"ca24dToast\">Preview updated<\/div>\n<p class=\"ca24d-preview-title\">Live customer preview<\/p>\n<div class=\"ca24d-phone\" id=\"ca24dPhone\">\n<div class=\"ca24d-chat-head\">\n<div class=\"ca24d-avatar\" id=\"ca24dAvatarPreview\">\ud83d\ude42<\/div>\n<div><strong id=\"ca24dAgentPreview\">Marcos<\/strong><span>Online \u00b7 ChatAssist24<\/span><\/div>\n<\/div>\n<div class=\"ca24d-chat-body\">\n<div class=\"ca24d-bubble\" id=\"ca24dWelcomePreview\">Hi! How can I help you today?<\/div>\n<div class=\"ca24d-bubble ca24d-bubble--user\">I need help with my order.<\/div>\n<div class=\"ca24d-product\" id=\"ca24dProductPreview\"><strong>Example product<\/strong><small>\u20ac49 \u00b7 In stock<\/small><span class=\"ca24d-action\" id=\"ca24dCartPreview\">Add to cart<\/span><\/div>\n<div class=\"ca24d-order\" id=\"ca24dOrderPreview\"><strong>Order #1048<\/strong><small>Status: <span id=\"ca24dOrderStatusPreview\">Processing<\/span><\/small><\/div>\n<div class=\"ca24d-campaign\" id=\"ca24dCampaignPreview\"><strong>Campaign<\/strong><small id=\"ca24dCampaignTextPreview\">Need help choosing? Ask me here.<\/small><\/div>\n<div class=\"ca24d-extra\" id=\"ca24dWhatsappPreview\"><strong>Need a person?<\/strong><small>Continue on WhatsApp<\/small><span class=\"ca24d-action\">WhatsApp<\/span><\/div>\n<div class=\"ca24d-extra\" id=\"ca24dLeadPreview\"><strong>Stay in touch<\/strong><small id=\"ca24dLeadPreviewText\">Leave your email and we will contact you.<\/small><\/div>\n<div class=\"ca24d-survey\" id=\"ca24dSurveyPreview\"><strong>How was this chat?<\/strong><\/p>\n<div class=\"ca24d-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<\/div>\n<div class=\"ca24d-extra\" id=\"ca24dBudgetPreview\"><strong>Need a quote?<\/strong><small>Calculate an estimated budget in the chat.<\/small><span class=\"ca24d-action\">Start quote<\/span><\/div>\n<div class=\"ca24d-extra\" id=\"ca24dCrosssellPreview\"><strong>You may also need<\/strong><small>Recommended complementary product<\/small><span class=\"ca24d-action\">View product<\/span><\/div>\n<div class=\"ca24d-extra\" id=\"ca24dIncidentPreview\"><strong>Temporary notice<\/strong><small>This function is temporarily unavailable. You can still contact support.<\/small><\/div>\n<\/div>\n<\/div>\n<\/aside>\n<\/div>\n<\/div>\n<section class=\"ca24d-foot\">\n<div class=\"ca24d-wrap\">\n<div class=\"ca24d-cta\">\n<div>\n<h2>Ready to compare the real plans?<\/h2>\n<p>See what is included in Free, Premium and Pro.<\/p>\n<\/div>\n<p><a class=\"ca24d-btn\" href=\"\/pricing\/\">View pricing<\/a><\/div>\n<\/div>\n<\/section>\n<\/div>\n<p><script>\n(function(){\n  if(!document.documentElement.lang.toLowerCase().startsWith('es')) return;\n  const map={\n    \"Your assistant is active and ready to answer customers.\":\"Tu asistente est\u00e1 activo y listo para responder a los clientes.\",\n    \"Change the first message customers see.\":\"Cambia el primer mensaje que ven los clientes.\",\n    \"Hi! How can I help you today?\":\"\u00a1Hola! \u00bfEn qu\u00e9 puedo ayudarte hoy?\",\n    \"Type your question...\":\"Escribe tu consulta...\",\n    \"Preview the brand style immediately.\":\"Previsualiza el estilo de la marca al instante.\",\n    \"Bottom right\":\"Abajo a la derecha\",\n    \"Bottom left\":\"Abajo a la izquierda\",\n    \"Premium includes one custom agent. Pro supports unlimited agents and page rules.\":\"Premium incluye un agente personalizado. Pro permite agentes ilimitados y reglas por p\u00e1gina.\",\n    \"Friendly\":\"Cercano\",\n    \"Professional\":\"Profesional\",\n    \"Digital\":\"Digital\",\n    \"Friendly and helpful\":\"Cercano y \u00fatil\",\n    \"Concise\":\"Conciso\",\n    \"Show products and guide the shopper toward the cart.\":\"Muestra productos y gu\u00eda al comprador hacia el carrito.\",\n    \"Customers can check an order using order number and email.\":\"Los clientes pueden consultar un pedido usando n\u00famero de pedido y email.\",\n    \"Processing\":\"Procesando\",\n    \"Shipped\":\"Enviado\",\n    \"Completed\":\"Completado\",\n    \"Offer human contact when the assistant cannot resolve the request.\":\"Ofrece contacto humano cuando el asistente no pueda resolver la consulta.\",\n    \"Ask for contact details when a visitor shows interest.\":\"Solicita datos de contacto cuando un visitante muestra inter\u00e9s.\",\n    \"Lead prompt\":\"Mensaje de captaci\u00f3n\",\n    \"Leave your email and we will contact you.\":\"D\u00e9janos tu email y contactaremos contigo.\",\n    \"Create a contextual message that appears on selected pages.\":\"Crea un mensaje contextual que aparezca en p\u00e1ginas seleccionadas.\",\n    \"Need help choosing? Ask me here.\":\"\u00bfNecesitas ayuda para elegir? Preg\u00fantame aqu\u00ed.\",\n    \"Collect feedback after a conversation.\":\"Recoge la opini\u00f3n del cliente despu\u00e9s de una conversaci\u00f3n.\",\n    \"Let visitors request an estimated quote before contacting your team.\":\"Permite solicitar una estimaci\u00f3n antes de contactar con tu equipo.\",\n    \"Recommend a complementary product based on the current conversation.\":\"Recomienda un producto complementario seg\u00fan la conversaci\u00f3n actual.\",\n    \"Track questions, campaigns and customer actions from the WordPress dashboard.\":\"Controla preguntas, campa\u00f1as y acciones del cliente desde el panel de WordPress.\",\n    \"Show a clear temporary message when part of the website or service is unavailable.\":\"Muestra un aviso claro cuando una parte de la web o del servicio no est\u00e9 disponible temporalmente.\",\n    \"Online \u00b7 ChatAssist24\":\"En l\u00ednea \u00b7 ChatAssist24\",\n    \"In stock\":\"Disponible\",\n    \"Status:\":\"Estado:\",\n    \"Stay in touch\":\"Mant\u00e9n el contacto\",\n    \"Calculate an estimated budget in the chat.\":\"Calcula una estimaci\u00f3n directamente en el chat.\",\n    \"Recommended complementary product\":\"Producto complementario recomendado\",\n    \"This function is temporarily unavailable. You can still contact support.\":\"Esta funci\u00f3n no est\u00e1 disponible temporalmente. Aun as\u00ed puedes contactar con soporte.\"\n  };\n  const root=document.querySelector('.ca24d');\n  if(!root) return;\n  const walker=document.createTreeWalker(root,NodeFilter.SHOW_TEXT);\n  const nodes=[]; while(walker.nextNode()) nodes.push(walker.currentNode);\n  nodes.forEach(n=>{const t=n.nodeValue.trim();if(map[t]) n.nodeValue=n.nodeValue.replace(t,map[t]);});\n  root.querySelectorAll('input,textarea,option').forEach(el=>{\n    if(el.value && map[el.value]) el.value=map[el.value];\n    if(el.placeholder && map[el.placeholder]) el.placeholder=map[el.placeholder];\n  });\n})();\n<\/script><\/p>\n<p><script>\n(function(){\nconst app=document.getElementById('ca24dApp'); if(!app) return;\nconst tabs=[...app.querySelectorAll('.ca24d-tab')], panels=[...app.querySelectorAll('.ca24d-panel')], title=document.getElementById('ca24dPanelTitle');\nconst phone=document.getElementById('ca24dPhone'), toast=document.getElementById('ca24dToast');\nfunction sound(){try{const A=window.AudioContext||window.webkitAudioContext;const c=new A();const o=c.createOscillator();const g=c.createGain();o.type='sine';o.frequency.value=620;g.gain.setValueAtTime(.035,c.currentTime);g.gain.exponentialRampToValueAtTime(.001,c.currentTime+.09);o.connect(g);g.connect(c.destination);o.start();o.stop(c.currentTime+.09);}catch(e){}}\nfunction pulse(el){if(!el)return;el.classList.remove('ca24d-pop','ca24d-flash');void el.offsetWidth;el.classList.add('ca24d-pop','ca24d-flash');phone.classList.remove('ca24d-pop');void phone.offsetWidth;phone.classList.add('ca24d-pop');toast.classList.remove('is-on');void toast.offsetWidth;toast.classList.add('is-on');sound();el.scrollIntoView({behavior:'smooth',block:'nearest'});}\ntabs.forEach(b=>b.addEventListener('click',()=>{tabs.forEach(x=>x.classList.remove('is-active'));b.classList.add('is-active');panels.forEach(p=>p.classList.toggle('is-active',p.dataset.panel===b.dataset.tab));title.textContent=b.textContent.trim();}));\nconst by=id=>document.getElementById(id);\nby('ca24dAgentName').addEventListener('input',e=>{by('ca24dAgentPreview').textContent=e.target.value||'Assistant';pulse(by('ca24dAgentPreview'));});\nby('ca24dAvatar').addEventListener('change',e=>{by('ca24dAvatarPreview').textContent=e.target.value;pulse(by('ca24dAvatarPreview'));});\nby('ca24dWelcome').addEventListener('input',e=>{by('ca24dWelcomePreview').textContent=e.target.value;pulse(by('ca24dWelcomePreview'));});\nby('ca24dColor').addEventListener('input',e=>{document.querySelector('.ca24d').style.setProperty('--g',e.target.value);pulse(by('ca24dPhone'));});\nfunction toggle(id,target){by(id).addEventListener('change',e=>{by(target).classList.toggle('is-on',e.target.checked);pulse(by(target));});}\ntoggle('ca24dProducts','ca24dProductPreview');toggle('ca24dOrders','ca24dOrderPreview');toggle('ca24dWhatsapp','ca24dWhatsappPreview');toggle('ca24dLeads','ca24dLeadPreview');toggle('ca24dCampaign','ca24dCampaignPreview');toggle('ca24dSurvey','ca24dSurveyPreview');toggle('ca24dBudget','ca24dBudgetPreview');toggle('ca24dCrosssell','ca24dCrosssellPreview');toggle('ca24dIncident','ca24dIncidentPreview');\nby('ca24dCart').addEventListener('change',e=>{by('ca24dCartPreview').style.display=e.target.checked?'inline-flex':'none';by('ca24dProductPreview').classList.add('is-on');pulse(by('ca24dProductPreview'));});\nby('ca24dOrderStatus').addEventListener('change',e=>{by('ca24dOrderPreview').classList.add('is-on');by('ca24dOrderStatusPreview').textContent=e.target.value;pulse(by('ca24dOrderPreview'));});\nby('ca24dCampaignText').addEventListener('input',e=>{by('ca24dCampaignPreview').classList.add('is-on');by('ca24dCampaignTextPreview').textContent=e.target.value;pulse(by('ca24dCampaignPreview'));});\nby('ca24dLeadText').addEventListener('input',e=>{by('ca24dLeadPreview').classList.add('is-on');by('ca24dLeadPreviewText').textContent=e.target.value;pulse(by('ca24dLeadPreview'));});\nby('ca24dSave').addEventListener('click',()=>pulse(by('ca24dPhone')));\n})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Try an interactive ChatAssist24 control panel and see the chat update live as you change settings.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-212","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ChatAssist24 Demo | Interactive WooCommerce Chat Plugin<\/title>\n<meta name=\"description\" content=\"Try an interactive ChatAssist24 control panel and see the WooCommerce chat update live as you change agents, design, products, campaigns and sales tools.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/chatassist24.com\/es\/demo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ChatAssist24 Demo | Interactive WooCommerce Chat Plugin\" \/>\n<meta property=\"og:description\" content=\"Try an interactive ChatAssist24 control panel and see the WooCommerce chat update live as you change agents, design, products, campaigns and sales tools.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chatassist24.com\/es\/demo\/\" \/>\n<meta property=\"og:site_name\" content=\"ChatAssist24\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-08T09:04:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/chatassist24.com\\\/es\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/212\\\/#webpage\",\"url\":\"https:\\\/\\\/chatassist24.com\\\/es\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/212\\\/\",\"name\":\"ChatAssist24 Demo | Interactive WooCommerce Chat Plugin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/chatassist24.com\\\/#website\"},\"datePublished\":\"2026-10-08T08:13:59+00:00\",\"dateModified\":\"2026-10-08T09:04:18+00:00\",\"description\":\"Try an interactive ChatAssist24 control panel and see the WooCommerce chat update live as you change agents, design, products, campaigns and sales tools.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/chatassist24.com\\\/demo\\\/#breadcrumb\"},\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/chatassist24.com\\\/es\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/212\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/chatassist24.com\\\/demo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/chatassist24.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Demo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/chatassist24.com\\\/#website\",\"url\":\"https:\\\/\\\/chatassist24.com\\\/\",\"name\":\"ChatAssist24\",\"description\":\"Asistente de chat para WooCommerce que automatiza soporte, ayuda a vender y mejora la atenci\u00f3n al cliente.\",\"publisher\":{\"@id\":\"https:\\\/\\\/chatassist24.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/chatassist24.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/chatassist24.com\\\/#organization\",\"name\":\"ChatAssist24\",\"url\":\"https:\\\/\\\/chatassist24.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/chatassist24.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/chatassist24.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-chat-assist-24.png\",\"contentUrl\":\"https:\\\/\\\/chatassist24.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-chat-assist-24.png\",\"width\":300,\"height\":100,\"caption\":\"ChatAssist24\"},\"image\":{\"@id\":\"https:\\\/\\\/chatassist24.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ChatAssist24 Demo | Interactive WooCommerce Chat Plugin","description":"Try an interactive ChatAssist24 control panel and see the WooCommerce chat update live as you change agents, design, products, campaigns and sales tools.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/chatassist24.com\/es\/demo\/","og_locale":"es_ES","og_type":"article","og_title":"ChatAssist24 Demo | Interactive WooCommerce Chat Plugin","og_description":"Try an interactive ChatAssist24 control panel and see the WooCommerce chat update live as you change agents, design, products, campaigns and sales tools.","og_url":"https:\/\/chatassist24.com\/es\/demo\/","og_site_name":"ChatAssist24","article_modified_time":"2026-10-08T09:04:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chatassist24.com\/es\/wp-json\/wp\/v2\/pages\/212\/#webpage","url":"https:\/\/chatassist24.com\/es\/wp-json\/wp\/v2\/pages\/212\/","name":"ChatAssist24 Demo | Interactive WooCommerce Chat Plugin","isPartOf":{"@id":"https:\/\/chatassist24.com\/#website"},"datePublished":"2026-10-08T08:13:59+00:00","dateModified":"2026-10-08T09:04:18+00:00","description":"Try an interactive ChatAssist24 control panel and see the WooCommerce chat update live as you change agents, design, products, campaigns and sales tools.","breadcrumb":{"@id":"https:\/\/chatassist24.com\/demo\/#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chatassist24.com\/es\/wp-json\/wp\/v2\/pages\/212\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/chatassist24.com\/demo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chatassist24.com\/"},{"@type":"ListItem","position":2,"name":"Demo"}]},{"@type":"WebSite","@id":"https:\/\/chatassist24.com\/#website","url":"https:\/\/chatassist24.com\/","name":"ChatAssist24","description":"Asistente de chat para WooCommerce que automatiza soporte, ayuda a vender y mejora la atenci\u00f3n al cliente.","publisher":{"@id":"https:\/\/chatassist24.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chatassist24.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/chatassist24.com\/#organization","name":"ChatAssist24","url":"https:\/\/chatassist24.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/chatassist24.com\/#\/schema\/logo\/image\/","url":"https:\/\/chatassist24.com\/wp-content\/uploads\/2026\/04\/cropped-chat-assist-24.png","contentUrl":"https:\/\/chatassist24.com\/wp-content\/uploads\/2026\/04\/cropped-chat-assist-24.png","width":300,"height":100,"caption":"ChatAssist24"},"image":{"@id":"https:\/\/chatassist24.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/chatassist24.com\/es\/wp-json\/wp\/v2\/pages\/212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chatassist24.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chatassist24.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chatassist24.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chatassist24.com\/es\/wp-json\/wp\/v2\/comments?post=212"}],"version-history":[{"count":2,"href":"https:\/\/chatassist24.com\/es\/wp-json\/wp\/v2\/pages\/212\/revisions"}],"predecessor-version":[{"id":259,"href":"https:\/\/chatassist24.com\/es\/wp-json\/wp\/v2\/pages\/212\/revisions\/259"}],"wp:attachment":[{"href":"https:\/\/chatassist24.com\/es\/wp-json\/wp\/v2\/media?parent=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}