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.
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.
Step 1.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 is demonstrated as below:
- Go to PageFly Dashboard, click on the “+” sign or Create a page
- In Page Settings board, enter page title, choose Collection Page and click Next
- 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.
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.
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.
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.
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 Custom in Page Layout.
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.
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.
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.
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.