# AtriumKit en dos minutos Un recorrido por AtriumKit, creado con AtriumKit: graba en Chrome, edita con IA, comparte y descubre quién lo vio. #### Hola, hola. Te presentamos AtriumKit Esta es una demo de AtriumKit sobre AtriumKit: pantallas reales de la app, grabadas en Chrome. Haz todo el recorrido o elige una parada. - **Haz todo el recorrido** → ve al paso 1 - **Edición e IA** → ve al paso 4 - **Compartir y captar clientes potenciales** → ve al paso 11 - **Analíticas y más** → ve al paso 15 > **Si elegiste «Haz todo el recorrido»** ### Paso 1: Pulsa grabar en Chrome Elige un recorrido guiado o un entorno de prueba interactivo y usa tu producto como siempre. Cada clic se convierte en un paso. ![Paso 1: Pulsa grabar en Chrome](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_sxj4796k8f1s.webp?v=1) ### Paso 2: Tus datos personales no salen de aquí La grabadora difumina los correos y otros datos personales antes de que una pantalla salga del navegador. ¿Lo ves? ![Paso 2: Tus datos personales no salen de aquí](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_sxj4796k8f1s.webp?v=1) ### Paso 3: Abre una demo Ana grabó este recorrido de Ledgerly, su app de facturación. Haz clic para abrir el editor. ![Paso 3: Abre una demo](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_sxj4796k8f1s.webp?v=1) ## Edítala como un documento Reescribe, reorganiza, personaliza, añade voz y traduce. No tendrás que volver a grabar. ### Paso 4: Los pasos ya vienen redactados Los tooltips se redactan a partir de tus clics. Reordénalos o añade capítulos, opciones, formularios de contacto y llamadas a la acción. ![Paso 4: Los pasos ya vienen redactados](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_q9h6ago0jijb.webp?v=1) ### Paso 5: Personalízala Las variables añaden el nombre y la empresa de cada persona desde un enlace personalizado, tu sitio web o un formulario. Así te saludó este recorrido. ![Paso 5: Personalízala](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_q9h6ago0jijb.webp?v=1) ### Paso 6: Ponle voz Escribe una frase para cada paso y una voz de IA la leerá con subtítulos, pronunciando el nombre de tu producto como tú. ![Paso 6: Ponle voz](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_q9h6ago0jijb.webp?v=1) ### Paso 7: Corrige la página, no el tooltip Cada pantalla es una página web real: cambia el texto, difumina, oculta o sustituye imágenes directamente en ella. Sin volver a grabar. ![Paso 7: Corrige la página, no el tooltip](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_i05y1z35bd75.webp?v=1) ### Paso 8: Destaca lo importante Cada paso puede acercar la vista a un punto, con un cursor animado y el resto de la página atenuado. Como en este recorrido. ![Paso 8: Destaca lo importante](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_i05y1z35bd75.webp?v=1) ### Paso 9: Deja que elijan Añade varias opciones a un paso y cada recorrido se reproduce por separado, como el menú del principio. ![Paso 9: Deja que elijan](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_191zv5fy75y2.webp?v=1) ### Paso 10: Habla su idioma Traduce todos los tooltips y la narración a 14 idiomas con IA. Cada persona elige el suyo en el reproductor. ![Paso 10: Habla su idioma](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_hitvjzpry87y.webp?v=1) ## Compártela donde quieras Un enlace, una inserción y una guía escrita. Cada cambio se publica en todas partes al mismo tiempo. ### Paso 11: Publícala una vez y compártela en todas partes Comparte la página alojada o pega la inserción en tu sitio web, documentación o centro de ayuda. Ahora estás en uno. ![Paso 11: Publícala una vez y compártela en todas partes](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/screens/s_C2Gm3TzqkonPyTGz/2.webp?v=2) ### Paso 12: Convierte a quienes la ven en clientes potenciales Pide un correo antes de que empiece la demo o justo antes del último paso, o añade un formulario de contacto en cualquier parte. ![Paso 12: Convierte a quienes la ven en clientes potenciales](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/screens/s_C2Gm3TzqkonPyTGz/2.webp?v=2) ### Paso 13: Un enlace para cada cliente potencial Los enlaces personalizados saludan a cada cliente potencial por su nombre y te muestran quién abrió el suyo y hasta dónde llegó. ![Paso 13: Un enlace para cada cliente potencial](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/screens/s_YNlnNXOY6uxslmOX/3.webp?v=3) ### Paso 14: También es una guía escrita Cada demo también es un artículo paso a paso con capturas de pantalla: pégalo en Notion o Docs, o expórtalo como Markdown o PDF. ![Paso 14: También es una guía escrita](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/screens/s_R0PVmCfUgnjYfqDd/2.webp?v=2) ## Descubre qué pasa después Vistas, abandonos, opciones y clientes potenciales, por paso y por persona. ### Paso 15: Descubre dónde abandonan los usuarios Visualizaciones, finalización y tiempo de reproducción, además de un embudo que muestra exactamente en qué paso se pierden usuarios. ![Paso 15: Descubre dónde abandonan los usuarios](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_9sja2oyf1s58.webp?v=1) ### Paso 16: Cada lead, con contexto Quiénes son, qué demo vieron y hasta dónde llegaron. Aquí también se ocultan los datos personales. ![Paso 16: Cada lead, con contexto](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_bxmh8lov1bpa.webp?v=1) ### Paso 17: Los leads llegan donde trabajas Los nuevos leads y sus acciones posteriores llegan a Slack, Teams, HubSpot, Salesforce, Zapier o cualquier webhook. ![Paso 17: Los leads llegan donde trabajas](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_wwcvt544wbey.webp?v=1) ### Paso 18: Crea un centro de demos Agrupa demos en una página con secciones, enlaces y captura de leads. Comparte el enlace o insértala. ![Paso 18: Crea un centro de demos](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_kzv3w91wig09.webp?v=1) ### Paso 19: Tu marca, automáticamente Tu logotipo, colores, fuentes y botones en cada tooltip y página. Impórtalos directamente desde tu sitio web. ![Paso 19: Tu marca, automáticamente](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_ifx2sqi6daaa.webp?v=1) ### Paso 20: Una base de conocimientos que se escribe sola Las demos publicadas se convierten en guías que tu equipo puede buscar, junto a las notas y archivos de tu producto. ![Paso 20: Una base de conocimientos que se escribe sola](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_dbcf3u9ug6vb.webp?v=1) ### Paso 21: Conecta tu asistente de IA Conecta Claude, ChatGPT o Cursor y pídele que reescriba, traduzca o publique una demo, o que consulte las cifras de esta semana. ![Paso 21: Conecta tu asistente de IA](https://media.atriumkit.com/media/demos/d_lXk5OpsKxoUw0fHs/frames/cap_Jq0ywRuAuIRUcemj/f_4ucj7dafus0l.webp?v=1) #### Tu turno Instala la extensión de Chrome y graba tu primera demo en minutos. Gratis para hasta tres demos publicadas. - **Empieza gratis** → - **Hablemos** → este camino termina aquí [Pruébalo en la demo interactiva](https://www.atriumkit.com/d/xsdf6e/atriumkit-in-two-minutes)