Skip to content
Help
  • Easy Subscriptions Website
  • Get Started
  • Pricing

Subscription Management

7
  • How to Set Up Cancellation Retention Flow in Easy Subscriptions
  • Minimum Orders to Cancel subscription
  • Add Remove Products within Subscription
  • Reschedule Subscription Orders
  • Place Order Manually
  • Manage Shipping address and Rates
  • Cancel/Pause/Skip a Customer’s Subscription

Migration

5
  • Import Subscriptions
  • Migrate from PayPal Express
  • Migrate from Authorize.net
  • Migrate from Braintree
  • Standard Migration

Analytics

2
  • How to Access Analytics in Easy Subscriptions
  • Analytics Dashboard

Getting in Touch with Us

1
  • Contact Support for Assistance

Supported Payment Gateways for Subscriptions

1
  • Supported Payment Gateways for Subscriptions

Customer Portal Management

7
  • Custom CSS for Customer Portal
  • Customizing the Customer Portal for Subscription Management
  • Customer Portal Customizations
  • Swap Products from Customer Portal
  • Customer Portal Settings
  • Customer Login Functionality
  • Cancel/Pause/Skip Subscription from Customer Portal

Getting Started

10
  • Managing Customers
  • Placing Test Orders
  • Different Subscription Plan Types
  • Managing Subscription Contracts
  • Theme Installation
  • Customer Management
  • Collection Page Widget
  • Product Page Widget Integration
  • Subscription Group Creation
  • Account Page Widget Integration

Features

15
  • How to Add a New Language to Your Shopify Store & Localize Easy Subscriptions
  • Dynamic Bundle
  • Auto Contract Sync
  • Customer & Order tags
  • Fallback Product
  • Dunning Management
  • Build a Box
  • Fixed Bundles
  • Auto Product Price Sync
  • Cancellation Management
  • Language Translation
  • Tags
  • Subscription Activity Log
  • Product Swapping
  • Bulk Update of Subscription Contracts

Notifications & Email Customization

6
  • Customer Notifications
  • Preferrred Email For admin Notifications
  • Migrate from Stripe
  • Setting Up a Custom Email Domain for Subscription Emails
  • Email Customization
  • Custom Email Domain
View Categories
  • Home
  • Docs
  • Getting Started
  • Collection Page Widget

Collection Page Widget

1 min read

How to Set Up the Subscription Widget on the Collection Page #


Navigate to Easy Subscriptions → Settings → Widget.
Copy the following snippet:

<div class="easy-dynamic-subscription-container" data-product-object='{{ card_product | json | escape }}' style="display: none;"></div>

Go to Online Store → Themes and click Customize on your active theme.

From the top dropdown in Theme Editor, choose Collections → Default Collection or any other you want to edit.

Find the section showing your product cards (usually Product grid) and choose the Standard layout style.

  1. Click the ‘+’ icon in the product card section.
  2. Go to the App tab.
  3. Select Easy Subscription Widget.

Go to Online Store → Themes → Edit Code. Find and open Snippets/card-product.liquid. Paste the widget snippet right below the product form code.

Click Save in the code editor. Preview your collection page to confirm that the subscription widget is now loading properly on each product card.

Our support team is always here to help! If you run into any trouble or need custom widget placement, reach out via the app or your dashboard support chat.

Updated on July 21, 2025

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Customer ManagementProduct Page Widget Integration

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Table of Contents
  • How to Set Up the Subscription Widget on the Collection Page

Product.

  • Changelog

Resources

  • Demo Store
  • Features

Compare

  • Easy vs Recharge
  • Easy vs Bold
  • Easy vs Skio
  • Easy vs Appstle
  • Easy vs Recurpay
  • Easy vs Seal
  • Easy vs Subi

Company

  • About Us
  • Pricing
  • Shopify App Reviews
  • Privacy Policy
  • Blogs

Partners

  • Partner with Easy

Support

  • Help Guide
  • API Documentation
  • FAQ’S
© 2025 – Easy Subscription, All Rights Reserved