Skip to main content

Building your Menu - Components

Define your menu’s goal—organization, promotions, themes, or brands. Use drag-and-drop blocks for collections, banners, and products.

Nuno Batista avatar
Written by Nuno Batista
Updated this week

Define Structure and Goals

We recommend beginning with some introspection to define the primary purpose you want to achieve with your menu. A clear objective will guide your design choices and ensure your menu serves both your business goals and your customers' needs.

There are many different paths you can take, depending on your strategy:

  • Focus on Organization – If you have a large store with an extensive product catalog, prioritizing structure is essential. A well-organized menu prevents customers from feeling overwhelmed and helps them navigate smoothly, ensuring you don’t miss potential sales.

  • Focus on Visual Appeal – Your menu should reflect your brand's identity. A vibrant and colorful home page paired with a plain, minimalist menu creates a disconnect. Aligning the menu design with your overall brand aesthetic enhances the user experience and reinforces brand recognition.

  • Focus on Promotions – Position your best deals or top-selling products prominently within the menu to create urgency and a sense of necessity for your customers. This approach allows users to discover key offers without having to explore the entire store.

  • Focus on Themes – Tailor your menu to reflect seasonal themes, holidays, or special events. Highlighting seasonal products or collections helps keep your content fresh and relevant, attracting customers to explore new and limited-time items.

  • Focus on Brands – If your audience prefers to shop by brand, structure your menu around the brands you sell. This strategy simplifies navigation for customers who are loyal to specific brands or are looking for familiar names rather than general product categories.

By choosing the path that best aligns with your store’s identity and customer behavior, you can create easier your menu’s structure.

Collections Blocks

NAPPS platform is based on Drag & Drop, to make accessible to everyone. Based on that, you can find always on the left side of our platform the pre-created blocks for the page you are on.

In the menu page you can find 3 categories of blocks: collection, products and banner.

Collection Banner

This block was specially created to let your creativity be used and it’s very simple to use.

Using a simple but intuitive photo, with or without text, you can distinguish yourself from your competitors.

After adding the photo, don’t forget to add the collection or sub-collection you pretend to redirect your client.

Collection Text

This block allows you to create the type of menu you are used to see.

This type of menu allows you to keep a clean and organized menu, highly effective when you have a lot of products.

In this section, besides defining the title of this section, you can change their color, add a tag (as you can see in the previous image) with the text of your preference and define the background and text color.

Brands List

This block is the ideal if you have a lot of brands being sold in your store, specially because they are organized alphabetically. You’re customers will find the specific brand that they are looking for in no time.

When clicking in this section, the brands you have added will show as a list and it will be connected to the collection created to that specific brand.

Collection Grid

This block is perfect to be used when you want to diversify the way you show your collection.

With this block you can choose between 1, 2 or 3 columns, an aspect radio of portrait, square or landscape and if you want to show the titles on top, bottom or not show.

It’s is a very complete block, where you can use different styles to get different looks.

The one present in the example is a 2 column block with the aspect radio landscape.

Last Seen Products

This block is very similar to the Product Carousel presented in the previous chapters.

With this block, you don’t need to do any specific, just add it and it will automatically search for your clients previous seen products.

Did this answer your question?