En este ejemplo, describiremos las fases para crear el NPS© de la imagen:
Este widget contiene los siguientes elementos:
- una pregunta NPS©;
- una escala de calificación del 0 al 10;
- una pregunta abierta;
- un botón de envío;
- un mensaje de agradecimiento.
Acceder al widget NPS©
- Activa el editor gráfico en el sitio web de tu elección.
- En la barra de herramientas de la derecha, haz clic en Nudge.
- Escribe NPS© en el campo de búsqueda.
- Haz clic en la tarjeta NPS©.
Se muestra el formulario de configuración.
Puedes empezar a configurar el widget. La pestaña Disposición se muestra por defecto.
Pestaña Disposición
- En la pestaña Disposición, haz clic en Pop-in.
- Elige el posicionamiento de contenido Arriba.
- Haz clic en la pestaña Contenido.
Pestaña Contenido
- En el campo Pregunta, conserva el texto por defecto que se muestra en el widget, encima de la escala de calificación. ¿Cuál es la probabilidad de que nos recomiendes a alguien cercano?
- Marca la casilla Hacer una pregunta abierta.
- Introduce tu pregunta: «¿Tienes sugerencias de mejora?».
- Conserva el texto por defecto del botón que deseas que aparezca: Enviar.
- Marca la casilla Mostrar un mensaje de agradecimiento.
- Escribe el mensaje que se mostrará una vez que los usuarios hayan dado una nota: ¡Gracias por tu colaboración!
- Marca la casilla Mostrar una leyenda.
- Conserva los valores de la leyenda para la nota mínima: Muy baja y de la leyenda para la nota máxima: Muy alta.
- Haz clic en la pestaña Estilo.
.
Pestaña Estilo
Notas
- En la fase Notas, selecciona la Apariencia clara.
- En la categoría Contorno, ajusta el grosor del contorno a 0 px, el redondeo del contorno a 20 px y deja el color en #1079ff.
- En la categoría Fondo, deja el color de fondo en #ffffff y el color del segundo plano en #000000. Conserva la opacidad del segundo plano en 50%.
- En la categoría Caja, deja el color en #1079ff, ajusta el espaciado entre la pregunta y la respuesta a 40 px, el relleno horizontal y vertical a 40 px y los márgenes horizontales y verticales a 0 px.
- En la categoría Estilo de los botones, deja el espacio entre los botonesen 5 px, elige el contraste oscuro y la forma de los botones redondeada con un borde de 8 px, deja el color de fondo y del contorno de los botones en #1079ff y el color del texto de los botones en #ffffff y ajusta el grosor del contorno a 0 px.
Pregunta abierta
- En la fase Pregunta abierta, en la categoría Estilo del campo, ajusta el grosor del borde a 1 px y ajusta el espacio con el botón a 30 px.
- En la categoría Estilo del botón de envío, ajusta el color de fondo del botón a #1079ff y el color del texto del botón a #ffffff.
- Haz clic en la pestaña Condiciones.
Pestaña Condiciones
- En la categoría Recurrencia, configura la recurrencia de visualización en Cada sesión.
- Configura la Recurrencia tras el cierre a Cada sesión.
- Configura la Recurrencia tras la validación a Cada sesión.
- En la categoría Activador, elige la opción para que se active al cargarse la página.
- Marca la casilla Ocultar automáticamente tras la validación después de 1 segundo.
- Haz clic en Guardar.
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.