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.
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.
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.
Focus on Themes – Tailor your menu to reflect seasonal themes, holidays, or special events.
Focus on Brands – If your audience prefers to shop by brand, structure your menu around the brands you sell.
By choosing the path that best aligns with your store’s identity and customer behavior, you can create easier your menu’s structure.
You can read our article about menu best practices, if you want to deep dive into menu possibilities.
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 all the components that you can use to build your menu.
In the menu page you can find 3 categories of blocks: collection, products and banner.
Collection Blocks
Collection Banner
This block was specially created to let your creativity be used it's based on images, so you can upload an image inspired on the collection you will add to the action.
On the right bar, you will find all the settings you can make to give this component to life.
The final result of a Collection Banner.
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.
The final result of a Collection Text.
This type of menu allows you to keep a clean and organized menu, highly effective when you have a lot of products.
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.
The final result of a Brands List.
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 collections.
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 neither.
It’s is a very complete block, where you can use different styles to get different looks.
The final result of a Collection Grid.
The one present in the example is a 2 column block with the aspect radio portrait (2:3).
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.
The final result of a Last Seen Products.
