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©

1. Activa el editor gráfico en el sitio web de tu elección.
2. En la barra de herramientas de la derecha, haz clic en Nudge.
3. Escribe NPS© en el campo de búsqueda.
4. 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

1. En la pestaña Disposición, haz clic en Pop-in.
2. Elige el posicionamiento de contenido Arriba.
3. Haz clic en la pestaña Contenido.

Pestaña Contenido

1. 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?
2. Marca la casilla Hacer una pregunta abierta.
3. Introduce tu pregunta: «¿Tienes sugerencias de mejora?».
4. Conserva el texto por defecto del botón que deseas que aparezca: Enviar.
5. Marca la casilla Mostrar un mensaje de agradecimiento.
6. Escribe el mensaje que se mostrará una vez que los usuarios hayan dado una nota: ¡Gracias por tu colaboración!
7. Marca la casilla Mostrar una leyenda.
8. Conserva los valores de la leyenda para la nota mínima: Muy baja y de la leyenda para la nota máxima: Muy alta.
9. Haz clic en la pestaña Estilo.

.

Pestaña Estilo

Notas

1. En la fase Notas, selecciona la Apariencia clara.
2. 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.
3. 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%.
4. 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.
5. 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

1. 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.
2. 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.
3. Haz clic en la pestaña Condiciones.

Pestaña Condiciones

1. En la categoría Recurrencia, configura la recurrencia de visualización en Cada sesión.
2. Configura la Recurrencia tras el cierre a Cada sesión.
3. Configura la Recurrencia tras la validación a Cada sesión.
4. En la categoría Activador, elige la opción para que se active al cargarse la página.
5. Marca la casilla Ocultar automáticamente tras la validación después de 1 segundo.
6. Haz clic en Guardar.

Más información

Widget NPS (Net Promoter Score)