- Build structured, branded NPS and CSAT widgets.
- Collect qualitative and quantitative feedback.
- Apply detailed validation rules.
- Export or route responses flexibly.
Survey elements
Survey elements appear under the Survey section in the Add element panel.
- Button: Required to trigger the survey submission.
- Short answer: Collects short textual input from users.
- Long answer: Ideal for longer, open-ended feedback.
- Multiple choice: Includes support for checkboxes, single or multiple selection, optional “Other” field, and answer randomization.
- NPS: Gathers Net Promoter Score data with optional follow-up questions.
- Scale: Renders a scale using numbers or emojis.
Settings
Button
General settings
- Button text:
- Enter your button’s text in the text field.
- Use the buttons in front of the text field to:
- Edit your text with AI.
- Access styling options.
- Edit your text’s font.
- Change your text’s alignment.
- Edit your text’s color.
- Add an emoji.
- Click the three-dots menu to:
- Remove formatting.
- Expand the text editor.
- Style: Change the button’s background type and color.
- Animation: Select an entrance or exit animation for your button.
Advanced settings
In Advanced Settings, you can define:- Default state: Whether the button appears by default.
If you turn off the button and previously activated Make required on any survey, the button automatically turns on once users respond to all required elements on the same screen.
- Redirection URL: The URL where the button redirects users.
- Open in new tab: Toggle whether the redirection URL opens in a new tab.
Design
Two tabs appear in the Design menu: general and style.General
In the General tab, you can define:- Alignment: Change the button’s alignment.
- Reposition and resize: You can position your button on the X and Y axes or define its width and height in pixels or percentage.
- Click Activate translate settings to access translation options. You can translate your button from its current X or Y axis position by a defined amount in pixels or percentage.
- Devices Synchronization: Select a device and choose how the button synchronizes with other devices.
- Fully synchronized: The button synchronizes all its properties with the master device.
- Partially synchronized: The button synchronizes all its properties with the master device, unless you change a property on another device.
- No synchronization: The button doesn’t synchronize any properties with the master device. Define the button’s properties on this device separately.
- Hide: The button doesn’t appear on the device.
- Padding: Add padding between the button’s borders and its text.
- CSS And Classes: Add CSS and classes to style your button.
Style
In the Style tab, you can define:- State: Options are enabled, hover, or off.
- Text: Determine the text’s line height and apply any desired transformations.
- Background: Change the button’s background type or color.
- Border: Add a border around all sides of the button or a custom border.
- Shadow: Add a shadow and edit its color or position.
Short answer and long answer
General settings
- Label/Question: The main prompt/question.
- Placeholder (optional): Text displayed before user input; disappears when the user starts typing.
- Pre-filled value (optional): Inserts a predefined response into the field.
- Default state: Determines whether the field is on or off when it loads.
Advanced settings
- Label position: Position the label in front of or behind the input field.
- Character limit: Maximum number of characters allowed.
- Make required: Forces users to answer a certain question before submitting. A
*is automatically appended to the label. Enabling Make required reveals the Validation rule section, allowing you to define additional input constraints. - Validation rule:
- Error message: Custom message shown when validation fails. Configure the style of the error message in Design > Answers by selecting the Invalid state.
Multiple choice
General settings
- Question: The question text shown in front of the answers.
- Answers: Add, remove, or reorder the answer choices. Click Add an answer to create more options.
Advanced settings
- Multiple selection: Allow users to select more than one answer. If off, users can select only one answer.
- Add “Other”: Adds an open-ended text input labeled “Other” so users can write a custom answer.
- Randomize answers: Randomly shuffles the order of the listed answers for each user to reduce selection bias.
- Make required: If enabled, users must select at least one response to submit the survey. A
*is automatically appended after the question label (same style as Question in the Design tab).
Scale
General settings
- Scale type: Emojis, Stars, Hearts, or Numbers.
- Scale item count: Number of values on the scale (for example, 1-5).
- Question: The main prompt.
Scale labels
- Label position: Show labels in front of the scale items, behind them, or hide labels.
- You can customize labels for each scale item.
Advanced settings
Make required: require users to respond before submission.NPS
Question structure
- The NPS question wording is partially fixed for standardization. You can edit only portions of the question. To change the language, go to the Translation tab and set a default language.
Fields
- How likely are you to recommend (X) to (Y)?
- You can edit the product/service and target fields.
- Follow-up question (optional):
- Show to All users or only to:
- Promoters (score 9-10)
- Passives (score 7-8)
- Detractors (score 0-6)
- Allows conditional follow-up content.
- Show to All users or only to:
- Make required: Mark only the initial NPS score as required. The follow-up question is always optional.