How to Embed Flickr Gallery on Website?

Embed Flickr Gallery On Your Website

To create and embed Flickr gallery on your 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 account. You will see your Dashboard.

Embed flickr gallery

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

Flickr embed

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“.

Flickr gallery for website

Step 3

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

embed flickr slideshow

2. Click Add Feed, to create a New Flickr album.

flickr embed album

Step 4

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

embed flickr album

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

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

create flickr album

Step 5

Choose one of these to add feed:

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

create flickr gallery via keyword

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

create flickr gallery 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.

Embed Flickr Album on Website

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

Step 1

Click on Embed Widget Button on your Widget editor.

embed flickr photostream

Step 3

Select Your Website Platform (Eg: HTML, WordPress, Wix etc.)

embed flickr photostream on website

Embed Flickr Gallery on HTML Website

Step 1

To embed your Flickr gallery/album on HTML website, choose HTML as your platform.

embed flickr album on html website

Step 2

Set width, height and height type as per your requirements. Click on Get Code

flickr gallery on html website

Step 3

Copy the generated code and Paste it into your webpage, where you want to embed Flickr feeds.

Flickr album on website

Embed Flickr Album on WordPress Website

Step 1

To embed your Flickr album on the WordPress website, choose WordPress as your platform.

embed flickr album on website

Step 2

Set width and height as per your requirements and Click on Get Code.

embed flickr album in wordpress

Step 3

Copy the website Generated Code.

embed flickr album slideshow

A. Embed Flickr Gallery On WordPress 5.0 Website

Learn here how you embed Flickr gallery On WordPress 5.0 Website

Step 1A

Open the page/post in your WordPress backend where you want to embed the Flickr feeds.

Flickr Gallery on wordpress website

Step 2A

Select “(+) Add Block” in the top left corner of the WordPress Editor.

Display Flickr Album on wordpress website

Step 3A

Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.

Integrate Flickr photos on wordpress

Step 4A

Click on Publish/Update post and You’re done.

B. How You Embed Flickr photos on WordPress Classic Editor

Learn here how you embed Flickr feeds on WordPress Classic Editor

Step 1B

Open the page/post in your WordPress backend where you want to embed the Flickr feeds.

embed flickr photos

Step 2B

On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.

Add Flickr photos on WordPress website

Step 3B

Paste the generated embed code where you want to show your widget and click on Update/Publish to save the changes.

Add flickr photos on website

Embed on WIX Website

To embed your Flickr gallery on the Wix website, choose Wix as your platform.

integrate flickr photos on wix

Now follow these steps –

Step 1

Open your WIX Editor and Navigate to the Page Where you want to Embed your Flickr gallery.

Step 2

Click on “+ Add” Button.

Flickr album on wix

Step 3

Click on More and Select Embed a Site.

 Flickr feed on Wix Website

Step 4

Check & Copy the “Website Address” under Mode.

display flickr album on wix website

Step 5

Paste the generated URL into the ” Website Address ” field.

add flickr gallery code on wix

Embed on Squarespace Website

Step 1

To embed your Flickr gallery on Squarespace website, choose Squarespace as your platform.

embed flickr gallery on squarespace

Step 2

Set width and height as per your requirements. Click on Get Code.

add flickr album on squarespace

Step 3

Copy the Flickr gallery Embed Code.

add flickr gallery

Step 4

On Squarespace, Navigate to the page where you want to embed Flickr photo gallery

Step 5

Click on Edit.

Display Flickr photos on Squarespace

Step 6

Click on +Add/Edit Block.

Flickr photos on Squarespace

Step 7

Select Code.

Integrate flickr album on Squarespace

Step 8

Paste the Copied code and Click on Apply.

Show Flickr on Squarespace

Step 9

Save the page to apply the Changes.

Embed on Weebly Website

Step 1

To embed your Flickr photo gallery on the Weebly website, choose Weebly as your platform.

embed flickr gallery on weebly website

Step 2

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

add flickr gallery on weebly

Step 3

On Weebly Navigate to the page where you want to embed your Flickr album

Step 4

In the left navigation bar click on “Embed Code” and Drop it on the position where you want to display the gallery.

embed flickr gallery on weebly

Step 5

Click on edit custom HTML and paste the copied code into the Container.

Integrate Flickr photos on Weebly

Step 6

Publish your changes.

Embed on Shopify Website

Step 1

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

embed Flickr gallery on shopify website

Step 2

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

add Flickr photos on shopify website

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

Default Pages

Follow these steps for Default Pages:

Step-1

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

Step-2

Click on Customize button.

Embed Flickr album on shopify Website

Step-3

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

Embed Flickr photos on shopify

Step-4

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

Flickr album on shopify Website

New Pages

Follow these steps for new pages:

Step-1

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

Embed Flickr gallery on shopify

Step-2

Click on Add Page.

embed flickr gallery on website

Step-3

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

how to embed flickr photos in website

Step-4

Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step-1

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

Flickr gallery for website

Step-2

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

embed flickr album

Step-3

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

how to embed flickr photos in website

Step-4

Paste the Copied code and Click on Save.

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]