Editing Your Website

Your website comes with a content dashboard where you can edit text, swap images, add blog posts, and manage your pages — all without touching any code. This guide walks you through everything from logging in to publishing your changes.

Logging in

Go to yourwebsite.com/studio in your browser and log in with the email you gave us during onboarding. Watch this step (0:00)

Understanding the layout

Once you're in, you'll see the full structure of your website on the left side. Watch this step (0:19)

You'll typically see:

• Homepage — your main landing page
• Pages — all other pages on your site (About, Services, Contact, etc.)
• Blog Posts — your articles and news
• Special pages — depending on your setup, things like masterclasses, quizzes, or form submissions

Site settings

Click Site Settings to edit the main details about your website. Watch this step (0:44)

Here you can update:

• Website title — the name that appears in the browser tab
• Site description — a short summary used by search engines
• Logo — your business logo shown in the header
• Favicon — the tiny icon that appears in the browser tab next to your page title
• Default SEO settings — the fallback title and description for pages that don't have their own

Managing navigation and footer links

The navigation section controls what appears in your website's menu and footer. Watch this step (1:28)

You can:

• Add or rearrange navigation links — the pages that appear in your main menu
• Add social media links — your Instagram, Facebook, LinkedIn, etc. with their icons
• Update footer links — the links at the bottom of every page

Editing content on a page

There are two ways to edit your pages. Both do the same thing — pick whichever feels more natural to you.

Method 1: The structured editor

Click on any page (like Homepage) in the left sidebar. You'll see all the content for that page laid out as fields. Watch this step (1:58)

At the top, you'll see tabs:

• Content — all the text, images, and sections on this page
• SEO — the search engine settings for this specific page (meta title, meta description, social share image)

You can rearrange sections by dragging them, edit any text field by clicking on it, and see the full content structure at a glance.

Method 2: Presentation mode (recommended)

This is the more visual way to edit — and the one we recommend. It shows you a live preview of your page, and you click directly on elements to edit them. Watch this step (3:34)

Just click on any text, image, or element on the page, and the editing panel opens on the right side. Make your change, and you'll see it update in the preview instantly.

Adding new sections or pages

To add a new section to an existing page, go to the structured editor view and look for the section picker. You'll see a visual preview of available sections — just click the one you want and it's added to your page. Watch this step (3:00)

To create a new blog post, click on Blog Posts in the sidebar, then click Create New Document at the top. Learn more about adding blog posts

Draft mode vs published

This is important: you always work in draft mode. This means your changes aren't live on the website until you explicitly publish them. Watch this step (4:17)

Here's how to tell which mode you're in:

• Draft mode — the top bar is not green. Your changes are saved but not live yet. You can edit as much as you want without affecting the live website.
• Published mode — the top bar is green. This is what visitors currently see on your website.

You can switch between the two views to compare your draft changes against what's currently live.

Publishing your changes

When you're happy with your edits, click the Publish button on the right. Your changes go live within seconds. Watch this step (5:14)

AI assist

If you're stuck on what to write for a specific field — like a page description or a section headline — you can use the built-in AI Assist. Watch this step (5:20)

Give the AI a brief instruction (e.g., "Write a welcoming homepage headline for a yoga retreat") and it'll generate a suggestion for you. You can use it as-is, tweak it, or try again.

Managing your media files

The Media section holds all images and files on your website. Watch this step (6:08)

For each image, you can add:

• Title — helps you find images later
• Alt text — describes the image for search engines and screen readers (important for SEO)
• Description — optional notes for your own reference

You can also see where each image is used on your website (the "Referenced by" section).

Editing images

In presentation mode, click on any image to edit it. Watch this step (6:25)

You can:

• Upload a new image — replace it with a fresh photo
• Select from media — pick an existing image from your library
• Edit / Crop — adjust how the image is cropped and displayed
• Download — save the image to your computer
• Copy URL — get the image's web address

Setting image hotspots

When you click Edit on an image, you'll see two tools. Watch this step (7:34)

• Crop tool — drag the edges to crop the image. The preview at the bottom shows how it'll look at different sizes.
• Hotspot tool — drag the circle to tell the system "this is the most important part of the image." This ensures your subject stays in frame no matter what screen size or device the visitor is using.

Page SEO settings

Each page has its own SEO settings under the SEO tab. Watch this step (1:58)

• Meta title — the title that appears in Google search results (keep it under 60 characters)
• Meta description — the description shown under the title in search results (keep it under 160 characters)
• Social share image — the image that appears when someone shares your page on social media

If you leave these empty, the system uses the default values from Site Settings.

Quick reference

What to read next

---

Need help? If you get stuck, send Korneel a message on Slack and we'll sort it out together.