Boost Sales with Discounts on Shopify
Table of Contents
- Introduction
- Showing Discounts on Product Pages
- Single Product without Variants
- Editing the Compare At Price
- Setting the Regular and Compare At Prices
- Product with Multiple Variants
- Editing the Compare At Price for Variants
- Using the Bulk Editor
- Customizing the Look and Feel
- Editing the Shopify Theme
- Changing Colors and Fonts
- Other Considerations
- Adding Discount Codes
- Displaying Compare At Price on Different Store Pages
- Conclusion
How to Show Discounts on Product Pages on Shopify
Discounts are a great way to attract customers and increase sales on your Shopify store. In this tutorial, we will show you how to display discounts on product pages, whether you have a single product or multiple variants. We will also discuss how to customize the appearance of the discount and address other considerations when setting up discounts on your Shopify store.
Single Product without Variants
If you have a single product without any variants, editing the compare at price and displaying discounts is a straightforward process. To get started, navigate to your Shopify home and go to the Products section. If you already have a product, simply click on it; otherwise, click on "Add Product" to create a new one.
In the pricing section, you will see the regular price and compare at price fields. The regular price is the price at which you want to sell your product, while the compare at price is the original retail price. By editing the compare at price, you can show the discount on the product page.
To showcase the discount, enter the regular price and the compare at price. For example, if you want to sell your product for $19.99, set the regular price to $19.99 and the compare at price to $30.00. You can also choose to charge tax on the product and track the cost per item for margin tracking purposes. Once you have made the necessary changes, click on save.
Refresh the product page, and you will see the discount displayed with the regular and compare at prices. This method is effective for single products without variants, making it easy to edit and show the discount prominently.
Product with Multiple Variants
If you have a product with multiple variants, such as different colors or sizes, editing the compare at price requires a slightly different approach. On the product listing page, you will notice that there is no direct option to edit the compare at price for each variant.
To edit the compare at price for multiple variants, return to the regular listing page and select the checkbox next to the product. Click on "Edit Products," and this will bring up the bulk editor. In the bulk editor, you can modify the compare at price for each variant.
For example, let's say you have a product with silver and gold variants. Set a different compare at price for each variant by entering the prices in the bulk editor. Save your changes, and the updated prices will be reflected on the product page.
Customizing the Look and Feel
The appearance of the discount and compare at price on the product page is primarily determined by your Shopify theme. If you wish to customize the look and feel, you have two options: changing the theme or editing the colors and fonts within the theme settings.
To change the theme, navigate to your Shopify home, go to Sales Channels, and select Online Store. From there, click on Themes. You can either choose a different Shopify theme that suits your preference or customize the existing theme by selecting the "Customize" option. Keep in mind that customizing the theme's appearance may require more in-depth knowledge of Shopify theme editing.
If you want to make minor adjustments, such as changing colors or fonts, you can do so within the theme settings. However, it's important to note that the extent of customization will depend on the specific theme you are using. Consider exploring different theme options or consulting Shopify's theme documentation for more information on customizing the look and feel of your store.
Other Considerations
In addition to showing discounts on product pages, there are other considerations to keep in mind when utilizing discounts on your Shopify store.
Adding Discount Codes
If you want to offer discount codes to your customers, it is a separate process from displaying discounts on product pages. Discount codes allow customers to enter a code during the checkout process to apply a discount to their purchase. If you are interested in learning more about editing and creating discount codes, we have a tutorial available that covers this topic.
Displaying Compare At Price on Different Store Pages
The compare at price and discount will not only appear on the product page but also on other sections of your online store where the product is displayed. Whether it's featured product sections, collection pages, or the cart section, customers will see the discounted price and compare at price. This helps create consistency and clear visibility of the discounts you offer.
Conclusion
When it comes to showing discounts on product pages on Shopify, you have options whether you have a single product or multiple variants. By editing the compare at price and setting the regular and compare at prices, you can easily showcase discounts. Additionally, customizing the look and feel of the discount is possible through theme editing or theme settings. Don't forget to consider other discount features like discount codes and the places where the compare at price is displayed throughout your online store. Offering discounts can help attract customers and boost sales, so take advantage of this feature on your Shopify store.
Highlights:
- Learn how to display discounts on product pages on Shopify.
- Editing the compare at price for single products and multiple variants.
- Customizing the appearance of the discount through theme editing or theme settings.
- Additional considerations such as discount codes and displaying compare at prices on different store pages.
FAQ
Q: Can I show discounts on product pages for products with multiple variants?
A: Yes, you can edit the compare at price for each variant using the bulk editor in Shopify. This allows you to display discounts for different variations of your product.
Q: How do I customize the appearance of the discount on the product page?
A: The appearance of the discount is primarily determined by the Shopify theme you are using. You can either choose a different theme or customize the existing theme's colors and fonts to achieve the desired look.
Q: Are there other considerations when using discounts on my Shopify store?
A: Yes, in addition to showing discounts on product pages, you can also create discount codes for customers to use during checkout. The compare at price and discount will also be displayed on other sections of your online store where the product is showcased.
Q: Can I track margins for my products in the Shopify backend?
A: Yes, you can set a cost per item for your products in the pricing section. This allows you to track margins and calculate profitability more accurately.