How to Embed Flickr Gallery on HTML Website?

Add a Flickr Gallery

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 Widget account. You will see your Dashboard.

embed flickr gallery on HTML website

On the Taggbox Dashboard click the “+Create Widget” button to create a new Flickr gallery for your website:

add flickr photos on your 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“.

add flickr gallery on html website

Step 3

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

add flickr photo album on website

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

create flickr album

Step 4

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

add flickr photos on website

Here, you will see two choices for adding feeds 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.

create flickr photo album using keyword

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

create flickr album using 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 Gallery on HTML Website

To embed Flickr gallery on your HTML website you need to follow below steps

Step 1

Click on Embed Widget Button on your widget editor.

embed flickr gallery on website

Step 2

To embed your Flickr feed on the HTML website, choose HTML as your Platform. 

html code for flickr gallery

Step 3

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

add flickr album on website

Step 4

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

embed flickr feed on html

Great! You have successfully embedded Flickr feeds on your HTML website.

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

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