Embed Google Photos Album into a website

Embed Google Photos Album into a website

Google Photos is my favorite photo and video sharing and storage service.

My phone is set to automatically uploaded photos to Google photos in high resolution when I’m connected to WiFi.

With Google photos I can access my photos across all my devices and it’s packed with numerous features that help me organize, use and manage my photos.

Embed Google photos albums

I really love organizing my photos into Albums BUT Google Photos frustrates me as they don’t provide an option for embed my Google photo albums into my website.  Before Google Photos we had Picasa Web Albums which made it easy to embed an album as a slideshow.

I searching for the solution for a year and tried numerous options including some WordPress plugins.  None suited what I was looking for until now!

Here’s how to embed Google Photos Album:

1.  Log into Google Photos on your computer.

2.  Click on the Album you want to embed.  Click on Share icon.

Click on Share

3.  Click on Get Link and then Copy.

Copy link

4.  Go to Publicalbum.org

5.  Paste your Google Albums link into box and press Create Embed Code.

Create Embed Code

6. Here you’ll be able to change the way your album is displayed if you wish. When you’re happy, select the embed code on the right and copy it.

Copy embed code

7.  Paste the embed code into your post using Insert Embed in the Add Media Window and then click Insert into Post.

The method you use will depend on the website or blog platform you use.  This is how you do it on Edublogs and CampusPress networks.

Paste embed code

8.  Once the post is published you will see the album embedded as a slideshow.

Google Photos Album Embed Examples

Below are two different examples of embedded Google photos albums so you can see what the embed looks like.

Sculptures by the Sea

My photo album of the Western Mail Centenary Number (1828 to 1929)

Viewing this slideshow on a mobile device allows you to zoom in to read the text.

“The Western Mail” Centenary Number publication which was published in July, 1929 to commemorate the 100 years of the founding of Perth and the establishment of the Swan River Colony, the first permanent European settlement in Western Australia.

The 80 page publication highlights development and history of Western Australia from 1828 to 1929 in Perth and country towns. It includes photos from 1800’s to 1929 comparing changes in the city, towns, Parliament, transport, sport, fashions, primary production. The publication was sold for 1/6 in July, 1929.

It’s packed full of content that could be used with students and will be helpful for those interested in history.

Other Google Photo tips

You’ll find more tips for using Google Photos here!

19 thoughts on “Embed Google Photos Album into a website

  1. Hi,
    I am very pleased that you are using my tool.
    I would add that I have redesigned the Google Photos Album embedding tool. The result code has changed. Please correct this information in the article or write to me for more information. Now I can use the wordpress plug-in and I’m going to make some more modifications.
    Many thanks

    1. Hi Pavel

      Thanks for letting me know and I’ve updated the embed code I’ve added to the posts so the ablums are working. I’ll leave the instructions as are since it is still the same process. Please let me know if you make any further changes to the code as I need to update this post here – https://www.theedublogger.com/google-photos-guide/

      Sue Waters

  2. Thank you. for making it. and thank you for keeping an update of it.
    showing like a gallery also cool, an additional option that dont just show single photo.

  3. Hello, I’m wondering if the album keeps getting up-to-date. So if you add new photos to the Google Photos album, will these photos automaticly appear on your website as well? Or do I need to follow these steps and make a new link for my website every time I upload a new photo to this album?

    1. Hi, if you add new photos to your Google album I would expect the embed will update but it could take a bit of time to reflect depending on if there is any caching. i.e. wait several hours after you added new photos before checking the embed.


      1. Malheureusement, l’integration ne se fait pas. il faut encore pour le moment recommencer la procedure a chaque modification

  4. Does this mean of you delete photos they will continue to show?
    What about text – I used to have slideshows with committee members on several sites but since Picasa was finally killed off the RSS feed no longer works. That automatically include captions and used the most current album with no waiting time.
    Does your workaround do all that – if not would it be possible for me to modify it?

    1. Hi Nigel, deleting the photo from inside the Google Photo album removes it from the album. It is possible there will be a delay in seeing it removed from the embedded album as the embed may cache and only fetch the latest feed every few hours.

      Frustrating that they killed off Picasa.


  5. Sue, thank you so much! You are the best! Im having lots of problems on my website because it wasn’t loading the galleries all the time. After many hours of research I came accross your blog and it offers just what I was looking for.

    Thank you so much for helping to solve this!!


    1. Hi there, to embed a single image in WordPress, select the image from your Google Photos account, then click on the Share button in the top right of the screen, followed by selecting ‘Create Link’. Copy this link and paste it in https://ctrlq.org/google/photos/ to generate an Image Embed Code that you can then use in your WordPress site.

  6. Hi Sue,
    Is there any way to make the background different colour than jet black. When I choose different colour or type in Transparent in the Background Colour options the photos do not show – all I get is all black screen.

  7. This is wonderful!!
    Thank you so much! I have one question/problem. When I view the album in my site ti looks great in Chrome and on PC but not on my apple device. The image container seems to be the wrong size. Too big or too small. I can make it bigger than necessary which at least then the images can be viewed. However, I need to tell it to be positioned at the top of the container. I’m getting space at the top and the image floating in the middle which then I have to drag up to view. Any thoughts on how to modify for this??
    Either way, I’m glad I found this and again thank you!!

  8. Hi, in this page, the examples allow to scroll when you touch when in mobile. That is, they become active only when you press play. But in my website, once you scroll to the album, you can only move sideways, not up and down. You have to touch outside the album to continue scrolling. Do you know how can I solve this? Thanks in advance.

  9. Hi! I don’t know what happens, but the examples don’t work on my laptop with Opera browser. I can see the first photo, but when I click on the next arrow, I cannot see anything anymore.
    Has something changed?

    1. Hi Edith,

      Thanks for making me aware. Changes to the editor I was using affected the code I had added. I’ve replaced the code and it is working properly again.


  10. All this is of course good, but let’s say people want to embed 100 photos on their website, wouldn’t it be better to give people a script? or did I skip and your give the script? sorry my bad english

Leave a Reply

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

Subscribe By Email

Get every new post delivered right to your inbox.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Skip to toolbar