How to add, move and edit pages and sections

What you'll do

Your app is made of pages, and each page is made of sections (like a header, a list, or a contact form). This guide shows you how to add, rearrange and edit them — no code required.

Step 1 — Open your project in the Visual Builder

Open your project and go to the Visual Builder. This is your studio: your app on one side, with point-and-click editing and an AI Chat to help.

Take a moment to look at the pages in your app and the sections that make up each one.

Step 2 — Add a new page or section

To add something new, you have two easy options.

1. Point and click: use the option to add a page or section, then pick the kind you want.
2. Or just ask the AI Chat — for example, "Add an About page with a short intro and a contact form."

The AI follows your request and drops the new piece into place for you to review.

Step 3 — Move things into the right order

Want a section higher up, or pages in a different order? You can rearrange them by dragging into the order you like.

Prefer not to drag? Ask the AI instead — "Move the testimonials above the pricing." Either way, the new order shows up right in your preview.

Step 4 — Edit the content

Click directly on any text, image or button to change it. Swap the words, update a picture, or change a colour — all by pointing and clicking.

For bigger edits, describe what you want in the AI Chat, like "Make the header bigger and use my brand blue."

When it looks right, preview it on phone and desktop to check both views before you go further.

Tips

• Planning your pages with the team costs nothing. Building one uses Credit Tokens, and the price is on the button before you press it.
• Make one change at a time so it's easy to see what each edit does.
• Be specific with the AI ("make the button green" beats "make it nicer").
• Preview on phone and desktop often — a section can look great on one and need a tweak on the other.

What's next

Get comfortable with the core editing tools in Visual Builder basics.