Skip to content

Sections & layouts

Use the right-hand Section properties

Edit a section’s content, background, layout, and individual elements.

WATCH & FOLLOW ALONG

Get to know Properties

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. Use Section, Page, Theme, and Integrations
  2. Section properties change the selected section’s content, background, and available layout variants.
  3. Page properties contain page rewriting, the page title, H1, and search settings.
  4. Update the SEO title, description, keywords, canonical path, and page indexing.
  5. Theme controls shared design: logo, header appearance, buttons, palette, and typography.
  6. Check changes across several pages. An individual object can override theme defaults.
  7. Integrations includes site indexing, Search Console verification, GA4, reCAPTCHA, and custom scripts.
  8. 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.
Use the right-hand Section properties
Expanded Webtummy interface showing use the right-hand section properties

Follow these steps

  1. Select the section

    Click the section’s entry on the left, then choose Section in the Properties panel.

  2. Change content fields

    Edit the available headings, descriptions, lists, cards, buttons, and image fields. Fields vary by component. Expand repeatable items to edit their details.

  3. Adjust the background

    Use Section background colour to change the whole section. Where offered, Use original background restores the template’s background.

  4. Select an individual element

    Click an object on the canvas or in the element tree to show its controls. Use Back to section properties to return to the full section.

  5. Review and save

    Check the canvas, then Save.

More screenshots for this guide

Select an individual text component

WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Select an individual text component
Expanded Webtummy interface showing select an individual text component
What you should see

The selected section reflects your content and design choices.

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 →