Section Reorder

The Section Reorder feature allows you to control the order in which homepage sections appear on your storefront. Instead of following a fixed layout, you can arrange sections based on your business priorities and marketing strategy. This provides complete flexibility without requiring any coding or design changes.

No Preview Mode

Site Builder does not include a preview mode. Any changes saved are applied directly to your live website. Review the section order carefully before saving.

Overview

The Section Reorder feature gives you complete control over your homepage layout. Every business has different priorities, and the information you want customers to see first may vary based on your goals, season, and marketing campaigns.

Section Reorder allows you to:

  • Arrange homepage sections in any order you prefer
  • Prioritize content based on business goals
  • Adapt layout for seasonal campaigns and promotions
  • Test different layouts to optimize engagement
  • Make changes instantly without any coding

Why Section Reordering Is Important

Every business has different priorities, and the information you want customers to see first may vary. Strategic section placement can significantly impact customer behavior and conversion rates.

Examples of strategic reordering:

  • Fashion Store — Display Featured Products immediately after the Hero Section to drive product discovery
  • New Business — Place Trust Badges near the top to build customer confidence
  • Seasonal Promotions — Position the Carousel Section higher to increase visibility of offers
  • Service Business — Display the Contact Section earlier for easy customer access
  • Product Launch — Move Popular Categories up to showcase new product lines

The Section Reorder feature provides complete flexibility without requiring any coding or design changes.

How to Reorder Sections

Reordering homepage sections is simple and intuitive using the drag-and-drop interface.

1

Open Site Builder

Navigate to Site Builder from your store dashboard.

2

Navigate to Section Reorder

Click on the Section Reorder option in the Site Builder menu.

3

View Available Sections

The left panel displays all available homepage sections that can be reordered.

4

View Current Order

The right panel displays the current homepage section order.

5

Drag and Drop

Drag sections from the available list and drop them into your desired position in the order.

6

Save Changes

Click Save to apply the new arrangement to your live storefront.

Immediate Effect

Changes take effect immediately after saving. There is no preview mode, so review your section order carefully before clicking Save.

Available Sections

The following sections can be reordered on your homepage:

  • Navigation Bar — Top navigation with logo, menu, search, and cart
  • Hero Section — Main banner with promotional content
  • Popular Categories — Grid of product categories
  • Trust Badges — Business credibility indicators
  • Featured Products — Highlighted product showcase
  • Counter Section — Animated business statistics
  • Carousel Section — Sliding promotional banners
  • Testimonials — Customer reviews and ratings
  • FAQ Section — Frequently asked questions
  • Contact Section — Business contact information

Each section can be enabled, disabled, or repositioned independently. Sections that are disabled will not appear on the homepage regardless of their position in the order.

Display Order

Homepage sections are displayed from top to bottom based on the order configured in the Section Reorder screen. The section at the top of the list appears first on the page, and the section at the bottom appears last.

You can rearrange sections at any time to support:

  • New promotions and marketing campaigns
  • Seasonal product launches
  • Changing business priorities
  • A/B testing different layouts
  • Customer feedback and behavior insights

Changes take effect immediately after saving.

Homepage section layout diagram
Figure 1: Homepage sections arranged in a logical top-to-bottom flow

Best Practices

  • Keep the Navigation Bar at the top of the page for consistent navigation
  • Position the Hero Section near the beginning to capture customer attention
  • Display Popular Categories and Featured Products early to encourage product discovery
  • Place Trust Badges near purchasing sections to reinforce customer confidence
  • Position Testimonials after product-focused sections to strengthen purchasing decisions
  • Keep the Contact Section near the bottom of the page for easy customer access
  • Place FAQ Section before Contact to reduce direct support inquiries
  • Position Counter Section after product areas to demonstrate credibility
  • Use Carousel Section strategically — place higher during active promotions
  • Regularly review your homepage layout to ensure sections follow a logical flow
  • Support your current marketing goals by prioritizing relevant sections
  • Test different arrangements and monitor engagement metrics
Effective Homepage Flow

A thoughtfully organized homepage guides customers through your storefront, improves navigation, and increases the likelihood of product discovery and successful purchases. Start with attention-grabbing sections, move to product discovery, build trust, and end with support and contact options.