How to Display Discount Vouchers as Cards on a Separate Page in Shopify?

Shopify Discussion
1

Hello everyone,

I hope you’re doing well!

I want to create a page in my Shopify store that displays available discount vouchers as individual cards. Each card should include:

  • Title of the voucher
  • Discount percentage
  • Monetary discount amount

The goal is to show these vouchers visually on a dedicated page, rather than just as labels in the cart.

I assume this might involve using Shopify’s standard variables (e.g., discount codes) and Liquid code. Can someone guide me on the best approach to achieve this? Any specific Liquid variables, sections, or apps I might need?

2

Hi @Fatina ,

Thanks for reaching out to the Shopify Community! I’m Mia from MooseDesk, your go-to Live Chat, WhatsApp and FAQ App here to help you enhance your customer support experience :blush:

Creating a visually appealing page to display discount vouchers is a fantastic way to engage customers! While Shopify doesn’t natively offer a dynamic way to display discount codes on a dedicated page, there are several apps that can help you achieve this functionality with minimal effort. Additionally, most app developers are open to assisting with customizations if the default features don’t fully meet your needs.

Recommended Apps to Display Discounts:#### 1. qikify Sales Pop up & Proof- This app displays recent activity and sales notifications, which can be customized to highlight discounts.

  • While primarily used for social proof, you can customize the notifications to focus on active discounts.

2. MS ‑ Coupon Discount On Cart

  • Provides a way to display discount codes and offers directly on the cart page.
  • You can collaborate with the app support team to extend this functionality to a dedicated discounts page.

3. ADU: Automatic Discounts

  • Automatically applies and displays discounts on your store.
  • The app team may assist with adding a widget or card-style design to a specific page.

4. PageFly Landing Page Builder- Use PageFly to create a fully customizable page with sections to display discount vouchers.

  • You can combine it with manual inputs or dynamic content using custom code.

As your business grows and you begin to connect with more customers, efficient communication will become even more crucial. I suggest exploring MooseDesk, a FREE Live Chat, WhatsApp & FAQ App. You can easily reach customer support via WhatsApp, ensuring immediate assistance for inquiries. Also, the widget provide multi self-Service options such as Order tracking, Translation and FAQ section empower customers to resolve common questions on their own, reducing the need for direct support.

MooseDesk_1-1735809971468.png
MooseDesk_1-1735809971468.png156×323 24.2 KB

So this is my answer for your question . If this is helpful for you, please let me know by giving me a ‘LIKE’. If your question is answered please mark this as 'SOLUTION’.

1 Like
3

Hello Mia** @MooseDesk **, thank you for your help. However, I still have trouble finding the discount variables or properties to combine them with the custom code