Botón para proporcionar una opinión

Acerca del botón de Opinión

El botón de opinión es una forma sutil de recopilar opinión de los visitantes del sitio web sin interrumpir lo que están haciendo. Los botones de Opinión aparecen como una pestaña en el costado de una página y, cuando se hace clic en ellos, se deslizan para mostrar más información o se expanden como una nueva superposición sobre la pantalla. Independientemente de cómo se implementen, los botones de opinión facilitan que los visitantes inicien el proceso de opinión .

Si miras a la izquierda de este artículo de soporte, ¡verás un ejemplo de un botón de opinión en acción!

Crear un botón de Opinión

1. Crear una intercept guiada.
2. Mantener la plataforma establecida en Sitio web .
   
3. Seleccionar Cubrir.
4. Hacer clic Crear Intercept.
5. En la página de Configuración, seleccione Apariencia.
   
6. Seleccionar Botón de Opinión.
   
7. Complete los pasos que se describen a continuación en esta página de soporte:
   • Apariencia y diseño
   • Visualización de encuesta
8. Agregar Traducciones, si es necesario.
9. Hacer clic Agregar conexión para agregar un enlace personalizado o una encuesta al cuadro de diálogo.
10. Seleccione una de las siguientes opciones:
    
    • Elija una encuesta existente: Enlace a una encuesta a la que tiene acceso. Asegúrese de que el proyecto que desea utilizar esté abierto y tenga un enlace anónimo disponible.
    • Añadir un enlace externo: Pegue una URL completa.
11. Hacer clic Guardar conexión.
12. Agregar lógica de segmentación.
    
13. Agregar datos embebidos.
14. Ajustar configuración de intercept , como cuando se muestra la intercept y se conecta al XM Directory.
15. Pon a prueba tu intercept .
16. Publique los cambios.
17. Implementar cambios .

Apariencia y diseño

En el Mira y siente Sección, puede personalizar la aspecto visual y operativo general de la diseño de la siguiente manera:

• Posición del botón: Configurar dónde debe aparecer el botón en la página web.
• Texto del botón: Especifique el texto en el botón.
• Icono del botón: Elige el icono que deseas mostrar en el botón a la izquierda de tu texto.
• Color del texto: Elige el color del texto de tu botón.
• Color del botón: Elija el color del botón en sí.
• Forma del botón: Configure el radio del borde de su botón. Esto determina qué tan redondeadas serán las esquinas.
• Utilice mi propio botón: Sube tu propia imagen para usarla como botón. Tiene la opción de utilizar el tamaño de la imagen tal como está o cambiar su tamaño al tamaño apropiado. Si utiliza su propio botón, obtendrá un campo donde puede ingresar texto alternativo para ello, para utilizar con tecnología de lectura de pantalla.
  

• Utilice una plantilla:Utilice un tema de la encuesta como plantilla para la configuración de estilo del creativo. Esto importará la configuración de color principal y espaciado de preguntas de ese tema de encuesta .
  
  Consejo Q:Las configuraciones en el diseño están desconectadas del tema utilizado como plantilla. La configuración del elemento creativo no se actualiza si cambia el tema de la plantilla, y cambiar la configuración del elemento creativo no cambiará el tema de la plantilla.
• Personalizar CSS:Personalice el CSS del botón de opinión como desee. Puede agregar clases y propiedades personalizadas además de las predeterminadas. Es posible que las modificaciones realizadas aquí no se reflejen en la vista previa; recuerda prueba su intercept antes del despliegue completando la configuración guiada.
  Atención: El siguiente código se proporciona tal cual y requiere conocimientos de programación para implementarlo. El soporte técnico de Qualtrics no ofrece asistencia o consultoría sobre codificación personalizada. En su lugar, puede preguntar a los usuarios especializados de nuestra comunidad.
  Advertencia: Si hay varios botones de opinión en la misma página, el CSS personalizado afectará a todos los botones de la página. El CSS de la intercept que se cargó por última vez se aplicará a todas las intercepciones de la página. Recomendamos utilizar solo 1 botón de opinión por página cuando se utilizan CSS personalizados.

  -Haga clic aquí para ver el CSS predeterminado para los botones de opinión

  Si elimina los selectores o clases CSS dentro de la plantilla predefinida, no podrá actualizar ni recargar la plantilla. A continuación se muestra esta plantilla en caso de que necesite restablecer el CSS de su intercepción:
  /* Utilice las clases siguientes para anular los estilos de los botones de opinión .
Atención: El siguiente código se proporciona tal cual
y requiere conocimientos de programación para implementarlo.
El soporte técnico de Qualtrics no ofrece asistencia o consultoría sobre codificación personalizada.
En su lugar, puede preguntar a los usuarios especializados de nuestra comunidad.
Para obtener ayuda con el código personalizado, visite qualtrics
NOTA: Los cambios realizados aquí no se reflejarán en la vista previa.
Asegúrese de probar los cambios manualmente. */
/* Botón de opinión de estilo del contenedor principal. Este es un contenedor que se encuentra en la parte superior de toda la pantalla y es mayoritariamente transparente y alberga el botón de opinión */
Botón de retroalimentación QSI {
/* índice z: 1; */
/* espacio en blanco: normal !importante; */
}
/* Botón de opinión de estilo */
Botón #QSIFeedback-btn div {
/* altura de línea: 1em !importante; */
/* margen: 0 0.5em 0 0 !importante; */
/* ancho: auto !importante; */
/* tamaño de fuente: hereda !important; */
/* peso de fuente: normal !importante; */
/* estilo de fuente: normal !importante; */
/* mostrar: en línea !importante; */
/* color: #000000 !importante; */
/* color de fondo: #136ef6 !importante */
}
/* Estilo de encuesta de contenedor iFrame. Aquí se encuentra el iFrame y aparece al hacer clic en el botón de opinión */
#Contenedor desplegable QSIFeedbackButton.QSIFeedbackButton {
/* visualización: bloque en línea !importante; */
/* margen derecho: 5px !importante; */
}
/* encuesta de estilos iFrame */
#QSIFeedbackButton-encuesta-iframe {
/* visualización: bloque en línea !importante; */
/* altura: 100% !importante; */
/* ancho: 100% !importante; */
}

