Skip to main content

​
Using the AI Chat Sidebar

The AI chat sidebar is your assistant for making changes to your website using natural language. The chat sidebar is on the left side of the editor. Toggle visibility with the sidebar button in the header.

​
Chat Components

​
Message History

  • Your prompts (right-aligned)
  • AI responses (left-aligned)
  • Action confirmations
  • Error messages

​
Input Area

  • Text field for prompts
  • Send button
  • Image upload (some agents)

​
Sample Prompts

Quick-start suggestions based on context.

​
Making Requests

​
Simple Edits

Change the hero headline to "Welcome to Our Store"

​
Style Changes

Make the buttons blue with rounded corners

​
Content Updates

Add a testimonials section after the features

​
Complex Requests

Redesign the pricing section with three tiers: 
Basic at $9, Pro at $29, and Enterprise at $99

​
Context Awareness

The AI understands:
  • Current page content
  • Selected elements
  • Recent changes
  • Your business info

​
Image Upload

Some agents support image input:
  1. Click image icon
  2. Upload reference image
  3. AI uses for inspiration

​
Collapsing Sidebar

Need more preview space?
  • Click sidebar toggle
  • Sidebar hides
  • Click again to show

​
Tips for Better Results

​
Be Specific

❌ “Make it better” ✅ “Make the headline larger and add a subtitle”

​
Reference Elements

❌ “Change the color” ✅ “Change the hero section background to dark blue”

​
Iterate

Start broad, then refine with follow-up requests.

​
Chat History

  • Scroll up to see history
  • Reference previous requests
  • Context maintained in session

​
Next Steps