{"id":27280,"date":"2026-11-11T04:17:48","date_gmt":"2026-11-11T04:17:48","guid":{"rendered":"https:\/\/blog.aismartcontent.co\/telewhats-chat-widget-website\/"},"modified":"2026-11-11T05:01:42","modified_gmt":"2026-11-11T05:01:42","slug":"telewhats-chat-widget-website","status":"publish","type":"post","link":"https:\/\/blog.aismartcontent.co\/es\/telewhats-chat-widget-website\/","title":{"rendered":"C\u00f3mo agregar el widget de chat TeleWhats a tu sitio web"},"content":{"rendered":"<p>El <strong>Widget de Chat<\/strong> de TeleWhats agrega un bot\u00f3n de chat a tu sitio web. Los visitantes pueden hacer preguntas, leer art\u00edculos de ayuda y ver tus \u00faltimas noticias. Sus mensajes llegan a tu <strong>Bandeja de entrada<\/strong>, y tu asistente de IA puede responderlos de inmediato.<\/p>\n<h2>Lo que necesitas<\/h2>\n<ul>\n<li>Una cuenta de TeleWhats.<\/li>\n<li>Tu sitio web: un sitio de WordPress, una tienda de Shopify, o cualquier sitio donde puedas pegar un peque\u00f1o fragmento de c\u00f3digo.<\/li>\n<\/ul>\n<h2>Paso 1: Conecta tu sitio web<\/h2>\n<ul>\n<li><strong>WordPress<\/strong>: instala el plugin de TeleWhats y con\u00e9ctalo a tu cuenta.<\/li>\n<li><strong>Shopify<\/strong>: instala la aplicaci\u00f3n de TeleWhats desde tu tienda y con\u00e9ctala.<\/li>\n<li><strong>Cualquier otro sitio web<\/strong>: copia el c\u00f3digo de inserci\u00f3n de tu widget con <strong>Copiar c\u00f3digo<\/strong> y p\u00e9galo justo antes de la etiqueta de cierre <code>&lt;\/body&gt;<\/code> de tus p\u00e1ginas. El widget solo funciona en la direcci\u00f3n del sitio web que permitiste para \u00e9l.<\/li>\n<\/ul>\n<h2>Paso 2: Estiliza tu widget<\/h2>\n<ol>\n<li>Abre <strong>Widget de Chat<\/strong> desde el men\u00fa de la izquierda y elige tu widget en la parte superior.<\/li>\n<li>Bajo <strong>Apariencia<\/strong>, establece el <strong>T\u00edtulo del widget<\/strong> (por ejemplo \u00abChatea con nosotros\u00bb), el <strong>Color de acento<\/strong> para que coincida con tu marca, y la <strong>Ubicaci\u00f3n<\/strong>, como en la parte inferior derecha.<\/li>\n<li>Escribe un <strong>Saludo de apertura<\/strong> amigable, por ejemplo \u00ab\u00a1Hola! \u00bfC\u00f3mo podemos ayudar hoy?\u00bb<\/li>\n<li>Bajo <strong>Idioma del widget<\/strong>, elige detectar el idioma del visitante o selecciona uno, y establece un <strong>Idioma de respaldo<\/strong>.<\/li>\n<li>Haz clic en <strong>Guardar cambios<\/strong>. La vista previa a la derecha muestra c\u00f3mo se ve.<\/li>\n<\/ol>\n<h2>Paso 3: Agrega art\u00edculos de ayuda y noticias<\/h2>\n<ul>\n<li><strong>Ayuda<\/strong>: muestra art\u00edculos de ayuda breves dentro del widget. Escr\u00edbelos con tus propias palabras, o escanea tu sitio web para traerlos.<\/li>\n<li><strong>Noticias<\/strong>: muestra tus \u00faltimas actualizaciones. Pega la <strong>URL RSS o Atom<\/strong> de tu blog, por ejemplo un feed de categor\u00eda de WordPress como <code>https:\/\/yourblog.com\/category\/news\/feed\/<\/code>. Las nuevas publicaciones aparecer\u00e1n en el widget autom\u00e1ticamente.<\/li>\n<\/ul>\n<h2>Paso 4: Deja que tu asistente de IA responda<\/h2>\n<ol>\n<li>Abre <strong>Entrenamiento de IA<\/strong>, ve a <strong>Desplegar<\/strong> y activa el chat web.<\/li>\n<li>Si usas roles, abre la pesta\u00f1a <strong>Roles<\/strong> del widget y elige qu\u00e9 rol responde en este widget. Por ejemplo, un rol de soporte de producto para tu sitio de productos.<\/li>\n<li>Abre tu sitio web en una ventana de navegador privada y env\u00eda un mensaje de prueba.<\/li>\n<\/ol>\n<h2>Consejos<\/h2>\n<ul>\n<li>Mant\u00e9n el saludo corto y acogedor. Una pregunta funciona mejor que una afirmaci\u00f3n.<\/li>\n<li>Muestra a los miembros de tu equipo en el widget para que los visitantes sepan que hay personas reales detr\u00e1s de \u00e9l.<\/li>\n<li>Verifica el widget en tu tel\u00e9fono tambi\u00e9n, para asegurarte de que no cubra botones importantes.<\/li>\n<\/ul>\n<h2>Pr\u00f3ximos pasos<\/h2>\n<ul>\n<li><a href=\"https:\/\/blog.aismartcontent.co\/es\/telewhats-ai-training-guide\/\">Entrena a tu asistente de IA<\/a><\/li>\n<li><a href=\"https:\/\/blog.aismartcontent.co\/es\/telewhats-inbox-reply-customers\/\">Responde a los visitantes desde la Bandeja de entrada<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Agrega un bot\u00f3n de chat de TeleWhats a tu sitio web, estil\u00edzalo, establece el saludo y los idiomas, muestra art\u00edculos de ayuda y noticias, y permite que tu asistente de IA responda a los visitantes.<\/p>\n","protected":false},"author":1,"featured_media":27765,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pmpro_default_level":"","footnotes":""},"categories":[758],"tags":[1061,760,761,1062],"class_list":["post-27280","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-telewhats-es","tag-chat-widget-es","tag-how-to-es","tag-telewhats-es","tag-website-es","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/blog.aismartcontent.co\/es\/wp-json\/wp\/v2\/posts\/27280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.aismartcontent.co\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.aismartcontent.co\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.aismartcontent.co\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.aismartcontent.co\/es\/wp-json\/wp\/v2\/comments?post=27280"}],"version-history":[{"count":1,"href":"https:\/\/blog.aismartcontent.co\/es\/wp-json\/wp\/v2\/posts\/27280\/revisions"}],"predecessor-version":[{"id":27312,"href":"https:\/\/blog.aismartcontent.co\/es\/wp-json\/wp\/v2\/posts\/27280\/revisions\/27312"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.aismartcontent.co\/es\/wp-json\/wp\/v2\/media\/27765"}],"wp:attachment":[{"href":"https:\/\/blog.aismartcontent.co\/es\/wp-json\/wp\/v2\/media?parent=27280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.aismartcontent.co\/es\/wp-json\/wp\/v2\/categories?post=27280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.aismartcontent.co\/es\/wp-json\/wp\/v2\/tags?post=27280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}