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:

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

Create a page in Shopify for Customer Photos.
You can follow Shopify's instructions here.
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:
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 my blog?

The steps to install a Socialphotos' page gallery to your blog is very similar to installing it on your homepage. Here are the steps:

Start on your Shopify theme's customize page
Select Default Blog or your blog template

Click on Add Section
Under APPS click on UGC Page Gallery by Socialphotos

Click on UGC Page Gallery and enter your gallery ID

We implemented this as an example on our demo store. You can check it out here.

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.