Building an Effective Webstore: Webstore V3 Layout Options

Building an Effective Webstore: Webstore V3 Layout Options

Webstore V3 provides restaurants with a modern, flexible online storefront. Each section is designed to highlight food, share the brand story, and guide customers toward placing orders. The following overview presents all available layout options and how each one can be used effectively.

Key Benefits

  • SEO-Optimized Architecture
     Helps the store appear higher in Google search results, increasing organic traffic and visibility.

  • Modern User Experience
     Sleek, responsive design built for both mobile and desktop, encouraging smoother browsing and stronger customer engagement.

  • Flexible Customization
     Allows the Webstore to be tailored to match the restaurant’s brand while maintaining fast performance.

  • Spanish Language Support
     Enables customers to browse and order in Spanish, improving accessibility for bilingual communities.

Hero Banner (Main Visual at the Top of the Page)
The hero banner is the large promotional area at the top of the Webstore, designed to capture attention and highlight key offerings or messages.

Option A — Center-Aligned Hero Banner

Centered headline, subtext, and buttons.

Option B — Left-Aligned Hero Banner

Headline and call-to-action placed on the left with an image focus on the right.

Effective Ways to Use This Section:

  1. Promote new menu items or seasonal specials
  2. Highlight limited-time offers or discounts
  3. Announce new services (delivery, curbside, catering, etc.)
  4. Showcase brand messaging or signature dishes
  5. Feature high-impact images to create a strong first impression

Product Carousels (Static Grid or Carousel)
This section is used to showcase featured items directly on the homepage. The display automatically adjusts based on the number of items included.

How the Display Works:

  • When 4 items or fewer are added, they appear as a static layout with all items visible at once (no scrolling).

  • When more than 4 items are added, the section becomes a horizontal carousel, allowing customers to scroll through additional items.

Effective Ways to Use This Section:

  • Highlight best-selling or high-margin items
  • Feature newly added or seasonal dishes
  • Promote curated selections like “Staff Picks” or “Popular Now”
  • Draw attention to combos, specials, or signature items



Story Sections
Story sections help share brand messages, showcase values, or highlight unique aspects of the restaurant through a combination of images and text.

Option A


Option B


Effective Ways to Use This Section:

  1. Share the restaurant’s story or mission
  2. Highlight cooking style, ingredients, or sourcing values
  3. Introduce the team, chef, or founders
  4. Promote catering, meal plans, or special programs
  5. Communicate community involvement or brand values

Testimonials (Customer Social Proof)
Story sections help share brand messages, showcase values, or highlight unique aspects of the restaurant through a combination of imagery and text.

Effective Ways to Use This Section:

  1. Build trust with new visitors
  2. Highlight strong customer feedback
  3. Reinforce credibility before customers explore the menu
  4. Showcase public reviews from Google, Yelp, or social media

Icon Grids (Feature Highlights or Recognitions)
Icon grids use simple visual elements to highlight features, amenities, or recognitions that customers may find helpful during decision-making.

Effective Ways to Use This Section:

  1. Highlight amenities (parking, Wi-Fi, outdoor seating)
  2. Feature menu attributes (gluten-free, vegan, spicy, etc.)
  3. Communicate value propositions (fresh ingredients, made in-house)
  4. Display press mentions, awards, or recognitions

Store Locations Carousel (For Multi-Store Brands)
A visual display of multiple restaurant locations, helping customers easily identify and select the most convenient store.

Effective Ways to Use This Section:

  1. Help customers quickly choose the correct location
  2. ​Promote new or upcoming store openings
  3. Highlight unique features at specific locations
  4. Make multi-store browsing easier and more visually appealing

Multi-Store Location List Page

A combined map and store list that helps customers choose the correct location before viewing the menu or placing an order.

Effective Ways to Use This Section:

  1. Help customers choose the nearest or correct store
  2. Highlight which locations offer delivery, pickup, or curbside
  3. Support chains with distinct menus or service types
  4. Promote newly added locations



FAQ Section (Customer Support & Clarification)

An expandable list of common customer questions designed to provide quick answers and reduce support inquiries.

Effective Ways to Use This Section:

  1. Answer common customer questions ahead of time
  2. Reduce call volume about hours, delivery areas, or order issues
  3. Clarify rewards, payment methods, or pickup instructions
  4. Improve customer confidence and decrease friction

Footer Section

The footer displays essential business information and helpful links, serving as a professional and consistent closing section of the Webstore.

Effective Ways to Use This Section:

  1. Provide easy access to contact info and support
  2. ​Reinforce the brand with logo and social media links
  3. Link to policies such as refunds, privacy, or terms
  4. Improve SEO with consistent business details



 
​

    • Related Articles

    • How to use Guest Checkout on Webstore V3?

      This feature allows customers to place orders quickly without signing in or creating an account, improving checkout speed and convenience. Step 1 Log in to the Webstore and add your desired products to the cart. Step 2 After clicking on the cart, a ...

    • Displaying Add-On Groups on Webstore V3

      Add-on groups are now supported on the Webstore V3, providing a structured way to present available add-ons and allowing customers to easily review and select the options that best fit their needs. With Image and quantity selector support for product ...

    • Search Products via Webstore

      This allows to search a product typing a product name on the search bar in the taskbar instead of browsing through all the products. Step 1 Go to "Webstore". Step 2 Click on the "Search" button on the top right corner of the taskbar. Image Link Step ...

    • How to do Guest Checkout on Webstore?

      Unregistered users can place orders through the Webstore without creating a user account. Step 1 Go to "Webstore". Step 2 Click on "My Cart". Image Link Step 3 Click on "Proceed to Checkout". Image Link Step 4 Then click on "Continue as a Guest". ...

    • How to Register as a User via Webstore?

      This feature allows unregistered users to get registered by creating an account. Step 1 Go to "Webstore". Step 2 Click on "Sign In" on the top right corner of the taskbar. Image Link Step 3 Click on "Register Now" on the bottom of the Sign In to Your ...