AI Chat Editing & Prompts

Learn how to customize, iterate, and fine-tune your website through natural conversation.

The Floating AI Chat Widget

Inside the Sitefire editor, you will see a floating AI Chat widget in the bottom corner of your site preview. Whenever you want to change something on your website, simply open the chat widget and type your request.

tips_and_updates

Conversational Editing Power: You can request color changes, text updates, new sections, layout shifts, form additions, or style tweaks—all in real-time.

Common AI Editing Prompt Examples

Here are examples of natural conversational prompts you can send while editing:

palette Styling & Themes

Change the primary accent color from blue to warm emerald green and make the hero title font bolder.

add_box Adding Sections

Add an FAQ accordion section right above the footer with 4 common questions about our shipping and return policy.

edit_note Copy & Content Editing

Rewrite the hero headline to be punchier for a B2B audience, emphasizing 50% time savings.

Section Focus, Image Uploads & Widget Controls

Section-Focused Editing: Hover over any section on your page preview to focus on that specific block, ensuring the AI modifies only the targeted section while leaving the rest of the page untouched.
Image Attachments & Paste: Click the image icon in the chat input bar (or paste an image directly from your clipboard) to upload JPEG, PNG, GIF, WEBP, or AVIF files up to 15 MB—either to embed on the page or use as a visual design reference.
Draggable Widget Positioning: Drag the floating Sitefire button anywhere on your screen or click the corner icon in the chat header to dock the chat window to any corner (Top Left, Top Right, Bottom Left, or Bottom Right).

Using Proactive AI Suggestions

Sitefire constantly analyzes your website design and conversion paths. Look out for contextual suggestion chips inside the chat widget. Clicking a suggestion will automatically apply design enhancements like:

Executing a complete modern makeover on an imported site
Improving color contrast and typography for better readability
Adding high-converting call-to-action buttons and mobile spacing improvements

Stepping Back with One-Click Undo & Version History

Never worry about making a mistake or trying out a bold design idea. Sitefire separates draft edits from your live site and maintains a complete revision history for every snapshot.

undo

How to Undo or Roll Back an Edit: When you have unpublished draft edits, click the Undo button right above the chat input box to revert your pending changes (or click Publish to make them live). To restore an earlier snapshot at any time, click History at the top of the chat window to preview any prior version and click Rollback.

west Creating Sites with AI Stripe Payments & Checkouts east