Editing Your Website

The TribeNest website editor lets you customize every part of your site visually. You click on elements to select them, drag things around to rearrange them, and see your changes in real time. No coding needed.

Opening the Editor

1. From your dashboard, go to My Website in the sidebar
2. Find the website version you want to edit
3. Click Edit Website on that version's card
4. The visual editor opens in full-screen mode

Understanding the Editor

The editor has three main areas:

• The toolbar at the top, where you'll find navigation, save, publish, and settings controls
• The canvas in the center, which shows your website exactly as visitors will see it
• The settings panel that appears when you click on any element, letting you adjust its properties

Editing Text

To change any text on your website:

1. Click directly on the text you want to edit
2. A settings panel will appear on the side
3. Type your new text or adjust the formatting
4. Your changes appear instantly on the canvas

Working with Images

To swap out or add images:

1. Click on an image element on the canvas
2. Use the settings panel to upload a new image or choose one from your media library
3. The image updates on the page right away

Rearranging Sections

You can move entire sections of your page by dragging them:

1. Hover over a section until you see the drag handle
2. Click and hold the drag handle
3. Drag the section up or down to its new position
4. Release to drop it in place

Switching Between Pages

Your website has multiple pages, like Home, Store, Contact, and more. To edit a different page:

1. Look for the page name with a dropdown arrow in the center of the toolbar
2. Click on it to see all available pages
3. Select the page you want to edit

The editor will load that page so you can make changes to it.

Previewing on Mobile

Your visitors may view your site on their phones, so it's important to check how it looks on smaller screens.

1. In the toolbar, look for the desktop monitor and smartphone icons
2. Click the smartphone icon to switch to mobile view
3. Click the desktop monitor icon to switch back

Make adjustments as needed so your site looks polished on both screen sizes.

Customizing Your Theme Settings

You can change the global look and feel of your entire website through the settings dialog.

1. Click the gear icon in the toolbar to open the Settings dialog
2. Here you can adjust:
   • Primary Color -- the main accent color used for buttons and highlights
   • Text Color over Primary -- the color of text that appears on top of your primary color
   • Background Color -- the main background color of your site
   • Text Color -- the default color for body text
   • Corner Radius -- how rounded the corners of buttons and cards appear
   • Font Family -- the typeface used across your entire site
   • Favicon -- the small icon that appears in the browser tab
   • Open Graph Image -- the image that shows when someone shares your site on social media

The settings dialog includes a live preview so you can see how your color choices look together before closing it.

Undoing and Redoing Changes

Made a mistake? No problem.

1. Click the Undo button (curved arrow pointing left) to reverse your last change
2. Click the Redo button (curved arrow pointing right) to bring it back

You can undo and redo multiple steps.

Saving Your Work

Your changes are not saved automatically. Make sure to save regularly.

1. Click the Save button (disk icon) in the top-right corner of the toolbar
2. You'll see a confirmation message when your changes are saved

Next Steps

Once you're happy with your design, it's time to make it live. Learn how in Publishing Your Website.

Want to use your own web address? Check out Managing Domains.