Customer Experience
Employee Experience
Brand Experience
Core XM
Design XM

Diseño del botón deslizante

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 los comentarios digitales y CustomerXM for Digital, consulte Opinión digital vs. 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.

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 de botón deslizante se crea del mismo modo que otros tipos de diseños estándar, que puede consultar en la página de soporte Editar sección de diseño.

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

Visualización del panel deslizante

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.

Borrar 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.

Borrar 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.

Panel deslizante con 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.

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:

Mostrar/ocultar el slider al desplazarse por 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.

Consejo Q: Qualtrics ya no admite actualizaciones del ancho basado en porcentajes para el control 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 hacia fuera, no al control visible.

Posición del botón deslizante

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.

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 botón deslizante se colocó en la parte superior derecha de la pantalla utilizando el posicionamiento personalizado y configurando Desplazamiento vertical a 50 px:

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.