Adding Components

Using the Chat Interface

The primary way to add components to your landing page is through the AI Chat. The AI understands the context of your design and can suggest the right blocks.

1. Open the Editor.
2. Focus the Chat Input at the bottom of the screen.
3. Type / to open the command menu and select Components, or type /components directly.

Component Selector

When you trigger the /components command, the Component Selector modal appears. This tool is designed to help you find the exact visual element you need.

Searching and Filtering

• Search Bar: Type keywords like "hero", "testimonial", or "footer".
• Category Filter: Narrow down by specific categories (e.g., Marketing, Commerce).
• Type Toggle: Switch between Components (small elements) and Blocks (full sections).

Selecting Items

1. Browser the grid or use search to find items.
2. Click a card to toggle selection. You can select up to 5 items at once.
3. Click Add (2) to confirm your selection.

The selected components will be attached to your chat message. You can then add specific instructions.

Example Prompts

• Simple: "Add these components to the bottom of the page."
• Styling: "Use this Pricing Table but make the 'Pro' tier highlighted in our brand primary color."
• Content: "Insert this Testimonial block and fill it with 3 placeholders for our upcoming case study."

Advanced: Pasting IDs

If you have a specific component ID (e.g., from a colleague), you can paste it directly into the chat input. The system will automatically recognize it as a registry item and attach it.

FAQ