How To Guide

How do I create a customer photos page?

A Customer Photos page is a great way to engage your customers, build your brand, and increase conversion and sales. For example, a customer photo's page may look like this:

example of customer photos

To accomplish this for your store, there are only 2 steps

  1. Create a page in Shopify for Customer Photos.
    You can follow Shopify's instructions here.
  2. Add in one single line of code for the gallery that you want.
    When you are creating the page, there is a "<>" button to show the HTML code. You want to copy and paste the gallery code on the bottom of the page. It looks like this: creating a page
  3. Replace the highlighted area with your own gallery code and you are good to go.

Voila! You now have a page dedicated to Customer Photos!

Pro tip: You can follow the same steps to create a page dedicated for sweepstakes, contests, and blogs.

How do I install a gallery to a single blog post?

You can embed a page gallery on a single blog post. Here are the steps:

  • Start on your Shopify Add Blog Posts page
  • After you write your post, click on the <> icon
  • Get your HTML code for your gallery from your gallery page
  • Enter the HTML code for your gallery
  • Click Save

We implemented this as an example on our demo blog post. You can check it out here. Note that the page gallery follows the width of the blog post as intended.

Note that the gallery is dynamic. As you add/remove more photos, the gallery gets updated even if your blog content stays the same.

How do install a gallery to Pagefly?

Every Pagefly implementation is unique. Please use this as a broad guide and contact us for further help. Here are the steps:

  • Start on your Pagefly's editor
  • Click on Add Section and select HTML/Liquid
  • Click Open Code Editor
  • Get your HTML code for your gallery from your gallery page
  • Enter the HTML code for your gallery
  • Click Save & Close
  • Save your changes and publish

We created a pagefly page and implemented it as an example here.

The instructions to install product gallery on Pagefly's product pages are similar except you need to use the product gallery code. You can get the code by going to Products --> Install and copy the HTML code.

Need Help?

If you need help implementing something, please reach out at support@socialphotosapp.com . We help all our customers with installation and make sure that you are satisfied.