How to Use the WordPress Flickr Embed Block

Posted on September 3, 2021 by in WordPress | 0 comments

How to Use the WordPress Flickr Embed Block

The WordPress Flickr embed block lets you add photos and videos that you’ve saved to Flickr to your WordPress posts and pages. When a visitor clicks the photo or video, they’ll be directed to Flickr, where they can view and/or play your media. Videos can’t actually play on your website – the visitor will see a still image, and when they click it to go to Flickr, they’ll be able to play it there.

You’re also able to embed albums and galleries that have navigation arrows. (Albums are collections of your own media, while galleries are photos and videos you save from other photographers.) That way, visitors can see all of the media you want to show them without being redirected to Flickr.

In this article, we’re going to show you how to add Flickr media to your WordPress posts and pages, plus cover best practices, tips and FAQs.

Update Flickr Privacy Settings

Since you can only share photos and videos that are public (meaning they’re visible to everyone), you’ll want to double-check your settings in Flickr to ensure the media can be embedded in your site.

Head over to Flickr. Click the photo or video you want to share. This will open it up in its own page. Scroll to the bottom of that page. Next to Viewing Privacy, make sure it’s set to Public.

flickr embed

Changing Privacy Settings for Multiple Images

Let’s say you have several images that you want to embed on WordPress, but all of them are private. You can’t change privacy settings for an entire album or a bulk of images, but instead of going through each image one by one, here’s a workaround.

First, download the images to your computer. Open the album, and then click the Down Arrow icon. On the pop-up, choose Create Zip File.

add WordPress images

In a few minutes, you should get an email from Flickr with a link to your zip file, which will have all of the photos to download. When the zip file is on your computer, open it to access all the images inside.

Head back to Flickr. Click the Upload icon on the top-right of the page.

flickr embed

Choose how you want to upload your photos – by dragging and dropping them or by selecting them from your computer. Once your images are ready to upload, you’ll see a page that looks like this:

add images to WordPress

In the left sidebar, there’s a section titled Privacy. Here, you can set who the images are visible to. Make sure that Anyone (Public) is marked.

flickr embed

Now, the images that you just uploaded will be set to Anyone (Public), which means your visitors can view them when they visit your WordPress site.

How to Add the Flickr Embed Block to a WordPress Page or Post

Before you can add your Flickr content to your WordPress site, you have to add the embed block that gives you the functionality. First, log in to WordPress. From your dashboard, open or create a page or post. (FYI, you’ll need to use the Gutenberg block editor for this, not the classic editor.)

Click the Plus Sign. (If you don’t see it, click somewhere in the main body of the post or page.) A window will pop up with the different blocks you can add to WordPress. Search for Flickr, then choose the associated block to add it to your page or post.

Gutenberg editor

flickr embed

Gutenberg block

How to Embed a Flickr Image or Video in Your WordPress Post or Page

Go to your Flickr image or video, and copy the URL from the address bar. Head back to WordPress and paste it into the embed box, then click Embed.

flickr embed

Flickr images are low-quality in back-end WordPress. Mine looks like this, and I tried several to make sure I wasn’t picking a low-quality image:

add images to WordPress

When you look at the post or page in preview, though, it looks just as it should:

flickr embed

How to Embed a Flickr Album or Gallery in Your WordPress Post or Page

Go to Flickr and head to the album or gallery that you want to embed on WordPress. Copy the URL from the address bar, then paste it into the embed box and click Embed. The back-end version is much better quality than the individual image was:

add images to WordPress

When you view the preview, though, you may notice that the orientation is different. In the back-end, the album was completely horizontal, and if an image didn’t perfectly fit, there were black bars on the top and bottom or sides.

flickr embed

But in the preview, the album is larger vertically, and the images that have the black bars are the horizontal ones that don’t take up all the space. Compare the two below:

add gallery to wordpress

flickr embed

The Flickr Embed Block Error Message

