<aside> 🌐

The Script Builder is the visual editor in the Subo Web App where you create and organize all the questions in your survey or poll. Open it by going to a project and clicking the Script tab.

</aside>

1. Overview: the 3-panel layout

The Script tab is divided into three panels:

Panel What it does
Left — Script list Shows all your blocks in order. Click any block to select it. Drag to reorder.
Center — Canvas editor Edit the selected block: question text, answer choices, settings.
Right — Live preview Shows exactly how respondents will see this question (web or Discord style).

<aside> 📸

Screenshot needed: Full Script tab showing all 3 panels with a question selected

</aside>

2. Block types

Each item in your questionnaire is a block. Blocks can be questions or content elements.

Question blocks

Block type What it's for Example
Single-select Choose exactly one answer from a list What is your favorite console?
Multi-select Choose one or more answers from a list Which platforms do you use?
Yes / No Simple binary choice (auto-translated) Would you recommend us?
Open text Free-form written answer What could we improve?
Numeric Number input only How many hours per week do you play?
Date Date picker What date works best for you?
Rating Star or scale rating Rate your experience (1–5)
Email Email address input with validation Enter your email to receive updates
Discord name Auto-fills the respondent's Discord username Confirm your Discord handle

Content blocks

Content blocks add context between questions — they are not answered by respondents.

Block type What it's for
Text Static instructions or section headers
Image Display an image (paste a public URL)
Video Embed a video (paste a public URL)

<aside> 💡

Use Text blocks to introduce sections of a long survey, or to give respondents context before a tricky question.

</aside>

3. Adding a block

  1. Click + Add block at the bottom of the left panel (or between existing blocks)
  2. Select the block type from the menu
  3. The new block appears selected in the center editor — start typing your question text

<aside> 📸

Screenshot needed: Block type picker menu open

</aside>

4. Editing a block

Click any block in the left panel to select it. In the center editor you can: