Setting up Wish Lists & Gift Registry

Follow

What are Wishlists?


Both public and private Wishlists allow a customer with a customer account to flag a product they want, and save it for later. A public wishlist's intention is similar to a gift registry. This will allow others to view the list of products their friends and families may purchase from. If a customer is not logged into a customer account, or does not have a customer account on your site, they can still create a wishlist; however, the wishlist will be attached to the visitor session, and will only exist while the session exists. 

 

Enabling Wishlists


To enable this feature, navigate to Themes > Edit Theme > Global Theme Settings, and under the Shopping Cart Section, check Allow Wishlists:

 

After enabling the Wishlist, a button will apear on the product page that will allow users to add products to a wishlist:

Wishlists Page


When users click the “Add to Wishlist” button, they are taken to the wishlist page. From here they can:

  • Save selected items to a NEW Wish List
  • Save selected items to an EXISTING Wish List
  • Access and edit all their saved wishlists (public and private)

Adding Navigation to the Wishlist Page


Wishlists can be found at this link on your domain: http://[DomainName]/store/WishList.aspx. By default, stores and themes will not have any navigation to this page, but links to this page can be easily added. 

Follow the directions in the How To Edit Site Navigation And Links article to add the wishlist page to your main navbar or another menu. 

You may also wish to add a link to the wishlist page on the Customer My Account Page. To do so, go to Themes > Edit Theme > Pages > Customer My Account > HTML Editor. There, you will see the following code near line 7


      <ac:layoutarea id="Menu">
        <div class="well">
          <ul class="nav nav-stacked nav-pills">
            <li class="nav-header"><strong>$$CUSTOMERNAME$$ Account</strong></li>
            <li>$$DASHBOARD$$</li>
           ...
            <ac:visibilityarea id="lnkSavedCarts">
              <li>$$SAVEDCARTS$$</li>
            </ac:visibilityarea>
            <ac:visibilityarea id="lnkDownloads">
              <li>$$DOWNLOADS$$</li>
            </ac:visibilityarea>
            <li>$$LOGOUT$$</li>
          </ul>
        </div>
      </ac:layoutarea>
    </div>

Insert <li><a href="/store/wishlist.aspx">My Wishlists</a></li> into the un-ordered list element like so: 


      <ac:layoutarea id="Menu">
        <div class="well">
          <ul class="nav nav-stacked nav-pills">
            <li class="nav-header"><strong>$$CUSTOMERNAME$$ Account</strong></li>
            <li>$$DASHBOARD$$</li>
           ...
            <ac:visibilityarea id="lnkSavedCarts">
              <li>$$SAVEDCARTS$$</li>
            </ac:visibilityarea>
            <li><a href="/store/wishlist.aspx">My Wishlists</a></li>
            <ac:visibilityarea id="lnkDownloads">
              <li>$$DOWNLOADS$$</li>
            </ac:visibilityarea>
            <li>$$LOGOUT$$</li>
          </ul>
        </div>
      </ac:layoutarea>
    </div>

Once you save, this code will add a link to the left navigation menu on the customer my account page:

Wishlist Settings


Themes > Edit Theme > Global Themes Settings, under Shopping Cart section -- Allow Wishlists

There's also four Wishlist related theme pages in Themes > Edit Theme, under pages

  • WishList
  • WishList (Saved)
  • Wishlist (Saved WishList Details)
  • WishList (Shared)

The HTML and CSS of these pages can be edited there. 

 

Have more questions? Submit a request

Comments