How to Use Shopify In-Menu Promos to Highlight Products and Offers

Your Shopify navigation menu can do more than simply help customers move from one page to another. With Shopify In-Menu Promos, you can turn your store menu into an engaging promotional space that highlights featured products, popular collections, new arrivals, discounts, and special offers. These promotions can help shoppers discover important products while they browse your store, without interrupting their shopping experience.

By adding attractive images, promotional messages, and relevant links within the menu, you can draw attention to products and campaigns that matter most. In this blog, we’ll explain what Shopify In-Menu Promos are, their key benefits, and how you can use them effectively in your Shopify store.

What Are Shopify In-Menu Promos?

Shopify In-Menu Promos are promotional elements added directly to your store’s navigation, usually within dropdown or mega menus. This feature can be useful when customizing a drop-down menu in Shopify to highlight products, collections, offers, or other important store content. Instead of using the navigation area only for standard links to products, collections, categories, and pages, In-Menu Promos allow you to use this valuable space to draw attention to selected products, collections, offers, new arrivals, and ongoing campaigns.

Depending on the features provided by your Shopify theme, an In-Menu Promo may include a promotional image, heading, text, product or collection link, or other visual content. For example, a fashion store could display an image for its New Arrivals collection inside the Shop menu. When customers open the menu, they can immediately discover the promoted collection alongside the regular navigation links.

Shopify In-Menu Promos can be particularly useful for stores with large product catalogs. Rather than expecting customers to browse through several pages to discover an important collection or offer, merchants can place it directly within the navigation experience.

Common uses of Shopify In-Menu Promos include:

• Featured Products: Draw attention to popular, trending, or high-priority products.
• New Arrivals: Introduce customers to recently added products or collections.
• Featured Collections: Highlight important categories directly from the navigation menu.
• Seasonal Campaigns: Promote collections created for festivals, holidays, summer, winter, or other seasonal events.
• Special Offers: Give greater visibility to discounts, sales, bundles, and promotional campaigns.
• Best Sellers: Help shoppers quickly discover products that are already popular with other customers.

By combining navigation with promotional content, Shopify Mega Menu Promos can make a standard menu more visually informative while creating additional opportunities for customers to discover products.

Benefits of Adding Shopify In-Menu Promos to Your Online Store

Shopify In-Menu Promos help turn your navigation menu into a useful promotional space. You can highlight important products, collections, and offers while making it easier for shoppers to discover more of your store.

1. Increase Product Visibility: Highlight best sellers, new arrivals, featured products, or important collections directly within your navigation menu.
2. Improve Product Discovery: Guide shoppers toward products and collections they might otherwise miss while browsing a large product catalog.
3. Promote Sales and Offers: Use In-Menu Promos to showcase discounts, seasonal sales, limited-time deals, and other important campaigns.
4. Make Navigation More Engaging: Adding promotional images and visual content can make your mega menu more attractive than a navigation menu containing only text links.
5. Drive Traffic to Key Collections: Direct customers toward important collections such as New Arrivals, Best Sellers, Sale, or seasonal categories.
6. Support Seasonal Campaigns: Quickly update your menu promotions for Black Friday, festive sales, product launches, summer collections, and other seasonal campaigns.
7. Make Better Use of Menu Space: Use available mega-menu space for both navigation and product promotion instead of displaying only category links.
8. Encourage More Product Exploration: Eye-catching promotions can encourage shoppers to explore additional products and collections, creating more opportunities for engagement and purchases.

Overall, Shopify In-Menu Promos can make navigation more visually appealing, improve product discovery, and provide valuable promotional space for the products, collections, and offers you want customers to see.

How to Add Shopify In-Menu Promos Using Vowel Web Shopify Themes

Adding promotional content directly inside your navigation menu can help you showcase important products, collections, discounts, and campaigns while customers browse your store. Vowel Web offers Premium website themes for Shopify, Flaunt, Dynamic, and Renovate that provide built-in functionality for creating Shopify In-Menu Promos through the mega menu.

The setup process is almost the same across these three themes. You can configure the feature directly through the Shopify Theme Editor, making it easy to add promotional images and links to your menu without having to create a completely separate promotional area.

With Shopify In-Menu Promos, you can use an offer banner, product image, collection image, or campaign graphic within your mega menu. You can then add a title and link to direct shoppers to the relevant page.

Step 1: Install Your Vowel Web Shopify Theme

Start by installing the Flaunt, Dynamic, or Renovate Shopify theme on your online store. Once the theme has been added successfully, you can access its customization options through the Shopify Theme Editor.

Before making changes to a live store, you can also configure and preview the menu within the theme editor to see how your Shopify In-Menu Promos will appear to customers.

To get started:

• Go to your Shopify Admin.
• Open Online Store → Themes.
• Find your installed Vowel Web theme.
• Click Customize to open the Theme Editor.

Once the editor opens, you will have access to the different sections and blocks provided by the theme.

Step 2: Open the Header Section

Shopify In-Menu Promos are part of the store’s navigation experience, so you will need to configure them from the Header section.

In the Theme Editor, find the Header section in the left sidebar and click on it. The Header contains the settings related to your main navigation and mega menu.

From here:

