Chapter 1 of 9
Your website, and how to run it.
Nine short videos. By the end you'll be able to change any words, any photo, and post news — on your own, without calling anyone.
The site as visitors see it today.
How to use this guide
Each chapter has one video with narration. Click play and watch — then try the same thing on your own site. Use the arrow keys, or the chapter list on the left, to move around.
These were recorded from the owner account, so you'll see some extra design panels on the right side of the screen. Your view is the same site and the same steps — just with fewer buttons.
Every change is saved as a draft first. The site visitors see does not change until someone clicks Publish — that's Chapter 8.
Chapter 2 of 9
Where you edit.
Everything happens in one screen. Two things to find: the page you're on, and the switch between pages and news.
The page name at the top center opens the full list of pages.
- The page name, top center.
Click it to see every page on the site — Home, About, Programs, Ways to Give, News, Contact, Annual Dinner. Click any one to open it.
- Design, top left.
This is where the pages live. Text, photos, buttons.
- CMS, next to it.
This is where news posts live. Chapter 6 covers it.
Home, About, Programs, Ways to Give, Contact, Annual Dinner. Each one is edited directly.
Every article on the News page. You add these as items, not as new pages.
Chapter 3 of 9
Change any words on a page.
The most common edit, and the easiest one. If you can type, you can do this.
Double-click, pick the word, type. That's the whole thing.
- Double-click the text.
A blue box appears around it. You're now editing that block of text.
- Double-click a word to select it.
Or drag across a whole sentence. Then type the replacement.
- Press Escape when you're done.
The change is saved automatically as a draft.
Press Ctrl+Z (Cmd+Z on a Mac) to undo. You can press it several times to step back through your changes.
Chapter 4 of 9
Change a photo.
Photos are swapped from a library. Every image ever uploaded to the site is in there.
Select the photo, open Settings, then Replace Image.
- Click the photo in the list on the left.
That list is every piece of the page, stacked in order. Clicking the photo's name selects it.
- Open Settings on the right.
You'll see the current photo, its size, and a Replace Image button.
- Click Replace Image.
Your photo library opens on the left. Pick one, or drag a new file in to upload it.
- Fill in the alt text.
One short sentence describing the photo. It's what a blind visitor hears, and what Google reads.
Use a wide, landscape photo for page headers and news cards. Anything under about 500 KB keeps the site fast — most phone photos need to be shrunk first.
Chapter 5 of 9
Update the Annual Dinner.
The page you'll touch most often. Every year: the date, the place, and the ticket link.
Same technique as Chapter 3 — this page is just text and one button.
The yearly checklist
| What to update | Where |
|---|---|
| The date and the venue | Annual Dinner page — double-click the text |
| The ticket or RSVP link | The button — see Chapter 7 |
| The photo from last year | The page header — see Chapter 4 |
| A "save the date" announcement | A news post — see Chapter 6 |
Chapter 6 of 9
Post a piece of news.
News posts are the one thing you add rather than edit. They appear on the News page automatically.
CMS, then Posts, then New Post. Cancel any time and nothing is created.
The fields, and what each one does
| Field | What it's for |
|---|---|
| Name | The headline. Keep it under about 60 characters. |
| Slug | The web address. It fills itself in — leave it alone. |
| Eyebrow | The small line above the title, e.g. "Announcement · November 2026". |
| Summary | One or two sentences. This is what shows on the News page card. |
| Featured image | A landscape photo. It appears on the card and at the top of the post. |
| Body | The article itself. |
| Date | Sorts the News page — newest first. |
| Featured | ON puts the post at the top of News as a large card. |
| External link | Optional. Use it to point a post at another page, like /annual-dinner. |
You can save a post without publishing it. Write it, come back tomorrow, then publish when it reads right.
Chapter 7 of 9
Where the buttons go.
Donate buttons, ticket links, "read more" — every button points somewhere, and you can change where.
Click the button, open Settings, and the destination is right there.
- Click the button once.
One click selects it. Don't double-click — that starts editing the label instead.
- Open Settings on the right.
You'll see Link, and under it either a page on this site or a full web address.
- Change it.
Pick a different page from the list, or paste an outside address — a donation platform, a ticketing page.
When a button leaves the site — a donation processor, an events page — set "Open in" to a new tab so visitors don't lose your site.
Chapter 8 of 9
Make it live.
Nothing you've changed is public yet. This is the step that puts it in front of the world.
Publish is top right. Check the address, then confirm.
- Click Publish, top right.
A small panel opens listing the site's addresses.
- Make sure vantinefoundation.org is checked.
That's the real site. The webflow.io address is a private preview.
- Confirm.
Give it about a minute, then open vantinefoundation.org and check your change.
Publish pushes every saved change on the site, not just the one you just made. If someone else has work in progress, check with them first.
Chapter 9 of 9
What to leave alone — and who to call.
Two parts of the site are shared everywhere. Everything else is yours.
The green items at the top and bottom of the list are shared across every page.
Go ahead
- Change any words on any page
- Swap photos and write alt text
- Add, edit, and publish news posts
- Update the Annual Dinner details
- Repoint donate and ticket buttons
- Publish when you're ready
Call us first
- Editing the Navbar or the Footer
- Adding or deleting a page
- Changing fonts, colors, or spacing
- Moving sections around
- Anything involving the donation setup
- Anything that looks broken on a phone
When you need a hand
Nicolas Ochoa
nicolas@studio1642.com
Quick reference
| I want to… | Where |
|---|---|
| Fix a typo | Double-click the text, type, Escape |
| Change a photo | Select it → Settings → Replace Image |
| Post news | CMS → Posts → New Post |
| Update the dinner | Annual Dinner page |
| Change where a button goes | Select it → Settings → Link |
| Make changes public | Publish, top right |
| Undo something | Ctrl+Z (Cmd+Z on a Mac) |