Shopify Promotions and Navigation

This entry is part 3 in the series Shopify for Beginners

This post is part of a series:

While the Shopify Promotions tab gives you a pretty straightforward way to add discount codes to your site, the Navigation tab might surprise you with its versatility. Sure, you can use link lists to provide navigation to different sections of your site, but did you know that you can also use them to create collection landing pages, product galleries and more?

Promotions

Promotions Overview

Promotions Overview (click to view larger)

In your Shopify admin area, click Promotions.

You will see any discount codes you’ve already created as well as a link to create new ones. If you have previously used discount codes, you can quickly see how many times each code has been used.

Adding a new promotion

To create a new discount code, click the Add a discount code link just below the Promotions page title.

Add A Coupon Overview

Adding a New Coupon (click to view larger)

  • Give your promotion a name. This will be the code the customer uses to redeem the coupon. You can enter your own unique name (such as SummerSpecials2012) or click the Generate link to generate a random code.
  • Choose the Coupon Type. You can choose between a dollar discount (using the currency set in your Preferences), a percentage discount, or free shipping.
    • To create a dollar discount, enter the amount you want to discount each order. You can further restrict this code by selecting a filter from the next drop-down menu: all orders, orders over, collection or specific product. Choosing any option other than all orders will give you additional filtering options.
    • To create a percentage discount, enter the percentage by which each order will be discounted. You can further restrict the code by selecting filters.
    • To create a free shipping discount, enter the maximum rate that qualifies for free shipping. You can further filter this by country.
  • Coupon details

    Coupon details (click to view larger)

  • Edit the Coupon Details. The default sets the coupon to start today, be valid until it is (manually) deactivated, and to have unlimited uses. You can click any of those links to edit the parameters of the coupon to set a start and end date and to limit uses.
  • When you are happy with your coupon, click the Create discount button.

To deactivate a coupon at any time, you can always click the Disable discount button to the right of your coupon in the list of active discounts.

More Promotion options

Below the coupon list are three additional promotional tools.

    • Google Product Search: To publish your products to Google Product Search, click the Publish them now button. You must be logged in to the Google account associated with your shop to complete this process.
    • Google Experiments: To perform A/B testing on your shop, click the Create a New Experiment button. You can choose the element of your shop you’d like to use for multivariate testing and follow the instructions to start a new experiment.
    • Shopify Marketing Apps: click the link to the Shopify App Store to add marketing apps to your site.

Navigation

Shop Navigation Overview

Shop Navigation Overview (click to view larger)

In your Shopify admin, click Navigation.

You will see all of the link lists you have created for your site. Link lists are organized with the default link lists displayed first and any custom link lists displayed in alphabetical order by list name. Each link list has individual links to sections of your site or external web pages.

A “link list” is a block of links. Each link list has its own name and a unique handle for use in themes. Each shop includes two default link lists (Main Menu and Footer) but you can add an unlimited number of custom link lists, in addition to being able to add, change and delete the links in both of the default lists.

Adding New Links

Adding a new link

Adding a new link (click to view larger)

  • Choose the existing menu you’d like to add a link to and click the Add link button.
  • Give your link a name. This will be the text that appears on your site (for example, if you’re linking to your Blog and want the link to say My Thoughts, you would enter My Thoughts here).
  • Choose the section of your site you want to link to from the first drop-down menu. You may link to a blog, your shop front page, a collection, a page, an individual product, a search page, or an external URL.
  • In the second drop-down menu, you can further refine your link choice. For example, if you’re linking to a product, you can choose the product from the drop-down menu.
  • Click Add link to add your link to the link list.

If you’re linking to a collection, you can filter the display by tags. So if you have a collection of tee shirts and you want your navigation link to only display shirts that have been tagged “holiday,” you can do so without having to create an additional collection.

Editing Existing Links

Editing a link list

Editing a link list (click to view larger)

  • Find the link list you’d like to edit and click the Edit link list link next to the list’s title. The entire link list becomes editable.
  • Find the link you’d like to change.
  • Make your edits by changing the information in the Link Name or Links To fields.
  • Click the Save Changes button to save your changes.

Creating a New Link List

Creating a new link list

Creating a new link list (click to view larger)

  • Click Add link list below the title at the top of the Navigation page.
  • Give your link list a name and click the Add Link List button.
  • Follow the instructions above to add new links to your list.

Adding a Link List to Your Theme

Editing theme files requires knowledge of HTML and Liquid. Do not edit live theme files if you’re not sure what you’re doing! Always back up your theme before making changes.

  • Go to Themes > Template Editor. Choose the section of your theme you’d like to add the link list to from the list of available template files on the left. The template file will open in the editor.
  • Find the place in the template file where you’d like to add your link list.
  • Enter the code for your link list. (In the example below, you are using a conditional tag to check to see if the link list “footer” has any links in it, and if so, creating a paragraph with the class of links and displaying each link in it.)
  • Save your template file

Example:

Doing More With Link Lists

Want to get a little fancy with link lists? Here are some cool tutorials for using link lists in ways you may not expect:

Next Up: Blogs & Pages.

Series NavigationShopify Themes and Apps
Work with us on your next project! Click here to get started.
  1. hi i am a newbie at shopify, cant find my answers there, google lead me to you! i understand how to make the promo coupon (i want to give 10% discount on purchases over $200) but i cant make it show up on the website so that my customers will see it and will shop until they drop! How do I promote the promotion on the website? thanks so much!!

    Comment by michele — November 11, 2012 @ 6:12 am

  2. Hey I know this is off topic but I was wondering if
    you knew of any widgets I could add to my blog that
    automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this. Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

    Comment by Zelda — May 1, 2013 @ 2:22 pm

  3. Undeniably believe that which you stated. Your favorite reason seemed to be on the web the
    simplest thing to be aware of. I say to you, I certainly get irked
    while people think about worries that they just don’t know about. You managed to hit the nail upon the top and also defined out the whole thing without having side-effects , people could take a signal. Will likely be back to get more. Thanks

    Comment by how to get a degree online — July 25, 2013 @ 1:48 am

  4. Hey! Do you use Twitter? I’d like to follow you if that
    would be okay. I’m undoubtedly enjoying your blog
    and look forward to new updates.

    Comment by Website Design Pricedale — September 2, 2013 @ 10:16 pm

  5. I’ve been surfing online more than 2 hours today, yet I never found
    any interesting article like yours. It’s pretty worth enough for me.
    In my opinion, if all website owners and bloggers made good content as you did,
    the internet will be much more useful than ever before.

    Comment by coupon — September 13, 2014 @ 8:44 pm

RSS feed for comments on this post. TrackBack URL

Leave a comment