# EasySite Pro — Client Guide

This guide is for **site owners** who received a login from their agency or designer. No technical skills required.

---

## 1. Log in

1. Open the login URL your agency sent you (usually `yoursite.com/wp-admin`)
2. Enter your **username** and **password**
3. You land on a simplified dashboard — that’s normal

**In WordPress:** open **Help & Guides** in the left sidebar for step-by-step instructions with screenshots.

> **Tip:** Bookmark the login page. Use a password manager if your agency set one up for you.

---

## 2. Edit your website visually

This is the main way you update your site.

1. From the dashboard, click **Edit your site visually**  
   — or visit your homepage and click **Edit Page Visually** in the top bar
2. **Click any text** to change it — headlines, paragraphs, button labels
3. **Click any image** to replace it with a photo from your computer
4. When finished, click **Save** (or press **Ctrl+S** on Windows / **Cmd+S** on Mac)

### What you can change

- Homepage and other pages your agency enabled
- Text, images, and buttons inside each section
- Your logo and brand colors (see section 4)
- Contact form field labels (toolbar → **Form labels**)

### What you should not change

- Don’t install plugins or themes — your agency handles that
- Don’t delete whole sections unless your agency said it’s OK
- If something looks wrong, use **Undo** (toolbar or **Ctrl+Z**) before saving

---

## 3. Add or reorder content (if enabled)

Your agency may have given you permission to add sections:

1. In the visual editor, click **Add section**
2. Pick a type (e.g. text, image + text, FAQ, call-to-action)
3. Fill in the fields and save

To reorder sections, use the move controls on each section (if shown).

---

## 4. Logo and brand colors

1. Go to **EasySite Setup → Site Colors & Logo**
2. Upload your **logo** (PNG or JPG, transparent background works best)
3. Set **main brand color** and **accent color**
4. Save — changes apply across the site

---

## 5. Get help writing copy

In the visual editor, many text fields have a **Write for me** button:

- Click it for suggested text you can edit
- Works without any setup (demo mode)
- Your agency may connect AI for smarter suggestions

---

## 6. Contact forms

Your site may have a contact, booking, or quote form.

- Visitors submit through the form on your site
- Submissions go to the email your agency configured
- To change field labels (e.g. “Your name”), use **Form labels** in the visual editor toolbar

**Test it:** Submit the form yourself once to confirm you receive the email.

---

## 7. Shop (if you sell online)

If your site has a shop:

- **Products** are managed by your agency (or WooCommerce → Products if you have access)
- You can usually edit product descriptions and images in the visual editor on shop pages
- Checkout and payments are handled by WooCommerce (PayPal, Stripe, etc.)

Ask your agency before changing prices or payment settings.

---

## 8. Page SEO (optional)

If your agency enabled it, open **Page SEO** in the visual editor toolbar to edit:

- Page title (what appears in browser tabs and Google)
- Meta description (short summary for search results)

Keep descriptions honest and under ~160 characters.

---

## 9. Keyboard shortcuts

| Shortcut | Action |
|----------|--------|
| **Ctrl+S** / **Cmd+S** | Save changes |
| **Ctrl+Z** / **Cmd+Z** | Undo last change |
| **Esc** | Close open panel |

---

## 10. Troubleshooting

| Problem | What to try |
|---------|-------------|
| Can’t log in | Check username/password; ask agency to reset |
| Don’t see “Edit Page Visually” | You may need a different account — contact agency |
| Changes not showing | Click **Save**; hard-refresh the page (Ctrl+F5) |
| Broke something | **Undo** before saving; or contact agency for a backup restore |
| Form not sending email | Contact agency — server email may need configuration |

---

## 11. Get support

- **Your agency:** Check the welcome message on your dashboard for their contact details
- **More detail:** [Visual Editor guide](guides/VISUAL-EDITOR.md)
- **Agency docs:** Your designer may share [CLIENT-HANDOFF.md](CLIENT-HANDOFF.md) for context on what they set up
