Help

Help › Getting started › Real-world walkthroughs

Real-world walkthroughs

Five complete tasks, start to finish, done on a demo bakery site for this manual. Each one takes 5 to 30 minutes.

1. Launch a bakery site

Goal: a live site with your own words, logo and contact details, in about 30 minutes.

  1. All websites → New website. Name it ("Corner Bakery"), keep the suggested subdomain or type corner-bakery, and pick Restaurant as the industry. Press Create & continue.
  2. Plan: choose Starter to begin free; you can upgrade later.
  3. Template: pick one from Recommended for Restaurant, for example Canvas. Use Preview to compare.
  4. Info: write two sentences about the bakery, who it serves, Warm as the voice, your products one per line, and anything the AI must never claim ("gluten-free"). Press Complete setup.
  5. On the dashboard, Review your starter pages lists Home, About, Services, Pricing, Contact and FAQ. Open Home.
  6. Click the hero headline and type your own: Fresh bread every morning. Click the photo and choose Search stock photos ("bakery") or upload your own. Do the same for each section, or delete sections you do not need.
  7. Settings → General: upload your logo (and a light version for dark backgrounds), add phone, email, address and social links. These fill the footer and contact sections. Press Save settings.
  8. Work through the other starter pages. Editing a page clears its Needs review badge; for a page that is fine as it is, use ⋯ → Mark as reviewed.
  9. Press Publish in the top bar. If sample text remains, choose Review first or Publish anyway. The site is live in about a minute.
  10. Optional: connect your own domain in Settings → Domains (CNAME to sites.webmarlin.com).
The published demo site on a computer and on a phone
The published demo site on a computer and on a phone

2. Add a pricing page from a starter

Goal: a "Cake prices" page with three sizes, what is included and ordering questions.

  1. Pages → Main → New page. Name it Cake prices; the slug becomes cake-prices. Press Create.
New page: the slug fills itself from the name
New page: the slug fills itself from the name
  1. On the empty page, press Choose a starter.
Choose a starter: six ready-made pages
Choose a starter: six ready-made pages
  1. Pick Pricing. The page previews in your site's design. Back to starters tries another; Use this page applies it.
Previewing the Pricing starter before applying it
Previewing the Pricing starter before applying it
  1. Click each plan in the pricing section and rename it: 6-inch, 8-inch, 10-inch. Set the prices and the lines under each. Replace "Included with every plan" with what comes with every cake (message on top, candles, box).
  2. Edit the FAQ answers: order notice, delivery, allergens.
  3. Press Save, then Publish in the editor. The page is in the Main tab, so it appears in the menu.

Tip: the AI route is faster. Press the sparkle button and write "Cake price list with 6, 8 and 10 inch sizes from £25, what's included, and a FAQ about ordering."

3. Move a page and keep old links working

Goal: rename /about to /our-story without breaking links on Instagram, Google or printed flyers.

  1. Open Pages and hover the About row.
  2. Click the pencil next to /about, type our-story, and press Enter. The hint confirms Old address will redirect here automatically.
  3. Open the Links tab. Under Automatic redirects you see /about → /our-story, reason Renamed page.
  4. Press Publish.
  5. Test it: open your old address, your-site/about. It now lands on /our-story (a permanent 301 redirect, so Google moves its listing too).
Links: the automatic redirect from /about to /our-story
The automatic redirect that keeps /about working

To move a page under another in the menu, drag it onto that page's row. Webmarlin offers to change its URL to match (for example /services/wedding-cakes); if you accept, the old URL redirects the same way. To move it to another menu group, drag it onto the group's tab.

4. Restyle a headline

Goal: make "every morning" stand out in the hero headline.

By hand (no credits needed):

  1. Open Home in the editor and click the headline.
  2. Select every morning. Click Highlight and pick a soft theme colour (the demo uses Warning Light, a cream).
  3. Select Fresh bread, click Text effect and choose Shadow (or Glow, or Outline).
  4. Zoom in (⌘+) to check it, and press the moon to see it in dark mode.
  5. Save, then Publish.
The result at 75% zoom: a shadow on Fresh bread, a cream highlight on every morning
The finished headline: a shadow on Fresh bread, a highlight on every morning

With AI:

  1. Click the hero section, then its sparkle (Edit with AI).
  2. Type "Make the words every morning glow in our primary colour." and press Apply.
  3. Check the draft, then Save and Publish. If you do not like it, Undo or Discard.
Edit with AI on the hero: "Make the words every morning glow in our primary colour"
Asking the AI to restyle two words

5. Archive an old site

Goal: take last year's pop-up shop site offline without losing it.

  1. If the site is on a paid plan, cancel it first in Settings → Plan & billing and wait until the paid period ends.
  2. On All websites, open the site card's ⋯ menu and choose Archive…
The website card menu
The website card menu
  1. Type the site name to confirm and press Archive website.
  2. The site moves to All websites → Archived. Visitors now see a plain "unavailable" page.
Archived sites keep a Restore button
Archived sites keep a Restore button
What visitors see while a site is archived
What visitors see while a site is archived
  1. Need it back next season? Press Restore. It returns exactly as it was, with the same pages, domains and settings.