{"id":2728,"date":"2024-12-28T19:25:58","date_gmt":"2024-12-28T19:25:58","guid":{"rendered":"https:\/\/linsse.com\/?page_id=2728"},"modified":"2025-09-30T14:03:29","modified_gmt":"2025-09-30T14:03:29","slug":"ai","status":"publish","type":"page","link":"https:\/\/linsse.com\/en\/ai\/","title":{"rendered":"Asistentes Interactivos IA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2728\" class=\"elementor elementor-2728\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ec25b6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ec25b6\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-477dc68\" data-id=\"477dc68\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e5f767c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e5f767c\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.6.7 - 03-07-2022 *\/\n.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#2c2c2c;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:-webkit-box;display:-ms-flexbox;display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);-ms-flex-negative:0;flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:\"\";border-bottom:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:100;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:100;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}<\/style>\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2fd42b elementor-widget elementor-widget-image\" data-id=\"b2fd42b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.6.7 - 03-07-2022 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/linsse.com\/wp-content\/uploads\/2025\/09\/images-1.png\" title=\"images (1)\" alt=\"images (1)\" \/>\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<div class=\"elementor-element elementor-element-376217c elementor-widget elementor-widget-html\" data-id=\"376217c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Conversa con el asistente virtual interactivo de Infoland<\/title>\n    <style>\n        \/* Estilo general *\/\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 20px; \/* Espaciado para que no quede pegado a los bordes *\/\n            background-color: #908D8D; \/* Color de fondo *\/\n        }\n\n        .component-container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 20px;\n            max-width: 800px;\n            background-color: #908D8D; \/* Nuevo color de fondo *\/\n            border: 1px solid #ddd;\n            border-radius: 10px;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n            padding: 20px;\n            margin: 0 auto; \/* Centrado horizontal *\/\n        }\n\n        h2 {\n            font-size: 18px; \/* T\u00edtulo m\u00e1s peque\u00f1o *\/\n            color: #333;\n            margin: 0;\n            text-align: center;\n        }\n\n        #avatar-container {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 16 \/ 9; \/* Relaci\u00f3n de aspecto 16:9 *\/\n            border: 2px solid #007bff;\n            border-radius: 8px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n\n        iframe {\n            width: 100%;\n            height: 100%;\n            border: dashed;\n        }\n\n        .button-container {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            justify-content: center;\n        }\n\n        button {\n            padding: 5px 10px;\n            font-size: 12px; \/* Tama\u00f1o reducido *\/\n            background-color: #007bff;\n            color: white;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n            transition: background-color 0.2s;\n        }\n\n        button:hover {\n            background-color: #0056b3;\n        }\n\n        .script-output {\n            font-size: 14px;\n            color: #333;\n            text-align: center;\n            margin-top: 10px;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"component-container\">\n        <h2>Conversa con nuestra asistente virtual interactiva<\/h2>\n\n        <!-- Contenedor del avatar -->\n        <div id=\"avatar-container\">\n            <!-- El avatar se carga din\u00e1micamente con el script -->\n        <\/div>\n\n        <!-- Contenedor de botones -->\n        <div class=\"button-container\">\n            <button onclick=\"showInfo('avatar')\">\u00bfQu\u00e9 es un avatar interactivo?<\/button>\n            <button onclick=\"showInfo('purpose')\">\u00bfPara qu\u00e9 sirve?<\/button>\n            <button onclick=\"showInfo('applications')\">\u00bfQu\u00e9 aplicaciones tiene?<\/button>\n        <\/div>\n\n        <!-- Salida del script -->\n        <div class=\"script-output\" id=\"script-output\">Haz clic en los botones para m\u00e1s informaci\u00f3n.<\/div>\n    <\/div>\n\n    <!-- Script del avatar -->\n    <script>\n        \/\/ Funci\u00f3n para cargar el avatar\n        (function loadAvatar() {\n            const host = \"https:\/\/labs.heygen.com\",url=host+\"\/guest\/streaming-embed?share=eyJxdWFsaXR5IjoiaGlnaCIsImF2YXRhck5hbWUiOiJBbm5fVGhlcmFwaXN0X3B1YmxpYyIsInBy%0D%0AZXZpZXdJbWciOiJodHRwczovL2ZpbGVzMi5oZXlnZW4uYWkvYXZhdGFyL3YzLzc1ZTBhODdiN2Zk%0D%0AOTRmMDk4MWZmMzk4YjU5M2RkNDdmXzQ1NTcwL3ByZXZpZXdfdGFsa180LndlYnAiLCJuZWVkUmVt%0D%0Ab3ZlQmFja2dyb3VuZCI6ZmFsc2UsImtub3dsZWRnZUJhc2VJZCI6ImRkNzAxODQyYTMyZjQxNDBi%0D%0AOGQ4M2Q0MDU3MzE0MjNjIiwidXNlcm5hbWUiOiI2MDA0OGNhMzEzZGY0ODI4YWZlNTc4NDY0ZjFl%0D%0AOTczYSJ9&inIFrame=1\"\n            const iframe = document.createElement(\"iframe\");\n            iframe.src = url;\n            iframe.allow = \"microphone\";\n            iframe.title = \"Streaming Embed\";\n\n            const avatarContainer = document.getElementById(\"avatar-container\");\n            avatarContainer.appendChild(iframe);\n        })();\n\n        \/\/ Funci\u00f3n para mostrar informaci\u00f3n seg\u00fan el bot\u00f3n presionado\n        function showInfo(type) {\n            const output = document.getElementById(\"script-output\");\n            if (type === \"avatar\") {\n                output.textContent = \"Un avatar interactivo es una representaci\u00f3n virtual que interact\u00faa con los usuarios mediante voz, texto o movimientos simulados.\";\n            } else if (type === \"purpose\") {\n                output.textContent = \"Sirve para mejorar la experiencia del usuario en ventas, soporte, educaci\u00f3n y entretenimiento, ofreciendo interacciones personalizadas.\";\n            } else if (type === \"applications\") {\n                output.textContent = \"Las aplicaciones incluyen atenci\u00f3n al cliente, gu\u00edas virtuales, entrenamientos, marketing interactivo y m\u00e1s.\";\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14d2ead elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"14d2ead\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Conversa con el asistente virtual interactivo de Infoland Conversa con nuestra asistente virtual interactiva \u00bfQu\u00e9 es un avatar interactivo? \u00bfPara qu\u00e9 sirve? \u00bfQu\u00e9 aplicaciones tiene? Haz clic en los botones para m\u00e1s informaci\u00f3n.<\/p>","protected":false},"author":1,"featured_media":2772,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-2728","page","type-page","status-publish","has-post-thumbnail","hentry","entry"],"_links":{"self":[{"href":"https:\/\/linsse.com\/en\/wp-json\/wp\/v2\/pages\/2728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linsse.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/linsse.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/linsse.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/linsse.com\/en\/wp-json\/wp\/v2\/comments?post=2728"}],"version-history":[{"count":313,"href":"https:\/\/linsse.com\/en\/wp-json\/wp\/v2\/pages\/2728\/revisions"}],"predecessor-version":[{"id":3409,"href":"https:\/\/linsse.com\/en\/wp-json\/wp\/v2\/pages\/2728\/revisions\/3409"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/linsse.com\/en\/wp-json\/wp\/v2\/media\/2772"}],"wp:attachment":[{"href":"https:\/\/linsse.com\/en\/wp-json\/wp\/v2\/media?parent=2728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}