US English (US)
ES Spanish

Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form below and we will reply as soon as possible.

  • Appcues Certifications & Training
  • Integration Hub
  • Contact Us
Spanish
US English (US)
ES Spanish
  • Docs home
  • Experiencias móviles
  • Construyendo experiencias móviles

Crear con información sobre herramientas en un flujo móvil

Paso a paso sobre cómo crear un flujo móvil utilizando tooltips flotantes y ancladas.

Updated at August 1st, 2025

Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form with the details about the help content you'd like to see.

  • Home

  • Instalación y desarrolladores

    • Experiencias web

      • Experiencias móviles

        • Flujos de trabajo

          • Análisis y datos

            • Gestión de cuentas

              • Mejores prácticas

                • Integraciones

                  Esta guía explicará algunos ejemplos comunes de flujos que se pueden crear con tooltips móviles. Como parte de esta guía, utilizaremos tooltips flotantes y ancladas.

                  Para crear experiencias similares, recomendamos tener Appcues ya instalado en su aplicación con seguimiento de pantalla, enlaces profundos y elementos segmentables ya configurados.

                  Guía de construcción

                  Crear un flujo de información sobre herramientas en una sola pantalla

                  En este ejemplo, crearemos un flujo en una sola pantalla. Esto nos mostrará algunos ejemplos de comportamiento estándar con tooltips flotantes y ancladas.

                  Paso 1: Crea una tooltip anclada y actualiza el contenido

                  Esto es lo que hicimos con el nuestro:

                  Para facilitar la orientación de esta tooltip seleccionaremos una captura de pantalla para agregarla como fondo.

                  Paso 2: Agrega una captura de pantalla como fondo

                  Presione el icono de captura de pantalla

                  Luego selecciona la captura de pantalla que quieres usar como fondo.

                  Paso 3: Seleccione la pestaña "Objetivo"

                  Con la captura de pantalla cargada, seleccionaremos la pestaña Destino .

                  Y seleccione el botón Ajustar ubicación del objetivo para ingresar al modo de orientación para que podamos actualizar dónde estará el objetivo tooltip en la pantalla.

                  Usando los controles resaltados, actualizaremos el resaltado para mostrar el panel inferior en la aplicación.

                  Paso 4: Configurar las opciones de desestimación

                  En este flujo, no queremos que los usuarios salgan accidentalmente del flujo, por lo que seleccionaremos la pestaña Estilo y desactivaremos la opción Tocar para descartar .

                  Paso 5: Seleccione “Agregar” y seleccione la opción “ tooltip anclada”.

                  Ahora también queremos agregar una tooltip anclada a este flujo para brindarles a los usuarios contexto sobre los elementos en la pantalla que podrían estar en una ubicación inconsistente.

                  Seleccionaremos nuevamente la misma captura de pantalla ya que permaneceremos en la misma pantalla.
                  En tooltips , seleccionaremos Ajustar ubicación del objetivo y orientaremos la tooltip a uno de los elementos resaltados.

                  ¡Después de actualizar el contenido de tooltip tenemos un flujo de tooltip básico!

                  Cree un flujo móvil en todas las pantallas

                  Si está interesado en crear la experiencia en diferentes pantallas, no dude en consultar nuestra guía aquí: Cree un flujo móvil en todas las pantallas

                  ¡Feliz construcción!

                  Was this article helpful?

                  Yes
                  No
                  Give feedback about this article

                  Related Articles

                  • Pruebas móviles: Primeros pasos
                  • Crear flujos móviles
                  • Plantillas de pasos para dispositivos móviles
                  • Modales móviles y deslizables
                  • Información sobre herramientas móviles
                  Appcues logo

                  Product

                  Why Appcues How it works Integrations Security Pricing What's new

                  Use cases

                  Appcues Integration Hub User Onboarding Software Feature Adoption Software NPS & Surveys Announcements Insights Mobile Adoption

                  Company

                  About
                  Careers

                  Support

                  Developer Docs Contact

                  Resources

                  The Appcues Blog Product Adoption Academy GoodUX Case studies Webinar Series Made with Appcues Appcues University

                  Follow us

                  Facebook icon Twitter icon grey Linkedin icon Instagram icon
                  © 2022 Appcues. All rights reserved.
                  Security Terms of Service Privacy Policy

                  Knowledge Base Software powered by Helpjuice

                  Expand