Skip to main content
En el Widget Studio, puede crear encuestas totalmente funcionales (por ejemplo, NPS, CSAT, formularios de satisfacción, feedback de productos) utilizando un conjunto de Survey elements dedicados. Cada elemento incluye su propia personalización. El conjunto de elementos Survey le permite:
  • Crear widgets NPS y CSAT estructurados y acordes con su marca.
  • Recopilar feedback cualitativo y cuantitativo.
  • Aplicar reglas de validación detalladas.
  • Exportar o dirigir las respuestas con flexibilidad.
Puede recopilar los datos de la encuesta en Kameleoon (exportables en formato .csv) o enviarlos a un servicio externo mediante una solicitud HTTP.

Elementos de encuesta

Los elementos de encuesta aparecen en la sección Survey del panel Add element.
  • Button: Obligatorio para desencadenar el envío de la encuesta.
  • Short answer: Recopila entradas de texto breves de los usuarios.
  • Long answer: Ideal para feedback abierto y más extenso.
  • Multiple choice: Admite casillas de verificación, selección única o múltiple, campo “Other” opcional y aleatorización de respuestas.
  • NPS: Recopila datos de Net Promoter Score con preguntas de seguimiento opcionales.
  • Scale: Muestra una escala utilizando números o emojis.
Cada elemento se puede configurar utilizando opciones de configuración y estilo específicas en el Widget Studio.

Configuración

Button

Configuración general

  • Button text:
    • Introduzca el texto de su botón en el campo de texto.
    • Utilice los botones situados delante del campo de texto para:
      • Editar su texto con IA.
      • Acceder a las opciones de estilo.
      • Editar la fuente de su texto.
      • Cambiar la alineación de su texto.
      • Editar el color de su texto.
      • Añadir un emoji.
    • Haga clic en el three-dots menu para:
      • Eliminar el formato.
      • Ampliar el editor de texto.
  • Style: Cambie el tipo y color de fondo del botón.
  • Animation: Seleccione una animación de entrada o salida para su botón.

Configuración avanzada

En Advanced Settings, puede definir:
  • Default state: Si el botón aparece de forma predeterminada.
Si desactiva el botón y previamente había activado Make required en alguna encuesta, el botón se activará automáticamente una vez que los usuarios respondan a todos los elementos obligatorios de la misma pantalla.
  • Redirection URL: La URL a la que el botón redirige a los usuarios.
  • Open in new tab: Active o desactive si la URL de redirección se abre en una pestaña nueva.

Design

En el menú Design aparecen dos pestañas: General y Style.
General
En la pestaña General, puede definir:
  • Alignment: Cambie la alineación del botón.
  • Reposition and resize: Puede posicionar su botón en los ejes X e Y o definir su anchura y altura en píxeles o en porcentaje.
    • Haga clic en Activate translate settings para acceder a las opciones de traslación. Puede trasladar su botón desde su posición actual en el eje X o Y en una cantidad definida en píxeles o en porcentaje.
  • Devices Synchronization: Seleccione un dispositivo y elija cómo se sincroniza el botón con otros dispositivos.
    • Fully synchronized: El botón sincroniza todas sus propiedades con el dispositivo maestro.
    • Partially synchronized: El botón sincroniza todas sus propiedades con el dispositivo maestro, a menos que cambie una propiedad en otro dispositivo.
    • No synchronization: El botón no sincroniza ninguna propiedad con el dispositivo maestro. Defina las propiedades del botón en este dispositivo por separado.
    • Hide: El botón no aparece en el dispositivo.
  • Padding: Añada relleno entre los bordes del botón y su texto.
  • CSS And Classes: Añada CSS y clases para dar estilo a su botón.
Style
En la pestaña Style, puede definir:
  • State: Las opciones son enabled, hover o off.
  • Text: Determine la altura de línea del texto y aplique las transformaciones que desee.
  • Background: Cambie el tipo o color de fondo del botón.
  • Border: Añada un borde alrededor de todos los lados del botón o un borde personalizado.
  • Shadow: Añada una sombra y edite su color o posición.

Short answer y long answer

Configuración general

  • Label/Question: La indicación o pregunta principal.
  • Placeholder (optional): Texto mostrado antes de la entrada del usuario; desaparece cuando el usuario empieza a escribir.
  • Pre-filled value (optional): Inserta una respuesta predefinida en el campo.
  • Default state: Determina si el campo está activado o desactivado al cargarse.

Configuración avanzada

  • Label position: Posicione la etiqueta delante o detrás del campo de entrada.
  • Character limit: Número máximo de caracteres permitidos.
  • Make required: Obliga a los usuarios a responder a cierta pregunta antes de enviar. Se añade automáticamente un * a la etiqueta. Al habilitar Make required se revela la sección Validation rule, lo que le permite definir restricciones de entrada adicionales.
  • Validation rule:
  • Error message: Mensaje personalizado que se muestra cuando falla la validación. Configure el estilo del mensaje de error en Design > Answers seleccionando el Invalid state.

Multiple choice

Configuración general

  • Question: El texto de la pregunta mostrado delante de las respuestas.
  • Answers: Añada, elimine o reordene las opciones de respuesta. Haga clic en Add an answer para crear más opciones.

Configuración avanzada

  • Multiple selection: Permite a los usuarios seleccionar más de una respuesta. Si está desactivada, los usuarios solo pueden seleccionar una respuesta.
  • Add “Other”: Añade una entrada de texto abierta etiquetada como “Other” para que los usuarios puedan escribir una respuesta personalizada.
  • Randomize answers: Mezcla aleatoriamente el orden de las respuestas listadas para cada usuario para reducir el sesgo de selección.
  • Make required: Si está habilitada, los usuarios deben seleccionar al menos una respuesta para enviar la encuesta. Se añade automáticamente un * después de la etiqueta de la pregunta (mismo estilo que Question en la pestaña Design).

Scale

Configuración general

  • Scale type: Emojis, Stars, Hearts o Numbers.
  • Scale item count: Número de valores en la escala (por ejemplo, 1-5).
  • Question: La indicación principal.

Etiquetas de la escala

  • Label position: Muestre las etiquetas delante de los elementos de la escala, detrás de ellos, u ocúltelas.
  • Puede personalizar las etiquetas para cada elemento de la escala.

Configuración avanzada

Make required: Exige a los usuarios responder antes del envío.

NPS

Estructura de la pregunta

  • La redacción de la pregunta NPS es parcialmente fija por motivos de estandarización. Solo puede editar partes de la pregunta. Para cambiar el idioma, vaya a la pestaña Translation y establezca un idioma predeterminado.

Campos

  • How likely are you to recommend (X) to (Y)?
    • Puede editar los campos de producto/servicio y de destinatario.
  • Follow-up question (optional):
    • Puede mostrarla a All users o solo a:
      • Promoters (puntuación 9-10)
      • Passives (puntuación 7-8)
      • Detractors (puntuación 0-6)
    • Permite contenido de seguimiento condicional.
  • Make required: Solo la puntuación NPS inicial puede marcarse como obligatoria. La pregunta de seguimiento siempre es opcional.