Site Overlay

Navigation & Pages

Course Content
Copyright Agreement
0/2
UAMS Copyright Agreement
Use of Material
Website & E‑Commerce Basics
This module introduces learners to the core concepts behind websites and online stores. Students explore how websites work (domains, hosting, CMS vs hosted platforms) and gain a clear understanding of different website and e-commerce models. The module covers foundational platforms such as WordPress, WooCommerce, and Shopify, including their purpose, strengths, and common use cases. Learners also review essential setup concepts like site structure, navigation, basic SEO, and store functionality.
0/4
How Websites Work (domains, hosting)
00:00
CMS vs Hosted Platforms
00:00
Intro to WordPress & Shopify
00:00
Types of Websites and Online Stores
00:00
Domains, Hosting & Setup
This module explains the foundational components required to launch a website or online store. Learners explore how domain names work, how web hosting stores and delivers website content, and the role of DNS in connecting the two. The module also introduces hosting types, setup considerations, and basic installation workflows for platforms like WordPress and Shopify. By the end of the module, learners can confidently choose a domain, understand hosting options, and complete the initial setup needed to get a website online.
0/4
Choosing a Domain Name
00:00
Web Hosting Basics
00:00
Installing WordPress (local & live)
00:00
Creating a Shopify Account
00:00
WordPress Dashboard & Settings
This module introduces learners to the WordPress admin dashboard and its core settings. Students explore the layout of the dashboard, key menu areas, and the purpose of essential settings such as site title, permalinks, user roles, reading, and discussion options. The module emphasizes how proper configuration affects site usability, SEO, and security. By the end of the module, learners can confidently navigate the WordPress dashboard and configure settings to support a well-structured, functional website.
0/9
WordPress Dashboard & Settings
00:00
WordPress Admin Overview
00:00
Pages, Posts, Media
00:00
Permalinks & User Roles
00:00
Themes & Customization
00:00
Block Editor vs Page Builders
00:00
Using Elementor in WordPress
00:00
Responsive Design Basics
00:00
Backups, Updates & Security
00:00
Shopify Platform Overview
This module introduces learners to Shopify as a leading hosted e-commerce platform. Students explore its key features, including store setup, themes, apps, and integrations, and understand how Shopify simplifies online selling for businesses of all sizes. By the end of the module, learners can explain Shopify’s functionality, identify its advantages, and determine when it is the right platform for an online store.
0/9
Shopify Ecosystem
00:00
Shopify vs WooCommerce
00:00
Admin Dashboard Tour
00:00
Themes & Customization
00:00
Products & Collections
00:00
Navigation & Pages
00:00
SEO for Shopify
00:00
Email & Social Selling
00:00
Analytics & Reporting
00:00
Launch & Maintenance
This module guides learners through the final steps of preparing, launching, and maintaining an online store. Students explore pre-launch checklists, performance testing, ongoing updates, backups, security, and routine maintenance for both Shopify and WordPress sites. The module emphasizes best practices for keeping stores secure, fast, and operational post-launch. By the end of the module, learners can confidently launch a website or store and implement a consistent maintenance routine to ensure long-term stability and growth.
0/4
Pre‑launch Checklists
00:00
Performance Testing
00:00
Ongoing Maintenance (Shopify)
Ongoing Maintenance (WordPress)
00:00
Website Security & Account Protection
By the end of this lesson, learners will understand why website security matters, how accounts get hacked, and how to protect websites and online accounts using simple, everyday tools like strong passwords and Two-Factor Authentication (2FA).
0/6
What Is Website Security?
00:00
Common Website Security Threats
00:00
Password Security Basics
00:00
Two-Factor Authentication (2FA)
00:00
Website-Level Security Tools
00:00
Everyday Security Habits
00:00
Website Learning Lab

Module Overview

This lesson teaches learners how to set up and manage navigation menus and pages in Shopify. Clear navigation improves user experience, helps customers find products easily, and increases conversion rates.

Learning Objectives

By the end of this lesson, learners will be able to:

  • Understand the role of navigation in Shopify stores

  • Create and manage main menus, footer menus, and custom links

  • Create and edit pages (About, Contact, Policies, FAQs)

  • Organize navigation for better user experience

  • Apply best practices for UX and SEO

Lesson 1: Understanding Shopify Navigation

Shopify navigation refers to the menus and links that help customers move around your online store and find products or information easily. It includes elements like the main menu, footer menu, and dropdown menus, which organize your pages, collections, and categories in a logical way. Good navigation makes your store more user-friendly, guiding visitors to key areas like product pages, contact information, or special promotions. Shopify allows you to customize menus, add links, and reorder items without coding, so you can create a seamless shopping experience that keeps customers engaged and encourages them to explore more of your store.

Navigation menus guide visitors through your store

  • Common menus:

    • Main menu: Primary navigation, usually at the top of the page

    • Footer menu: Links to policies, about us, contact, FAQs

    • Sidebar or mobile menu: Optional for additional categories or links

  • Clear navigation improves usability and reduces bounce rate

Lesson 2: Managing Menus

Steps

  1. Navigate to Online Store → Navigation

  2. Click Main menu or Footer menu

  3. Add menu items:

    • Link to a page, collection, product, blog, or external URL

  4. Organize items by dragging to reorder or create dropdowns

  5. Save changes and preview on the storefront

Best Practices

  • Limit main menu items to 5–7 for clarity

  • Use descriptive, concise labels

  • Include key collections and product categories

  • Ensure mobile-friendly navigation

Lesson 3: Creating Pages

  • Pages are static content outside your product listings

  • Common pages:

    • About Us

    • Contact Us

    • FAQ

    • Privacy Policy, Refund Policy, Shipping Policy

Steps

  1. Navigate to Online Store → Pages → Add Page

  2. Enter page title and content

  3. Use formatting, images, and links to enhance readability

  4. Add SEO title and meta description for search engines

  5. Save or publish the page

Tips

  • Keep content concise and informative

  • Use headings and bullet points for readability

  • Add links to relevant products or collections

  • Include contact forms or call-to-action where appropriate

Lesson 4: Linking Pages to Navigation

  • After creating pages, add them to menus:

    1. Go to Online Store → Navigation

    2. Choose menu (Main, Footer)

    3. Add menu item and select the page

    4. Save menu and test links on the storefront

Lesson 5: Common Mistakes

  • Overcrowded menus with too many links

  • Using unclear or vague menu labels

  • Not linking essential pages (policies, contact) in footer

  • Ignoring mobile navigation and dropdown usability

  • Poor SEO optimization on pages

Practical Activity

  • Create a sample page called About Us with text, image, and link to a collection

  • Create a Contact Us page with a contact form

  • Navigate to Online Store → Navigation → Main menu and add both pages as menu items

  • Preview the menu on desktop and mobile

  • Test links to ensure they work correctly

Key Takeaways

  • Clear navigation helps visitors find products and pages easily

  • Main, footer, and mobile menus should be organized and concise

  • Pages provide essential information and should be well-structured and SEO-optimized

  • Linking pages properly in menus improves usability and store professionalism

Previous
Next
Scroll Up