Add more content to my Shopify Product page

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

Relationship between default Shopify and Pagefly product page

Default Shopify products contain just a few pieces of information. With that in mind, PageFly allows you to add more information about your products for higher chances of converting your visitors to customers.

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

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

Step 1.1: Assign Shopify product(s) to PageFly product page

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

  • Go to PageFly Product Pages, click Create a new product page

product page 1

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

product page 2

  • Choose the product you want to add more details to on its page. You can tick on multiple products if you want to apply several.
  • Then click Next button.

product page 3

The app will launch the product page for the product 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 template.

product page 4

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

Note that if you choose multiple products (assign to many products), when clicking on Live View, it will display a random product from the chosen ones.

You can absolutely assign all store’s products for a product page and it will count one product page. You can check details here

You can watch this video to know more details

product page 5

Here is the Live View of your product page with only the default Shopify content. You can see that the Live View is very simple by nature due to the default Product setting from Shopify. Therefore, you can choose to hide that default section and customize your product details with the following steps.

product page 6

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

Move the Product Details Placeholder around your page editor

By default, if you want to choose to show the Product Details Placeholder, it will be placed on the top of the page. However, in many cases, you don’t want to display Product Details Placeholder on the top or you want to move this placeholder anywhere you want on the editor.

In the image below, the Product Details Placeholder by default is on the top of the page

Now, you want to move it under the next section which is About us Great coffee, made easy.

Click on the Show page outline icon of the left catalog and move the position like the image below

Hide the Shopify default Product Details Placeholder

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

product page 7

Important note:

You cannot edit the Shopify Product Details Placeholder with PageFly, you need to go to Shopify admin to edit it.

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

After the Shopify default product section is hidden, you can customize your product page with Shopify Product Elements such as Product Details, Product Image, Product Variant, Product Add To Cart, etc.

product page 8

Step 2: Add an image with text to your product page

Because images are one of the best ways to convey information, here we choose an Image with text section to make the page more engaging.

product page 9

Step 3: Add the Instagram element to your product page

pagefly instagram Due to the popularity of Instagram, it can be a good idea to add an Instagram element to your page. Instagram is available as a variation of the Social element. 

After dragging and dropping the Instagram element, it will look like this in your editor.

You can read more here to know more about the Instagram element.

Step 4: Add a video to this product page

Since video can convey more information, it’s good to have one to relay info about the product on your page. You can choose between HTML5 video or a Youtube Video under Media element.

product page 12

Here is the fruit of labor after we added a video element about the product.

product page 13

Step 5: Add a testimonial section to your product page

After that, let’s add one more section to convince your visitors that buying your product is a good choice. In this case, I use the Testimonials section. Simply go to Add Section > Pre-made Sections > Testimonials > Drag and drop the variations you want on to the page.

product page 14

This section is useful to gain trust from your customers by showing social proof.

Step 6: Add an Add To Cart button to increase the likelihood of conversion

By default, there is only one Call To Action (CTA) on the product page which is the button included in the product element. Therefore, adding Product Add To Cart element into various locations (e.g beneath the product video or testimonial) on your product page will increase your conversion rate.

product page 15

Link this button to the same product of this product page so it can be added to your visitor’s cart after the button is clicked.

product page 16


Check the Live View of your product page after adding an Image with Text section, Instagram element, Youtube element, Testimonial section, and a Product Add To Cart button element. You’ll see the default Shopify content/Custom product content on top followed by your newly added PageFly content.

These Design Converting Shopify Product Pages and Personalize Your Product Page guides indicate how to have an attractive and increase the conversion rate for your product page.

And if you have time to check out how you can optimize your Product Page for maximum conversion rate, check out our Exclusive Content: 12-Chapter Checklist on How Online Merchants Can Optimize Conversion Rate

You can check this article to know how to use the Product Add to Cart element

Was this helpful?

Top 9 PageFly's features to Boost your Holiday Sales

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!