Sometimes, a link can’t be embedded. Maybe the link is broken, or you copied and pasted something that’s not actually a link. When this happens, you’ll see an error message. You can opt to try the link again, or you can try the Convert to Link option. If neither of those work, though, you’ll have to use a different link.

Error message.

Flickr Embed Block Settings and Options

When you click on the Flickr embed block, four options show up in a toolbar above the top.

Flickr embed block settings.

From left to right, these are:

  • Change Block Type or Style: This lets you combine blocks to create columns or a group. Don’t worry about the Paragraph option – that just changes the block to text-only.
  • Drag: Drag the blog to another place on the post or page.
  • Move Up or Down: Move the block up or down one spot.
  • Change Alignment: Align the box left, center or right, or choose wide or full width.
  • Edit URL: Replace the Flickr link with a new one.

The Three-Dot icon on the right brings up another menu with additional options:

More options menu.

Best Practices and Tips for Using the Flickr Embed Block

Pay Attention to What You Name Albums and Album Images

When you add a Flickr album to a WordPress post or page, the title of the album and the name of the shown image will show up when the visitor hovers over it. Whether you want to get rid of an embarrassing image name or you just want to make your album more professional, it’s a good idea to update this in Flickr first. I had a hard time updating the image name and then getting it to show up on WordPress, even when I completely replaced the embed box and link.

Add Captions

When you add media from Flickr to WordPress, you have the option to add a caption underneath. (Note that for an album, you add just one caption for the whole album, not individual captions for the images.) You don’t have to fill this out, of course, but it could add helpful context to your content.

The Easy Way to Make Your Media Smaller

There aren’t sizing options for the Flickr embed block, but there’s an easy way to make the media larger or smaller: Play with the alignment. For example, when you align the content to the left or right, it will be smaller on the page. The other options will make it as large as it can be.

Frequently Asked Questions About the Flickr Embed Block

How do I embed Flickr in WordPress?

The quickest and easiest way to embed Flickr content in a WordPress post or page is by using the dedicated Flickr embed block in Gutenberg.

Do I need a paid Flickr plan to embed media on WordPress?

Nope! With a free plan, you can embed your public content in WordPress without a problem. And since you can add 1,000 photos to your free plan, you may have more than enough to choose from.

Wrapping Up

Today, there are a ton of services that let you host your images, whether you need a free option or you’re willing to pay. Flickr’s been around for a long time, and if you’ve used the service for years, you may not want to make a switch any time soon, especially if it means moving over all of your media. Luckily, you can put your Flickr images and videos right on WordPress with very little trouble, thanks to the embed block. And you can easily direct users to your Flickr account so they can check out the rest of an album that one of your photos is in. Plus, you can do all of this without bogging down your WordPress library with media uploads.

Want to add a social feed to your WordPress site, too? We have an article about how to use the WordPress Twitter embed block.

Featured Image: Saxarinka on Shutterstock.com

Premade Layouts

Check Out These Related Posts

How to Use the WordPress Archives Block

How to Use the WordPress Archives Block

Posted on September 19, 2021 by in WordPress

Navigating a blog can get tricky as its content library grows. Some visitors may want to dig deep into your posts archive, but they may feel discouraged by a poorly organized website. That’s why the Archives block enables visitors to easily navigate your catalog according to each...

View Full Post
How to Use the WordPress Shortcode Block

How to Use the WordPress Shortcode Block

Posted on September 18, 2021 by in WordPress

Using shortcodes is an intrinsic part of the WordPress experience. A lot of plugins don’t add custom blocks to the Block Editor. Instead, they enable you to use shortcodes to place elements on your posts and pages (and customize them). To do so, you’ll need to use the...

View Full Post
How to Use the WordPress Calendar Block

How to Use the WordPress Calendar Block

Posted on September 16, 2021 by in WordPress

Keeping your content organized is an important aspect of running a website. Fortunately, the WordPress Calendar block can help you do that. This element enables you to display a calendar on your site that links to your posts based on their publication dates. As such, your readers won’t need...

View Full Post

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today

Pin It on Pinterest