How do I embed a Google Photos album into a website?

How can I do embed my shared album from Google Photos and make preview of images on my website? How can I do that simply, without having to copy pictures or complicated search to individual image links? Here I will introduce my solution, which you can also try.

Tool for embeding of Google Photos album.

Three steps how to do it.

When I wanted to present my photos public on the web, I found out that there was no easy way to do it, in fact, there was no reasonable way.

This led me to find a way to solve it. The result is the first version of the photo viewer. This is a compilation of Google Photos image public links and javascript component “Player” for convenient viewing.

You can embed yours shared photo album from Google Photos with the code that generates a preview of your entire album with the ability to view photos easily.

1) Get album public link for sharing

In Google Photos application, you must share selected album and get link of it. Choose album – click on menu icon or open album and click on share button and select “get link”. Link look like as Copy this link into clipboard.

2) Create code to embed album

All you need is a link from previous step. Insert to field and press “Create embed code“.

I created tool to basic manage of created code. You can setup dimmensions and some options about component. When you finish, copy result HTML code into clipboard. This code is a final stand alone HTML code – no proxy, no iframes. The only one external component is a “Player” decorator.

3) Paste code to your website

Complete code, paste to your site. That’s all.
If you need process some change, such as add new photos, you must create new code of album. I will try to solve this problem in some of the following versions.

Good to known

Result code contain all link to images of shared album. No files copying. The code decorate, by external Javascript component, after page is loaded and create Player with album. It’s easy and fast.

If you decide not to share the album, just stop sharing it in Google Photos and the photos will not be available anywhere else.

Javascript decorator script is now available on CDN.


If you want to embed single Google Photos image, you can use my another tool to do it. Perfect for blogs and single image view.

For WordPress users I have prepared a Worpdress Google photos plugin for easy to use in your posts using shortcodes.


Now is available to use Carousel widget to create slideshow with autoplay.

Since version 1.2.32, widgets support videos, see to how make video slideshow for website.

26 thoughts on “How do I embed a Google Photos album into a website?”

  1. thanks. this looks really useful.
    Is there any way for it to show the description of each photo that was added in google photos?

  2. Thank you – This is an amazing tool! I’ve tried numerous ways to embed Google Photos albums into my sites, and this is by far the easiest, and also the smoothest, player that I’ve been able to find. Images load quickly and it plays nice with Bootstrap responsiveness.

    Question: I can’t seem to make the player window any bigger than 480px tall – is there an option that I’m missing?

    Keep up the great work – and thanks again!

  3. Thank you! It’s fantastic!I’m so happy, that it is again possible to make slideshow from a Google Photos album. It’s works!

    BUT how can be used the “Autoplay slideshow at start” function??? It would be perfect, even if that would be also functioned.

    1. Hi Kinga, autoplay not allowed in current version. I preparing new revision and stand alone carousel component with autoplay. Thanks for patience.

  4. Hi, it’s a super useful tool and I built my whole website around it.

    But somehow it isn’t working anymore.

    I’ve tested it in multiple browsers on multiple devices and even the code creator tool on your site won’t display anything anymore.

Leave a Reply

Your email address will not be published. Required fields are marked *