Editing your website

The website editor is where you actually shape your site. You move sections around, swap colors, add new pages, and preview on every screen size — all without writing a line of code.

Opening the editor

1. Go to My Website then Home in your dashboard.
2. Find the version you want to work on — your active site is highlighted.
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 editor toolbar

The top of the editor gives you everything you need to navigate, style, and save:

• Back arrow — returns you to the My Website home.
• Page picker — the page name in the center is a dropdown — click it to switch between your pages.
• Delete page — removes the current page (core pages like the home page and products page cannot be deleted).
• Styles settings — opens a panel with theme styles, the current page's settings, the loading animation, and page transitions — see Choosing a theme.
• Undo and redo — step back and forward through your edits while you experiment.
• Screen size toggles — preview your page at desktop, tablet, and mobile widths.
• Add page — creates a new blank page.
• AI builder — the sparkles icon — generates sections from a written prompt (more below).
• Preview — opens your site in a new tab using the unsaved version, so you can click around as a visitor would.
• Save — saves your changes to this version.
• Publish — pushes this version live (only shows up if this version is not already published).

Editing a page

Click into any element on the page — a heading, a button, an image, a section — and a panel will pop up letting you change its content, style, and layout. Every theme is built from reusable blocks like text, buttons, images, hero sections, FAQs, testimonials, product cards, music players, event lists, and email signup forms.

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

Page settings

Inside the styles dialog, the Current Page tab is where you set things specific to the page you are looking at:

• Page title — the title that shows in the browser tab and search results.
• Page description — the short summary search engines and social cards use.
• Pathname — the URL path for this page (for example, /about). Core pages have locked pathnames so links elsewhere on your site keep working.
• Page transition override — use a different transition for this page only (handy for a landing page that deserves something flashier).
• Announcement bar — a thin bar at the top of the page with a message, an optional link, and your choice of colors.
• Countdown banner — a banner that counts down to a date — perfect for album drops, ticket sales, or limited merch.

Adding a new page

1. Click the add page button (the plus icon) in the toolbar.
2. Type a Page title — the pathname is filled in for you based on the title.
3. Adjust the Pathname if you want something different. It must start with /.
4. Click Create.

Your new page is saved alongside your existing pages. Open it from the page picker dropdown to start adding sections.

Deleting a page

1. Switch to the page you want to delete using the page picker.
2. Click the delete button (the trash icon) in the toolbar.
3. Confirm the deletion.

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

The AI builder

If you want a faster start on a page, the AI builder (the sparkles icon in the toolbar) generates a full set of sections from a written prompt.

1. Click the AI builder icon in the toolbar.
2. In the Prompt field, describe what you want on the page. Be specific about the sections you want — 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.

The AI builds out the sections using your theme's colors and your TribeNest content where it can — your products, your events, your music. You can keep editing every block afterward like normal.

Previewing before saving

Click the Preview button (the eye icon) in the toolbar at any time. It opens your site in a new tab using the version you are editing — including unsaved changes — so you can click through your pages as a visitor would.

Previews are private to you, so you can share work-in-progress with yourself across devices without your fans seeing anything until you are ready.

Saving

Click the Save button to save your edits to the current version. Saving does not publish — it just stores your work so you can come back to it later or open it in preview.

You can save as often as you like. Get into the habit of saving every few changes so you do not lose work.

Saving as a separate version

The My Website home keeps a list of every version of your site. You can have as many versions as you want — one published and live, and as many drafts as you need for experiments, seasonal designs, or theme tests.

To create a new version from an existing one:

1. Go to My Website then Home.
2. Click the menu button (three dots) on the version you want to copy.
3. Click Duplicate.
4. Give the duplicate a name so you can tell it apart later.
5. Click Duplicate to confirm.

You can also Rename any version from the same menu — useful when "Version 4" is not telling you much. For example, "Spring tour landing" or "Holiday merch drop" makes it easy to find later.

When a draft version is ready to go live, head to Publishing your website.