Todas las opciones anteriores se pueden configurar por separado para controlar cómo se mostrará el botón de opinión en los navegadores web de escritorio y en los navegadores web móviles, utilizando el Web (Escritorio) o Web móvil cortina a la italiana.

Para la web móvil, también hay una opción para deshabilitar completamente esta diseño, si es necesario. Seleccionar No mostrar este botón en el navegador móvil para desactivarlo para el móvil.

Visualización de la Encuesta

En el Visualización de la Encuesta Sección, puedes controlar cómo se muestra la encuesta real una vez que el usuario hace clic en el botón de opinión .

Las opciones de visualización de la encuesta para Web (Escritorio) son:

• Visualización web:
  • Slider:La encuesta se mostrará en un slider que se desliza hacia adentro y hacia afuera. Si tienes Agrega un ícono para descartar el botón de opinión habilitado, al hacer clic en la X se cerrarán tanto el slider como el botón de opinión (por ejemplo, todo el diseño desaparecerá de la pantalla).
  • Cubrir:La encuesta se mostrará en una ventana incrustada. También podrás configurar el nivel de oscuridad de la superposición con el Desvanecer el fondo campo. Si tienes Agrega un ícono para descartar el botón de opinión habilitado, al hacer clic en la X se descartará la encuesta incorporada, pero aún verá el botón de opinión y podrá volver a seleccionarlo, si lo desea.
  • Nueva ventana:La encuesta aparecerá en una nueva ventana.
• Tamaño de la Encuesta : Controle el tamaño de la encuesta (altura) en su página en términos de porcentaje de la altura total de la página. Sólo es una opción si elige Slider para visualización web.
• Agregue un icono para descartar el botón de opinión : Agregue la opción para que los usuarios puedan hacer que el botón de opinión desaparezca.
• Título del iframe: Si ha añadido un objetivo embebido A su intercept correspondiente, agregue un título que los lectores de pantalla puedan interpretar.

Las opciones de visualización de la encuesta para Web móvil son:

• Visualización web móvil:
  • Levantar:La encuesta aparecerá en una ventana desplegable que cubrirá una parte de la pantalla. Si tienes Agrega un ícono para descartar el botón de opinión habilitado, al hacer clic en la X se descartará la encuesta incorporada, pero aún verá el botón de opinión y podrá volver a seleccionarlo, si lo desea.
    Consejo Q:La apariencia de la ventana desplegable se puede ajustar mediante un código personalizado que requiere conocimientos de programación para implementarlo. El soporte técnico de Qualtrics no ofrece asistencia o consultoría sobre codificación personalizada. Siempre puedes intentar preguntarnos Comunidad de usuarios dedicados en cambio. Si desea obtener más información sobre nuestros servicios de codificación personalizada, póngase en contacto con su ejecutivo de cuentas de Qualtrics.
  • Nueva pestaña:La encuesta aparecerá en una nueva pestaña del navegador. Si selecciona esta opción, no tendrá la opción de agregar un título iframe porque navegará a una nueva pestaña del navegador para la encuesta .
• Título del iframe: Si ha añadido un objetivo embebido A su intercept correspondiente, agregue un título que los lectores de pantalla puedan interpretar.

Cambios en el botón de Opinión

Preguntas frecuentes