Skip to content

Sections & layouts

Add a section with AI

Add a focused block to the current page without rebuilding it.

WATCH & FOLLOW ALONG

Add sections and objects

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. Add sections and build without AI
  2. Choose the page first, then add a section in the left panel.
  3. AI chooses layout creates a section from your topic and instructions.
  4. I choose layout lets you browse component families and choose a starting layout.
  5. A blank section gives you a clean starting point with no AI generation.
  6. Choose a destination section, then one of the 14 available object types.
  7. Your new heading is selected. Use Properties to edit its text and styling.
  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.
Add a section with AI
Expanded Webtummy interface showing add a section with ai

Follow these steps

  1. Open Add section

    Select the target page. Click + Add section on the left, or the + insertion control between canvas sections.

  2. Set the insertion point

    Use the position selector to choose the top of the page or the section after which the new block should appear.

  3. Choose a topic

    Keep AI chooses layout selected. Pick the section topic and add details. For Custom section, describe what you want in the required instructions.

  4. Generate the section

    Choose Generate section, wait for completion, and review the inserted block. Adjust its content in Properties and Save.

More screenshots for this guide

Choose a specific layout instead

WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Choose a specific layout instead
Expanded Webtummy interface showing choose a specific layout instead
What you should see

A new section appears at the selected position.

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 →