Understanding the Builder
How to use the visual drag-and-drop editor.
The Builder is where you spend most of your time. It's a big, infinite canvas where you connect blocks to build your logic. If you've ever used a flowchart or played with LEGO, you already know how this works!
The Anatomy of the Builder
1. The Canvas
The main area where you place your blocks.
- Move around: Click and drag the empty background.
- Zoom: Use your mouse wheel to get closer or see the "big picture."
2. The Sidebar (The Tool Chest)
On the left (or right), you'll see a list of categories like Core, Logic, Integrations, and Database. This is where you find new blocks to add.
3. The Blocks
Each block is a specific tool.
- Add a Block: Drag it from the sidebar onto the canvas.
- Configure a Block: Click on a block to open its settings. This is where you tell it exactly what to do (like which email address to send to).
Connecting the Dots (The "Flow")
Blocks only work if they are connected!
- Handles: You'll see small dots on the top and bottom (or sides) of blocks.
- Connect: Click a dot on one block and drag a line to a dot on another block.
- Direction: Logic flows from top to bottom. Start at your Endpoint Core and follow the lines to the end!
The "Error" Dot: Some blocks have a red dot. This is for when something goes wrong (e.g., "If the password is wrong, go here").
Shortcuts for Pros
| Action | Shortcut |
|---|---|
| Delete | Press Delete or Backspace |
| Duplicate | Ctrl + D (or Cmd + D) |
| Copy/Paste | Ctrl + C / Ctrl + V |
| Multi-Select | Hold Shift and drag a box |
Ready to build?
Now that you know how the tools work, go ahead and add your first logic block to your endpoint! Try the Response block to send a message back to the user.