Website Management

Website Sections Overview

The main Website page displays a table of all your website sections. From here, you can:

• View existing sections with their properties

• Add new sections

• Edit or remove existing sections

• Change the order and visibility of sections

Each section entry includes:

• Name: The display name of the section

• Section ID: The unique identifier used for HTML anchors and references

• Order: The display order on your website

• In Navbar: Whether the section appears in the navigation menu

• Status: Whether the section is active or inactive

• Action: Buttons to edit, view code, or delete the section

Adding a New Section

To add a new website section:

1. Click the "Add Section" button in the top-right corner of the Website page

2. Fill in the following fields:

   • Name: Enter a descriptive name for the section

   • Section ID: Enter a unique identifier (used in HTML anchors and URLs)

   • Order: Set the display order (lower numbers appear first)

   • Show in Navbar: Check this box to include this section in the navigation menu

   • Status: Check "Active" to make the section visible on your website

3. Click "Save Section" to create the new section

Editing a Section

To edit an existing section:

1. Find the section in the table and click the edit (pencil) icon in the Action column

2. Modify any of the section properties as needed

3. Click "Save Section" to apply your changes

Page Builder

When you click the code view button (</>) in the Action column, you'll open the Page Builder interface which allows you to:

• Edit the section's content visually

• Add and format text, images, and other elements

• Create a responsive layout for different devices

• Preview how the section will appear on your website

The Page Builder includes:

• A device selector to preview on different screen sizes

• A hierarchical element structure in the right sidebar

• Text editing tools and formatting options

• A "Save Changes" button to apply your modifications

Example Section: Home Page

The home page example shown in the interface features:

• A main heading "Flavor Fiesta"

• A subtitle "A culinary journey through international flavors"

• A "View Menu" button for navigation

• Three feature highlights:

  • Premium Quality with local ingredients

  • Expert Chefs with international experience

  • Fast Delivery within 30 minutes

Managing Website Navigation

To control which sections appear in your website's navigation menu:

1. Edit the section you want to modify

2. Check or uncheck the "Include in navigation menu" option

3. Save your changes

Sections with "Yes" in the "In Navbar" column will appear in your site's main navigation.