Compare

In Shopify, the Compare feature is used to let customers compare multiple products side by side — helping them make better purchase decisions.

Why We Use Compare in Shopify

1. Helps Customers Make Informed Decisions: Shoppers can view important details (like price, size, color, features, and specifications) of multiple products at once to decide which one suits them best.

2. Improves User Experience: The compare tool makes it easier for customers to analyze product differences without switching between pages again and again.

3. Increases Conversions: When customers clearly see which product fits their needs, they are more confident to buy — reducing hesitation and improving sales.

4. Highlights Product Features: Perfect for stores that sell electronics, furniture, fashion, or beauty products — where features and specs matter a lot.

5. Reduces Product Confusion: Helps customers quickly understand differences between similar products, which reduces return rates and decision fatigue.

Steps to Create a Compare Page in Shopify

1. Go to your Shopify Admin.

2. Click on Online Store → Pages.

3. Click the Add Page button.

4. In the Title field, type Compare.

5. On the right side, go to the Theme Template section.

6. From the dropdown, select the template: pages/compare

7. Click Save.

Steps to Create and Set Up a Compare Page Template in Shopify Code side

1. Go to your Shopify Admin.

2. Click on Online Store → Themes.

3. Find your current theme and click Edit Code.

4. In the left sidebar, open the Templates folder.

5. Click Add a new template.

6. In the popup, select:

   • Type: page

   • Name: compare

   • This will create a new file named page.compare.json.

7. Add your compare page code inside this file (if your theme includes a compare section, add it here).

8. Click Save.