• Locate the Header section.
• Click it to view its available settings and blocks.
• Look for the option to add a new block.
• Select the Mega Menu block.

The Mega Menu block provides the area where you can configure your navigation menu and add promotional content.

Step 3: Add the Mega Menu Block

After opening the Header section, click the option to Add Block and choose Mega Menu.

The mega menu allows you to expand a standard navigation dropdown Menu in Shopify into a larger menu that can contain navigation links alongside visual promotional content. This is where you can create your Shopify In-Menu Promos.

Once you add the Mega Menu block, its customization settings will appear in the right-side settings panel.

You can then start configuring which menu should display the promotional content and what visitors should see when they open it.

Step 4: Select the Menu

The first important setting is selecting the menu where you want the promotion to appear.

Choose the appropriate navigation menu from the available options. Ideally, select a menu that is closely related to the product, collection, or offer you plan to promote.

For example, if you want to promote a new fashion collection, you might add the promotion to your Shop, Women, Men, or New Arrivals menu.

Choosing a relevant menu helps ensure that the promotional content complements what the customer is already looking for.

Step 5: Select Your Promotional Image

Next, select the image that you want to display as your Shopify In-Menu Promo.

The image is one of the most noticeable elements of an In-Menu Promo, so choose a visual that clearly represents the offer, product, or collection you want to highlight.

You could use:

• A banner showing a current discount or special offer.
• A product image featuring a best-selling item.
• A collection image for new arrivals.
• A seasonal promotional banner.
• A product launch graphic.
• A campaign image for a special sale.

For example, if your store is running a Summer Sale, you can upload an offer banner featuring products from the summer collection. When shoppers open the associated mega menu, they will see the promotion alongside the regular navigation options.

Try to use a high-quality image that remains clear within the available menu space. Avoid placing too much text directly inside the image, as the theme also allows you to provide a separate image title.

Step 6: Add an Image Title

After selecting your promotional image, enter an Image Title.

The title gives customers additional context about what the promotional image represents. Keep it short, clear, and relevant to the destination you are promoting.

For example, your image title could be:

• Shop New Arrivals
• Summer Collection
• Best Sellers
• Limited-Time Offer
• Explore New Styles
• Seasonal Sale

Instead of writing a long promotional message, use a concise title that customers can quickly understand while browsing the menu.

Step 7: Add the Promotional Link

Next, add a link to your In-Menu Promo. The link determines where customers will be taken when they interact with the promotional content.

Depending on your campaign, you can direct customers to a relevant:

• Product page
• Collection page
• Sale collection
• New arrivals page
• Featured collection
• Promotional landing page
• Other relevant store page

For example, if your promotional image highlights a new collection, link it directly to that collection. This creates a straightforward journey from seeing the promotion in the navigation menu to exploring the featured products.

Make sure that the promotional image, title, and destination link all relate to the same offer or campaign. A customer clicking a “Shop New Arrivals” promotion should be taken directly to your new arrivals rather than an unrelated page.

Step 8: Add More In-Menu Promos

You are not limited to highlighting only one promotion. Depending on how you want to structure your mega menu, you can add additional promotional content to showcase more products, collections, or campaigns.

For example, one menu could highlight:

• New Arrivals with a new collection image.
• Best Sellers with a featured product image.
• Summer Sale with an offer banner.

You can also use Shopify Quick Buy to make product discovery faster when customers find featured products through your navigation. A quick-buy option lets shoppers move toward purchasing without having to navigate through multiple product pages, depending on the features provided by your theme. Shopify also lists Quick buy as a theme feature that shoppers can search for when choosing a theme.

Focus on your most important products, collections, and current campaigns.

Step 9: Save Your Shopify In-Menu Promos

Once you have configured the menu, image, image title, and link, review the mega menu in the Theme Editor preview.

Make sure that:

• The correct menu has been selected.
• The promotional image displays properly.
• The image is clear and appropriately sized.
• The image title is easy to understand.
• The promotional link points to the correct page.
• The menu links remain easy to navigate.
• Multiple promotions do not make the menu look overcrowded.

Once everything looks correct, click the Save button in the Shopify Theme Editor.

Step 10: Test the In-Menu Promo on Your Storefront

Saving the settings should not be the final step. Open your storefront and test the menu from a customer’s perspective.

Navigate to the menu where you added the promotion and open the mega menu. Check whether the Shopify In-Menu Promos display correctly alongside your navigation links.

Click the promotional image or linked content and verify that it takes you to the intended product, collection, or promotional page.

It is also important to check the menu across different screen sizes. Make sure your navigation remains easy to use, and that promotional content does not negatively affect the shopping experience.

Conclusion

Shopify In-Menu Promos provide a simple and effective way to turn your store navigation into an additional promotional space. By adding attractive images, clear titles, and relevant links within your mega menu, you can highlight new arrivals, featured collections, best sellers, seasonal campaigns, and special offers while customers browse your store.

Vowel Web’s premium Shopify themes, Flaunt, Dynamic, and Renovate, include this functionality, allowing you to configure In-Menu Promos directly through the Theme Editor. Simply add a Mega Menu block under the Header, select your menu, upload a promotional image, add a title and link, and save your changes. Use relevant, updated promotions to create engaging navigation and guide shoppers toward important products and collections.