PageFly - Add more content to my Shopify Collection page

893 views PageFly 1

Important: This feature is only available on the Premium plan

In this article, you’ll learn how to enrich the content of your collection page to convey more information about the collections and increase conversion rates 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 the collection so that it will extend into more chances to convert your visitors to customers.

It is worth remembering that PageFly collection page does not thoroughly replace 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.

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

  • Go to PageFly Dashboard, click on the + sign.
  • Under EDIT COLLECTION PAGE, click Select collection.

Start enriching your Shopify collection page

  • Choose the collection you want to add more details for its page. In this example, we choose “Mobile Phone” collection.
  • Then click Select collection button.

Pick a collection to add more content to its page

The app will launch the collection page for the collection that you previously picked. 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 templates.

Template library

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

Save & Publish to check the default Shopify collection content of the page

Here is the Live Page of your collection page with only default Shopify content.

Default Shopify collection page

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

Because image is one of the best way to convey information. Here we choose Image with text overlay section to make the page look more stunning. Just go to Add elementSection > Image With text overlay. Then choose the design that you would love to use, and drag it into your page.

Where Image with text overlay is located

Once the element was dragged and dropped into your page, you are able to beautify it by changing the background, update the text and the button on the image.

Image with text overlay after edited to content your collection information

Step 3: Add a testimonial section to your collection page

It is common to use customer reviews to gain trust from your customers. In this case, we use the testimonial section to add a couple customer reviews into your Mobile Phone collection page. Simply go to Add element > Section > Testimonials > Drag and drop the variations you want to the page.

Where Testimonials is located

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

Testimonial after edited


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

Was this helpful?