What is the edit tool?

The Edit Tool is Promake's powerful visual editing tool that lets you modify your website by simply clicking on elements. No coding required – just point, click, and edit.

The Power of Visual Editing

While the AI chat is great for building and major changes, sometimes you just want to:

• Fix a typo quickly
• Change a single image
• Adjust a color
• Tweak some spacing

That's where the Edit Tool shines. It's like having a magic wand that lets you modify anything you can see.

How the Edit Tool Works

1. Enable Edit Mode - Click the Edit Tool button in the toolbar
2. Hover over elements - Elements highlight as you move your mouse
3. Click to select - Click any element to select it
4. Edit directly - Make changes using the editing panel

What Can You Edit with the Edit Tool?

Text Content

• Headlines and titles
• Paragraphs and descriptions
• Button labels
• Menu items
• Any text on your website

Images

• Replace images with new ones
• Upload from your device
• Adjust image properties

Styles

• Colors (background, text, borders)
• Fonts and text sizes
• Spacing (padding, margins)
• Borders and shadows
• And much more

Edit Tool vs. Chat

| Feature | Edit Tool | Chat | | ------------------- | ---------- | ------- | | Quick text edits | Fastest | Fast | | Image replacement | Best | Good | | Style tweaks | Best | Good | | Adding new sections | No | Best | | Structural changes | No | Best | | Complex features | No | Best |

Enabling Edit Mode

Method 1: Toolbar Button

Look for the Edit Tool icon (cursor/pointer icon) in the preview toolbar and click it.

Method 2: Right-Click

Right-click on any element in the preview to open Edit Mode directly on that element.

Edit Tool Interface

When Edit Mode is active, you'll see:

Selection Highlight

• Elements glow when you hover over them
• Selected elements have a visible border
• Parent/child relationships are shown

Editing Panel

The panel appears when you select an element, showing:

• Text tab - Edit text content
• Image tab - Replace images (for image elements)
• Style tab - Modify visual styles
• AI tab - Ask AI for help with this element

Tips for Using the Edit Tool

Be Precise

Click exactly on the element you want to edit. If you select the wrong element, click elsewhere and try again.

Start Small

Make one change at a time and see the result before making more changes.

Use Tab Navigation

The editing panel has tabs – explore each one to see all available options.

Combine with Chat

For complex changes, describe what you want in chat. For quick fixes, use the Edit Tool.

When to Use the Edit Tool

• Fixing typos
• Updating prices
• Changing contact information
• Swapping images
• Adjusting colors
• Fine-tuning spacing
• Adding new pages
• Creating new sections
• Complex layout changes
• Adding functionality
• Major redesigns

Saving Changes

Changes made in Edit Mode are saved automatically. You'll see them reflected in:

• The live preview
• Your version history
• The published site (after you publish)