Installing Wishlist Hero in the Header Menu

Installing Wishlist Hero in the Header Menu

The Wishlist Hero module, by default, gets added to your Shopify site as a floating button. This becomes your launch point to access the wishlist and can be placed in 4 different positions. You can specify this placement through Wishlist Hero Admin. However, depending on your site theme or your site layout, you might feel that a floating button is not ideal. If you prefer a less disruptive user experience that still allows your customers to navigate to the wishlist, you might want to add it as a static menu item.

Step 1: Change the Wishlist Hero launch point

1. Open Wishlist Hero Admin.
2. Go to Customize Appearance.
3. Under the Launch Point Type, select As a menu item.
4. Click Save Settings.
5. Click Open to continue to your Shopify Admin.

Important: Save your Wishlist Hero settings before continuing. This prevents the default floating button from appearing after the menu item is added.

Step 2: Open the Shopify Main Menu

If you are already in Shopify Admin:

1. Go to Online Store.
2. Select Navigation.
3. Under Menus, select Main Menu.

Step 3: Add Wishlist Hero to the menu

1. Click Add menu item.

2. Enter the name you want to display for the wishlist in the navigation menu.

   Example: Wishlist

3. In the Link field, enter: #hero-wishlist

4. Click Add.

   

Step 4: Save the menu

Click Save Menu to apply the changes.

Verify the setup

Open your storefront and check the main navigation.

You should see the new wishlist menu item. Click the menu item to confirm that Wishlist Hero opens correctly.

Important notes

Once the menu item is configured and your Wishlist Hero settings are saved, the floating Wishlist Hero button will no longer appear. The new menu item becomes the primary access point to Wishlist Hero.

Need help?

If you have any questions or experience issues while setting up the menu item, contact our support team.