Docs
  • INTRO
    • What is Shoplift?
    • What to Test
    • Quickstart
      • Install Shoplift
      • Create a Test
      • Edit Your Variant
      • Launch Your Test
  • TEST
    • Template Testing
      • Overview
      • Guides
        • Guide: Testing Individual Pages
        • Guide: Testing One-Click Payment Methods
        • Guide: Testing App Blocks
        • Guide: Testing Different Template Types
      • Theme Compatibility
      • Template Management
      • Switching Themes
      • Shopify Markets
      • Shopify Translate & Adapt
    • Theme Testing
      • Overview
      • Guides
        • Guide: Testing a Navigation Menu
        • Guide: Testing a Mini Cart
      • Theme Management
      • Theme Development
      • Switching Themes
    • URL Testing
      • Overview
      • Guides
        • Guide: Testing URLs
        • Guide: Testing Product Properties
    • JavaScript API (Beta)
      • isHypothesisActive
      • setAnalyticsConsent
      • getVisitorData
    • Lift Assist™
      • What is Lift Assist™?
      • How To Use Lift Assist™
      • Brand Styles
    • Audience Targeting
      • Devices
      • New and Returning Visitors
      • Custom Audiences (UTMs, Referring Domains, and Geo-targeting)
    • Test Management
      • Test Compatibility
      • Mutual Exclusion
      • QA Checklist
      • Scheduling Tests
      • Pausing Tests
      • Implementing Winning Tests
    • Performance
      • Pagespeed
      • Shopify Caching
      • CDNs and Edge Delivery
  • ANALYZE
    • Reports
      • Overview
      • Metrics
        • Goals & Reporting Metrics
        • Metric Views
      • Test Progress
      • Statistical Significance
      • Channel Groups
    • Tracking
      • Visitor Attribution
      • Web Pixel
      • Liquid Snippet
      • Anti-Flicker
      • Analytics Discrepancies
  • integrate
    • Integrations and Tooling
      • GA4 (Beta)
        • Integrate GA4 (Shopify)
        • Integrate GA4 with Google Tag Manager
        • Integrate GA4 with Elevar
        • Analyze Test Data In Google Analytics
        • Disabling the GA4 Integration
      • Subscription Apps
      • Page Builder Apps
      • Reporting Tools
      • Heatmapping Tools
      • Custom Integrations
  • ADMIN
    • Plans and Billing
      • Subscription Plans
      • Uninstalling Shoplift
    • Users and Permissions
      • Managing Team Access
      • Managing User Notifications
    • Privacy and Compliance
      • Customer Data and GDPR
  • PARTNERS & DEVELOPERS
    • Shoplift Partner Program
    • Testing on Development Stores
  • SUPPORT
    • Frequently Asked Questions
    • Get Help
    • Give Feedback
Powered by GitBook

Contact Us

  • Get help
  • Give feedback
  • Request a feature

Helpful Links

  • Shoplift
  • Shopify App Store
On this page
  • Navigation menu tests
  • How to test your navigation menu

Was this helpful?

  1. TEST
  2. Theme Testing
  3. Guides

Guide: Testing a Navigation Menu

PreviousGuidesNextGuide: Testing a Mini Cart

Last updated 1 month ago

Was this helpful?

Below, we'll cover some test ideas for your navigation menu and give you step-by-step instructions on how to set them up.

Navigation menu tests

Rearrange Structure

  • To make things easier for your users, try simplifying your menu. Fewer items and submenus mean less hassle in finding what they need.

  • Or, if there's a page not getting many views, consider moving it to a different spot.

Sticky Navigation

  • Test whether a sticky navigation menu (one that remains fixed at the top of the screen as the user scrolls) improves navigation and accessibility, especially on long product pages.

Highlight Promotions or New Arrivals

  • Experiment with showcasing your latest deals or fresh arrivals in your navigation. This can help users notice those items, potentially boosting your traffic and sales.

Depending on your theme's editing capabilities, certain tests might require developers or special instructions to set up. If you need more help, contact .

How to test your navigation menu

Navigation menus exist at a theme-level. Therefore, to test a navigation menu, you have to test two themes against each other, each theme with its own menu. Follow the below steps to test navigation menus on Shoplift. If you or your developers have prepared the new navigation menu on a staged theme, skip ahead to Step 4.

Step 1: Create and edit a navigation menu

Create and edit a navigation menu

Step 2: Create a duplicate theme

Step 3: Edit your duplicate theme

After creating a duplicate theme in Shopify, click on the “Customize” button next to the duplicate theme to enter the Shopify Editor. Be sure to not click the “Customize” button on your live theme.

In the Shopify Editor, click on your site’s header. This will open up the customization drawer for your header, where you change the site’s navigation menu. Click “Change” under the Menu section, and add the menu you just created to the duplicate theme. Remember to save your changes!

Now that you’ve staged your variant theme for testing, head over to Shoplift.

Step 4: Create a test

In Shoplift, click “Create a Test” to enter the Test Draft page. In the Test Draft page, click “Test a theme or global element,” and select your live theme as your original theme.

To select your variant theme, click “Select” and select the theme that has your changes staged on it. From here, you’re ready to specify test parameters and launch your test!

In Shopify, navigate to Content > . From this page, you can click “Create Menu” to create your new navigation menu. For tips on editing your new navigation menu, visit the . Once your happy with your new navigation menu, proceed to the next step.

Create a duplicate theme

Continuing in Shopify, navigate to your . Click on the ellipsis by your live theme, and select “Duplicate” to create the variant theme for your test. We recommend renaming this duplicate theme with “Shoplift Test” at the beginning, for clear communication within your team.

Edit your duplicate theme

If the changes you want to test cannot be made through the Shopify Editor, you might need to implement custom code on your duplicate theme. If you need help, reach out to your developers or .

Menus
Shopify Help Center
Online Store
customer support
customer support