Are you tired of manually adding discount information to your Shopify store’s product pages? Do you want a more efficient way to showcase deals and promotions to your customers? Look no further! In this step-by-step guide, we will show you how to add automatic discount displays to your Shopify store’s product pages.
From creating the necessary code snippets to customizing the display format, we’ve got you covered. So grab a cup of coffee and let’s get started on making your online shopping experience even better for both you and your customers!
What You’ll Need
In order to add automatic discount displays to your Shopify store’s product pages, you will need the following:
1. A Shopify account (you can sign up for a free trial here)
2. The Shopify Discounts app (you can find it here)
3. A custom Shopify Discounts app code (you can get one here)
4. A bit of knowledge about HTML and CSS (optional, but helpful!)
Once you have all of the above, you’re ready to get started!
Step One: Choose Your Discounts
The first step in adding automatic discount displays to your Shopify store’s product pages is to choose which discounts you want to display. There are two types of discounts that you can display: fixed amount discounts and percent off discounts. You can also choose to display both types of discounts at the same time.
To choose which type of discount you want to display, go to the Automatic Discounts section of your Shopify admin and click on the Add Discount button.
In the Add Discount popup, you will see a dropdown menu where you can select the type of discount you want to create. Select either Fixed amount or Percent off from the dropdown menu.
If you select Fixed amount, you will need to enter an amount in the next field. This is the amount that will be taken off the product price when the discount is applied.
If you select Percent off, you will need to enter a percentage in the next field. This is the percentage that will be taken off the product price when the discount is applied.
Once you have selected a type of discount and entered an amount or percentage, click on the Save button.
Step Two: Install the Shopify App
Assuming you’ve already completed steps one and two, it’s now time to install the Shopify app that will power your automatic discount displays. This process is actually pretty straightforward:
1. Log into your Shopify account and navigate to the ‘Apps’ section of your admin panel.
2. Search for the ‘Automatic Discounts’ app and click on it.
3. Click on the ‘Install App’ button.
4. Follow the prompts to complete the installation process.
And that’s it! Once the app is installed, it will start automatically displaying discounts on your product pages according to the rules you’ve set up. If you ever need to change or adjust anything, simply log back into the app and make your changes there.
Step Three: Set Up Your Automatic Discount Displays
Now that you’ve installed the Automatic Discount app and added your discount rules, it’s time to set up your discount displays.
To do this, go to the app’s settings page and click on the “Discount Displays” tab. From here, you can choose how you want your discounts to be displayed on your product pages.
There are three options for displaying automatic discounts:
1. Show the discounted price: This will show the discounted price below the regular price on your product pages.
2. Show a badge: This will display a badge next to the regular price on your product pages that says “Discounted.”
3. Show a message: This will display a message next to the regular price on your product pages that says “Discount applied at checkout.”
You can also choose whether or not to show the original price crossed out when discounts are applied. If you enable this option, the crossed-out original price will be displayed beneath the discounted price.
Once you’ve chosen how you want your discount displays to look, click “Save Changes” and they’ll be automatically applied to your store’s product pages!
Conclusion
In this guide, we have walked you through the process of setting up automatic discounts on your Shopify store’s product pages. With a few simple steps, you can easily set up automated discount displays that will give shoppers an incentive to buy more products from your store.
This is a great way to increase sales and boost customer loyalty for any e-commerce business. Once you’ve added the code into your theme, customers will begin to see the discounts automatically when they navigate to one of your product pages!
