Skip to content
Quikly Help Center
Product Updates

Show or Hide Components on Specific Products

You can configure Quikly components to appear on specific product pages or be hidden from certain products. This is useful when you want to target promotions to particular products or exclude components from pages where they don’t apply.

This is one of several component-level visibility controls available for fine-tuning where your placements appear.

Accessing Component Settings

Section titled “Accessing Component Settings”

  1. Navigate to Build > Components in your Quikly campaign.

  2. Find the component you want to configure (i.e. popup or banner).

  3. Click the pencil icon to enter Edit mode.

  4. Click the Settings tab.

Component Settings tab

Show Only on Specific Products

Section titled “Show Only on Specific Products”

Use this setting to display a component only on certain product pages.

In the “Show only on Specific Products” field, enter a comma-separated list of product handles or patterns.

Only show this component on products matching these handles. Supports wildcards (e.g., ‘swoop-*’). Comma separated list of product handles or patterns.

Examples:

  • blue-widget - Show only on the “Blue Widget” product page
  • swoop-* - Show on all products with handles starting with “swoop-”
  • blue-widget, red-widget, green-widget - Show on these three specific products

Hide on Specific Products

Section titled “Hide on Specific Products”
Show and Hide on Specific Products fields

Use this setting to hide a component from certain product pages while showing it everywhere else.

In the “Hide on Specific Products” field, enter a comma-separated list of product handles or patterns.

Do not show this component on products matching these handles. Supports wildcards (e.g., ‘swoop-*’). Comma separated list of product handles or patterns.

Examples:

  • gift-card - Hide on the gift card product page
  • bundle-* - Hide on all bundle products
  • clearance-item-1, clearance-item-2 - Hide on specific clearance items

Finding Product Handles

Section titled “Finding Product Handles”

A product handle is the URL-friendly version of your product title. You can find it in:

  1. Shopify Admin: Go to Products, click on a product, scroll down to Search engine listing, and look at the URL handle.

  2. Product URL: The handle is the last part of your product URL. For example, in yourstore.com/products/blue-widget, the handle is blue-widget.

Using Wildcards

Section titled “Using Wildcards”

Wildcards (*) match any characters, making it easy to target groups of products:

PatternMatches
summer-*summer-dress, summer-hat, summer-sale-item
*-bundlestarter-bundle, deluxe-bundle, gift-bundle
*sale*summer-sale, sale-item, clearance-sale-2024
Section titled “Related Tutorials”