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.
Step 1: Link the PageFly page to a 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.
- 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.
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.
Quickly press Save & Publish on your newly created blank collection page so we can check for the default Shopify content on the Live Page.
Here is the Live Page of your collection page with only default Shopify content.
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 element > Section > Image With text overlay. Then choose the design that you would love to use, and drag it into your page.
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.
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.