The older visual editor

Before TribeNest sites were built by describing them, they were built by dragging blocks around. If your site came from that editor, it keeps working exactly as it always did, and this page is your reference.

Opening the editor

1. Go to My Website then Home.
2. Find the version you want to work on. Your live site carries an Active badge.
3. Click Edit Website on that version.

You land on a full-screen editor with your page in the middle and a toolbar across the top.

The toolbar

• Back arrow returns you to the My Website home.
• Delete page (the trash icon) removes the current page. Core pages cannot be deleted.
• Styles settings opens a panel with theme styles, this page's settings, the loading animation, and page transitions. All four are covered below.
• Undo and redo step you back and forward while you experiment.
• Page picker, the page name in the centre. Click it to switch pages.
• Screen size toggles preview your page at desktop, tablet, and mobile widths.
• Add page (the plus icon) creates a new blank page.
• AI builder (the sparkles icon) generates sections from a written prompt.
• Preview (the eye icon) opens your site in a new tab using the version you are editing, unsaved changes included.
• Save stores your changes to this version.
• Publish makes this version live. It only appears when the version is not already the live one.

Editing a page

Click any element on the page (a heading, a button, an image, a whole section) and a panel opens where you can change its content, style, and layout. Every theme is built from reusable blocks: text, buttons, images, hero sections, FAQs, testimonials, product cards, music players, event lists, and email signup forms.

You can drag sections to reorder them, resize blocks, and nest blocks inside groups for tighter layouts.

Styles

The styles panel is where you set the look of the whole site. Under Settings you can adjust:

• Primary color, the main accent used on buttons, highlights, and links.
• Text over primary, the color of text sitting on top of the primary color, so buttons stay readable.
• Background color, the base behind your content.
• Text color, the default for body text.
• Corner radius, how rounded buttons, cards, and other surfaces are.
• Font family, the typeface used across the site.
• Favicon, the tiny icon in browser tabs.
• Social share image, the picture that shows when someone shares your link.

Page settings

The Current Page tab sets things specific to the page you are looking at:

• Page title, shown in the browser tab and in search results.
• Page description, the short summary search engines and social cards use.
• Pathname, the address of this page (for example /about). Core pages have fixed pathnames so the rest of your site keeps linking correctly.
• Page transition override, to give this one page a different transition.
• Announcement bar, a thin bar at the top with a message, an optional link, your choice of colors, and the option to let visitors dismiss it.
• Countdown banner, a banner counting down to a date and time, with a title, a call to action, colors, and a message for when it expires. Made for album drops, ticket sales, and limited merch.

Loading animation

The Loading tab turns on a loading screen while your site warms up. Pick an indicator (a spinner, a pulsing dot, bouncing dots, a progress bar, your own logo, typing text, or a skeleton shimmer) and how it disappears (fade, curtain, slide, zoom out, blur, or a circle wipe). A slider sets the minimum time it stays on screen.

Keep the minimum short. Around 800 milliseconds feels like polish. Much longer starts to feel like your site is slow.

Page transitions

The Transitions tab controls how your site moves from one page to the next. Turn transitions on or off, pick a type (fade, slide, zoom, flip, blur, or a smooth crossfade), set how long it lasts, and choose an easing curve.

Adding a page

1. Click the add page button (the plus icon) in the toolbar.
2. Type a Page title. The pathname fills itself in from the title.
3. Adjust the Pathname if you want something different. It must start with /.
4. Click Create.

Open the new page from the page picker to start adding sections.

Deleting a page

1. Switch to the page using the page picker.
2. Click the delete button (the trash icon).
3. Confirm.

Core pages, like the home page, the products listing, and the members area, cannot be deleted because the rest of your site links to them.

The AI page builder

The AI builder (the sparkles icon) generates a full set of sections from a written prompt.

1. Click the AI builder icon.
2. In the Prompt field, describe what you want on the page. Be specific about the sections, for example "A landing page for my new album with a hero, three feature cards, an upcoming events section, and an email signup."
3. Click Generate.

It builds the sections using your theme's colors and your TribeNest content where it can. You can keep editing every block afterwards as normal.

Previewing and saving

Click Preview at any time. It opens your site in a new tab using the version you are editing, unsaved changes included, so you can click through as a visitor would. Previews are private to you.

Click Save to store your edits to the current version. Saving does not publish. Save often.

Where to go next

• Take a version live, duplicate it, or roll back: Publishing your website.
• Start a modern AI-built site instead: Building your website.