Skip to content

Dashboard & getting started

Your editor, at a glance

Learn the top bar, left section list, canvas, and right properties panel.

WATCH & FOLLOW ALONG

Your dashboard and website actions

Captioned · No audio

Recorded in the fictional Willow Studio website using a normal customer account. AI submission steps are explained without running a generation job.

Download video ↓
Read the video transcript
  1. Your dashboard and website actions
  2. This is an ordinary customer workspace. Willow Studio is our fictional demo website.
  3. The summary shows your websites, published sites, AI builds, and current package.
  4. Each website card has its own editor, analytics, publishing, test link, and AI actions.
  5. The editor has sections on the left, your website in the middle, and Properties on the right.
  6. Review your changes, then Save. Publish separately when you are ready to go live.
WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Your editor, at a glance
Expanded Webtummy interface showing your editor, at a glance

Follow these steps

  1. Start with the top bar

    Choose the current page, open AI Assistant or + Blog / Page, switch desktop/tablet/mobile, undo or redo changes, preview, and save.

  2. Navigate with the left panel

    Sections lists the sections on the current page and the global header/footer. Expand the elements of a selected section to find an individual component.

  3. Select on the canvas

    Click a section or a specific object to edit it. Double-click editable text to type directly. The floating toolbar changes to suit the selected object.

  4. Use Properties on the right

    Section edits the current selection; Page controls the current page and SEO; Theme changes site-wide design; Integrations contains tracking, indexing, forms protection, and scripts.

More screenshots for this guide

Section properties and element tree

WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Section properties and element tree
Expanded Webtummy interface showing section properties and element tree

The component selection toolbar

WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
The component selection toolbar
Expanded Webtummy interface showing the component selection toolbar
What you should see

You know where each kind of change belongs.

Need a hand with this step?

Tell us the website, page, and control you’re using. Include any error code so we can help you faster.

Contact support →