Your navigation menu and page structure act as a map guiding visitors through your website. Instead of letting customers wander through a maze of information, setting up a streamlined path directs their focus straight into your sales funnel. In just 4 steps, you will have a professional "storefront" ready for business.

Best for: The initial phase of building your website storefront (After configuring General Settings).

💡 Note: Understanding "Pages" vs. "Posts"
Pages: Used for static, permanent content (Home, About, Contact).
Posts: Used for frequently updated content (Blog, news, updates). By default, the system displays your latest posts on the front page. You need to follow the steps below to force the system to display a Static Homepage.

1. Create 4 essential pages

You need to create blank pages to act as the "skeleton" of your website first; detailed content will be added later.

  1. From the left sidebar, select Pages and click Add New Page.

  2. The system will open a blank canvas. Simply type the title and click Publish to quickly create these 4 pages: Home, About, Blog, Contact.

[Insert Image 1 here]

  • Image requirement: Cropped screenshot of the 4 newly created pages in the list.

  • Alt text: List of 4 basic pages created in the system.

  • Caption: Create 4 blank pages first to build a solid framework for your website's structure.

2. Set up a static homepage

Don't let the system automatically grab blog posts and display them randomly on your storefront. Let's designate a specific page to welcome your visitors.

  1. Go to Settings and select Reading.

  2. In the Your homepage displays row, check the A static page box.

  3. In the Homepage dropdown menu, select Home.

  4. In the Posts page dropdown menu, select Blog.

  5. Scroll to the bottom of the screen and click Save Changes. The system will display a success message.

3. Create and organize your Menu

You should only place your 4 core pages on the top menu to avoid distracting your customers.

  1. Go to Appearance and select Menus.

  2. In the Menu Name field, type a recognizable name (e.g., Main Menu) and click Create Menu.

  3. Look at the Pages column on the left, check the boxes next to the 4 pages you just created, and click Add to Menu. The menu structure will appear in the right column.

  4. Drag and drop the items up or down to arrange them in your desired order.

  5. Scroll down to the Menu Settings section, check the Primary Menu box (or Header Menu 1), and click Save Menu.

[Insert Image 2 here]

  • Image requirement: Cropped screenshot of the drag-and-drop menu area.

  • Alt text: Arranging core links on the navigation menu.

  • Caption: Drag and drop to organize clear pathways, helping customers find information without feeling overwhelmed.

4. Sync the Menu to your live site

This is the final step to make the menu actually appear on the front end of your website.

  1. Go to Appearance and select Editor (or Site Editor).

  2. Click on the Header area.

  3. Click on the Menu 1 block and select the exact name Main Menu. The preview window on the right will immediately display the menu you just organized.

  4. Click Save in the top corner to finish.

🎯 Next step: Your digital home now has a complete storefront and a streamlined pathway. However, page load speed directly dictates your cash flow. Before uploading any images to your website, head over to this article: [Managing and optimizing your image library].