Saltar al contenido principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Diseño del botón deslizante


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


Consejo Q: Si no tiene acceso a ninguna de las funciones descritas en esta página, póngase en contacto con su Account Executive. Para obtener más información sobre las diferencias entre la opinión digital y CustomerXM for Digital, consulte Opinión digital frente a CustomerXM para Digital.

Acerca de los diseños de botón deslizante

Un deslizador es un diseño que se desliza fuera del lado de la página. Los botones deslizantes se pueden utilizar de muchas maneras diferentes, por ejemplo, proporcionando recomendaciones a los visitantes, publicitando promociones, integrando encuestas de opinión y generando leads. Por ejemplo, un botón deslizante podría contener un botón interactivo que se deslice para permitir que el visitante se registre para recibir su newsletter por correo electrónico.

En la página principal de Qualtrics, una pestaña con una encuesta se expande a la página

Los botones deslizantes son excelentes para mostrar contenido que agarra la atención de una manera menos disruptiva que la ventana emergente superpuesta porque los botones deslizantes no se superponen en toda la página o requieren que los visitantes interactúen con ellos para continuar con la página.

Cómo funciona

El botón deslizante se anima desde el borde de la página web. Puede deslizarse automáticamente cuando se carga la página, y también puede deslizarse una vez que el visitante se desplaza por la página hasta un punto que especifique.

Ejemplo: Muchas organizaciones de medios utilizan controles deslizantes para mostrar contenido relacionado una vez que el visitante termina de leer un artículo. Una vez que el lector está cerca de la parte inferior de la página, se desliza una barra que ofrece otro artículo que puede resultar interesante.

Además, puede definir una parte del diseño para que se muestre antes de que se deslice todo el diseño. Esto crea un “control visible” que permite al visitante deslizarse el diseño dentro o fuera. A menudo, esto toma la forma de un botón de retroalimentación en el que se puede hacer clic, pero puede ser lo que quiera.

Consejo Q: Las impresiones no se registran hasta que se muestra el cuerpo real del botón deslizante. El Control Visible no registrará una Impresión por sí mismo.

Opciones de botón deslizante

Un diseño deslizante se crea de la misma manera que otros tipos de diseños estándar, sobre los que puede obtener información en la página de soporte Editar sección de diseños.

Las siguientes opciones de la sección Opciones de diseño son exclusivas del diseño del botón deslizante:

Opciones del botón deslizante que normalmente aparecen a la izquierda en una barra lateral gris

Visualización del slider

Las opciones de visualización del botón deslizante funcionan igual que todas las opciones de temporización de los diseños. Consulte la página del enlace para obtener más información.

Eliminar al cerrar

“Eliminar al cerrar” elimina el botón deslizante de la pantalla cuando los visitantes hacen clic en el botón Cerrar que ha establecido. Esta opción solo afecta al comportamiento del Control deslizante cuando se activa un control visible.

Eliminar al hacer clic en el objetivo

“Eliminar en el clic de destino” elimina el botón deslizante de la pantalla cuando los visitantes hacen clic en el destino.

El slider tiene control visible

“Slider Has Visible Control” establece un área de control en la que se puede hacer clic. El cuadro Tamaño de control ajusta el ancho deseado (en píxeles).

El tamaño del control debe fijarse en el ancho del elemento que desea mostrar como control visible.

El tamaño del control está fijado en 32 px

A continuación se muestra un ejemplo. Cuando un visitante hace clic en el botón Comentarios de la imagen, se deslizará toda la barra:

El editor, donde el elemento previsto para ser el control resulta tener un ancho de 32

Deslizar hacia dentro/fuera con el desplazamiento de la página

Deslizar al desplazarse por la página especifica el porcentaje de la página o el número de píxeles que el visitante debe desplazarse para activar el botón deslizante.

Establezca la distancia en relación con la parte superior o inferior de la página.

Si se selecciona, la opción Deslizar/Deslizar tiene opciones adicionales

Consejo Q: Qualtrics ya no admite actualizaciones del ancho basado en porcentajes para el botón deslizante. Como alternativa, puede seleccionar el ancho basado en píxeles. Tenga en cuenta que esto se refiere al ancho una vez que se desliza, no al control visible.

Posición del slider

La posición del botón deslizante especifica desde dónde se encuentra el diseño. Utilice la opción Desplazamiento vertical para colocar el Diseño por encima o por debajo de esta posición inicial.

Cuadrícula verde alrededor del borde de un rectángulo que representa la página web. Desplazamiento vertical fijado en 50 px

Consejo Q: La posición del botón deslizante también afecta al lado en el que se encuentra el control visible (si está activado). Por ejemplo, si se desliza desde la parte izquierda de la pantalla, el control visible estará en la parte derecha del Diseño.

En la siguiente captura de pantalla, el control deslizante se colocó en la parte superior derecha de la pantalla utilizando el posicionamiento personalizado y la configuración Desplazamiento vertical a 50 px:

 

Captura de pantalla del deslizador en acción, donde el control es 50 px desde la parte superior de la página web

Preguntas frecuentes

Muchas de las páginas de este sitio han sido traducidas del inglés original utilizando la traducción automática. Aunque en Qualtrics hemos realizado nuestra diligencia debida para obtener las mejores traducciones automáticas posibles, la traducción automática nunca es perfecta. El texto original en inglés se considera la versión oficial, y cualquier discrepancia entre el inglés original y las traducciones automáticas no son legalmente vinculantes.