How to Add Shopify Collection Details to PageFly Page

About Shopify Collection Details ElementClick to copy

Summary: Shopify Collection Details Element is designed so you can put any collection from your Shopify store on to your page to increase conversion rates.

You can utilize the Collection Details element to showcase your collection on any page that isn’t specifically for collections. Alternatively, you can use it on a collection page if you prefer it over the default Shopify collection element.

How To Access Collection Details ElementClick to copy

Accessing the Collection Details element involves 3 simple steps:

  • Step 1: Click on the Elements function, navigate to Shopify tab
  • Step 2: Click on the Collection Details element in the dropdown menu
  • Step 3: Drag and drop the element into the page editor and then start using it.

The Collection Details element comes with two common variations but we will continue to add more variations to help you save time.

Note that you can search for this element by using the search function instead of finding it in the sidebar.

access collection details pagefly element

How To Configure (Setting) For Collection Details ElementClick to copy

General SettingsClick to copy

Collection Details element comes with plenty of parameters allowing you to fine-tune content appearance for the best possible conversion rate.

Select the element in the layout to see its parameters.

When you drag and drop the Collection Details element into the editor page, there are choices for the Collection Source for you to choose from:

  • Auto: This option will automatically apply when you are on a Collection Page or this element is added to a Collection list or Collection details
  • Custom Collection: This option is available in page types other than Collection Page or when the element is used independently. In such a case, you’d need to manually select the collection for which you want to show the image

general setting for shopify collection details element

To select custom collection, follow these steps below:

  • Step 1: Select Custom collection for collection source
  • Step 2: Select desired collection
  • Step 3: Click Select button

select custom collection

You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here.

Styling SettingsClick to copy

For further details on the Styling tab, please refer to this link.

Tips & Best PracticesClick to copy

  • It’s essential to include images within your XML sitemap to enable search engines to locate and index them efficiently. Although Shopify automatically handles this task, it becomes more difficult to monitor the indexing of your images in platforms such as Google Search Console.
  • Consider featuring certain products within your collections to draw attention to best-sellers, new arrivals, or promotions. This can help increase visibility and encourage sales.

Frequently Asked QuestionsClick to copy

1. What are the collection details?

Shopify Collection Details Element is designed so you can put any collection from your Shopify store onto your page to save time and of course to increase conversion rates.

2. What is the difference between collection details and collection description?

The Collection Details Element allows sellers to seamlessly integrate any collection from their Shopify store onto their PageFly page. With Collection Description, sellers can meticulously craft descriptions for specific collections and products, enhancing their presentation and appeal.

Additional ResourcesClick to copy

Thank you for your feedback!

Navigate this category

Could not find the answer
to your question?

Chat with us