How to create a Shopify Collection page

In this article, you’ll learn how to enrich the content of your collection page to convey more information about collections and increase your conversion rate accordingly.

Relationship between default Shopify and PageFly collection page

The default Shopify collection page contains just a few pieces of information. With that in mind, PageFly allows you to add more information about your collections so increase your chances of converting your visitors to customers.

Install PageFly for Free here.

It’s worth remembering that a PageFly collection page does not thoroughly replace the Shopify collection page, but it will be appended into the default collection page and will re-use all the parts from the default collection page. Below is how we used PageFly elements to empower a default Shopify collection page.

You can watch this video to know about the fundamentals of PageFly Collection page

To add more content to a collection page, the first step you need to carry out is demonstrated as below:

  • Go to PageFly Collection Pages, click Create a collection page

collection page 1

  • In Page Settings board, enter a page title, choose Show Default Collection Details, click Next

collection page 2

  • Choose the collection you want to add more details to. You can choose multiple collections if you want. In this example, we choose all available collections.
  • Then click the Next button.

collection page 3

The app will launch the collection page for the collection that you previously chose. Additionally, there will be a prompt which asks you to choose a template for the page. In this article, we’ve chosen to start with no template.

collection page 4

Quickly press Publish on your newly created blank collection page so we can check for the default Shopify content in Live View.

Note that if you choose multiple collections, when clicking on Live View, it will display random collections from the ones you chose.

collection page 5

Here is the Live View of your collection page with only default Shopify content. You can see that the Live View is not engaging due to the default collection setting from Shopify. Therefore, you can choose to hide that default section and customize your collection page details with the following steps.

collection page 6

Step 1.2: Customize Collection Page without Shopify default product section (PageFly ver 2.5.0)

To hide the Shopify default collection section, please go to Page Settings and choose Hide Default Collection Details in Page Layout.

collection page 7

You can see this video to have a better demonstration of how to hide the Shopify Collection Details Placeholder

After the Shopify default collection section is hidden, you can customize your collection page with Shopify Collection Elements such as Collection Details, Collection Image, Collection Title, etc.

collection page 8

Step 2: Add an image with text into the collection page

Because images are one of the best ways to convey information, we chose an Image with text overlay section to make the page look more engaging. Just go to Add Section > Image With text overlay. Then choose a design that you would love to use, and drag it onto your page.

collection page 9

Once the element is dragged and dropped onto your page, you are able to beautify it by changing the background, updating the text and the button on the image.

collection page

Step 3: Add a testimonial section to your collection page

It’s common to use customer reviews to gain trust from your store visitors. In this case, we use the testimonial section to add some customer reviews to the collection page. Simply go to Add Section > Pre-made Sections > Testimonials > Drag and drop the variations you want to the page.


The next step is to customize this element. For example, you can change the text and upload an image of your customer.


Check the Live View for the result of your collection page after adding an Image with Text overlay section and a testimonial section. You can see the default Shopify content/Custom collection content on top followed by your newly added PageFly content.

collection page 13

You can add the Product Details element or other elements on the Collection page to promote your store.

With PageFly, your store’s collection page will give you more benefits than you think, this guide will let you know this.

You can check this video to know to assign a product page template and apply the same with the collection page template

Was this helpful?

Try out all PageFly features with Free plan
Don’t have Shopify store yet? Create store

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!