How to Embed Flickr Gallery on Shopify Website

Add a Flickr Gallery

To create and embed Flickr gallery on Shopify website, you need to follow the given steps-

Try Taggbox Widget – Start Your 14 Days Free Trial

Step 1

Login or Signup to your Taggbox Widget account. You will see your Dashboard.

embed flickr gallery on shopify website

On the Taggbox Dashboard click the “+Create Widget” button to create a new Flickr gallery widget

create flickr album for shopify website

Step 2

Then, give a name to your widget . A Unique URL of your widget will be created automatically according to your widget name. You can also change it according to you.

To enable Profanity Filter select Apply Profanity Filter. Then, click “Create Widget“.

embed flickr

Step 3

1. Click Feeds (You will find it on the left-hand side of the page).

embed flickr gallery

2. Click Add Feed, to create a New feed.

add flickr photos on shopify website

Step 4

In the popup that appears, select the Flickr connection type from the top tabs and then fill out the required fields.

integrate flickr album with shopify website

Here, you will see two choices for adding photos which are

1. Keyword(#) and 2. Handle(@).

add flickr photos

Step 5

Choose one of these to add feed:

Keyword(#): To fetch Flickr photos via Keyword, enter your Flickr Keyword.

add photos from flickr via keyword

Handle(@): To fetch Flickr photos of account, enter your Flickr Handle.

add photos from flickr via handle

To enable Moderation on the connection select “Manually approve posts before making them public”.

Step 6

Then click “Create Feed” button to complete adding.

Great, the Connection has been created and within a few moments posts will appear in the Widget editor.

You can now to embed Flickr feed on Shopify website.

Embed Flickr Gallery on Shopify Website

To embed Flickr album on your website you need to follow the below steps

Step-1

Click on Embed Widget Button on your Widget editor.

embed flickr gallery

Step 2

To embed your Flickr gallery on the Shopify website, Choose Shopify as your platform.

display flickr photos on shopify

Step-3

Set width and height as per your requirements. Click on Get Code and Copy the generated code for the website.

get flickr gallery embed code

Shopify gives you the option to embed your Flickr feeds either on default Pages or New Pages or Blog Posts.

Add Flickr Gallery On Shopify Default Pages

Follow these steps for Default Pages:

Step-1

Copy the Web Embed Code from Taggbox Code Generator.

Step-2

Login to your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.

Step-3

Click on the Customize button.

add flickr album on shopify page

Step-4

Then Navigate to the left side of the page and click on Custom Content.

embed flickr gallery on shopify default pages

Step-5

Then click on Custom HTML and paste the Copied code and Click on Save.

add flickr album on shopify pages

Add Flickr Album on Shopify New Pages

Follow these steps for new pages:

Step-1

Copy the Web Embed Code from Taggbox Code Generator.

Step-2

Login to your Shopify store and Navigate to Online Store->Pages menu in the sidebar.

embed flickr gallery on shopify

Step-3

Click on Add Page.

add flickr photo on shopify

Step-4

Select Show HTML (<>) option of Text Editor.

embed flickr

Step-5

Paste the Copied code and Click on Save.

Embed Flickr Album On Shopify Blog Posts

Follow these steps for Blog Posts:

Step-1

Copy the Web Embed Code from Taggbox Code Generator.

Step-2

Login to your Shopify store and Navigate to Online Store->Blog posts menu in the sidebar.

flickr album on shopify

Step-3

Click on Add/Create Blog Post on the Top right of the page.

flickr photo album on shopify

Step-4

Select Show HTML (<>) option of Text Editor.

flickr photo integration on shopify

Step-5

Paste the Copied code and Click on Save.

Great! You have successfully embedded Flickr gallery on Shopify Website.

Try Taggbox To Embed Flickr Gallery – Start Your 14 Days Free Trial

If you have any questions or need help, please Contact us or write us at [email protected]