Flickr Element

Last Update: July 21, 2026

The Flickr Element allows you to add a Flickr feed anywhere in your content.

Watch the video below for a visual overview of the Element, view the Avada Flickr Element page for live examples, and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

View Element Page!

View Avada Builder Elements!

How To Use The Flickr Element

Steps to Find Your Flickr ID

Once you have added the Element to your page, to get any images to show, you need to set your Flickr ID to pull your own Flickr feed into the Element.

This value is called the NSID and has a format like this: 12345678@N05. To find your ID, you can just go to https://www.flickr.com/services/api/explore/flickr.urls.lookupUser and if you are logged in, you will see your Flickr ID at the top of the right hand column. Copy and paste this into the Flickr ID field, and your Flickr photostream should instantly appear on the page.

Then you can choose the type of feed you want to display. It can be your Photostream, or it can be an Album. If you select Album, you need to add an Album ID. To find this, go to You > Albums on your Flickr account, and open the album required. The Album ID is the last, numerical part of the URL.

On the Design tab, you can set your preferred columns, spacing, and margins. You can even choose to animate the Element on the Extras tab if you wish.

Element Options

Note: Please note that the displayed option screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

General

Heading		Description
API Key		Use default API key or get your own from Flickr APP Garden.
Flickr ID		Enter your Flickr ID to display your own feed. Get your flickr ID.
Type		Select your flickr feed type.
Album ID		Enter your Flickr Album ID. The album ID is the last, numerical part of your album URL.
Number Of Images		Choose the number of images you want to display.
Images Aspect Ratio		Select the aspect ratio of the images. Images will be cropped.
Custom Aspect Ratio		Set a custom aspect ratio for the images.
Image Link		Choose where the image should link to.
Image Link Target		Controls how the link will open.
Element Visibility		Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
Element Sticky Visibility		Choose to show or hide the element, based on the current mode (normal or sticky) of its parent container. You can choose more than one at a time.
CSS Class		Add a class to the wrapping HTML element.
CSS ID		Add an ID to the wrapping HTML element.

Design

Heading		Description
Number Of Columns		Select the number of columns to display.
Column Spacing		Choose the spacing between columns.
Margin		Enter values including any valid CSS unit, ex: 4%.

Extras

Heading		Description
Conditional Rendering		Add conditional rendering logic for the element. The element will only be part of the post / page contents, if the set conditions are met. NOTE: Server cache can interfere with results.
Animation Type		Select the type of animation to use on the element.
Direction of Animation		Select the incoming direction for the animation.
Animation Color		Select the color of the animation
Speed of Animation		Type in speed of animation in seconds (0.1 - 5).
Animation Delay		Select the delay time after the animation starts(0 - 5).
Offset of Animation		Controls when the animation should start.