> For the complete documentation index, see [llms.txt](https://joe-page-software.gitbook.io/hubitat-dashboard/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://joe-page-software.gitbook.io/hubitat-dashboard/tiles/google-photos.md).

# Google Photos

Add Google Photos Cloud album integration to your dashboard

## Description

Add a Google Photos Cloud album to the dashboard to display a slide-show of your pictures

<div align="left"><figure><img src="https://359348802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk-IVGVr8G2SBHju4g7%2Fuploads%2FsllsqzSF3OkBQ02xEaQr%2Fimage.png?alt=media&amp;token=29a3f1a2-1980-47a4-acaa-9e4eb759673e" alt="" width="375"><figcaption></figcaption></figure></div>

## Install Hubitat App/Driver

* Install [HPM](https://hubitatpackagemanager.hubitatcommunity.com/) (Hubitat Package Manager) to your Hubitat
* Open HPM -> Install -> Search by keywords -> search for **Google Photos Cloud**

## Install **Google Photos Cloud**

* In Hubitat Apps section, click on Install User App -> **Google Photos Cloud**
* Enter **Google Client ID / Secret**
  * Refer to [Get Google Credentials](/hubitat-dashboard/tiles/google-photos/get-google-credentials.md) to get the Client ID and Client Secret (free)
* Click **Authorize** to authorize this app with Google Photos

<div align="left"><figure><img src="https://359348802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk-IVGVr8G2SBHju4g7%2Fuploads%2FXCAcedxj5DBk0XwHEcAF%2Fimage.png?alt=media&amp;token=78c1518d-2098-4332-8d83-dc149be09642" alt="" width="375"><figcaption></figcaption></figure></div>

* Enter an album name and click on the little save icon next to it
* Click **Create Album** button which will create a new Google Photos album and a child device on Hubitat with the same name

<div align="left"><figure><img src="https://359348802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk-IVGVr8G2SBHju4g7%2Fuploads%2FWKqcqxcX6OMxfA4XjYZX%2Fimage.png?alt=media&amp;token=4e759637-17c2-49e3-ac63-add35885f777" alt="" width="265"><figcaption></figcaption></figure></div>

* Select any other options - such as how frequently the next image should display
* **Don't forget to add this new child device to MakerAPI so HD+ can see it**

## Usage

* HD+ will automatically handle and display these devices so there's nothing you need to do
* Depending on the refresh interval you chose, the image will change automatically

<div align="left"><figure><img src="https://359348802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk-IVGVr8G2SBHju4g7%2Fuploads%2FUME1ZabHhuBwuiIr7P3D%2Fimage.png?alt=media&amp;token=0c048fc2-2a75-4d43-ad67-6420aaa6db81" alt="" width="375"><figcaption></figcaption></figure></div>

## Use Google Photos as a Background

* Once you have a Google Photos device in HD+ you can use it for the dashboard background
* Open the menu -> Display Options -> Background

<div align="left"><figure><img src="https://359348802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk-IVGVr8G2SBHju4g7%2Fuploads%2FtP9rvYtlqIqA9oVdQ7Px%2Fimage.png?alt=media&amp;token=3341795d-2fd2-415d-a181-3dec0232bef0" alt="" width="188"><figcaption></figcaption></figure></div>

* Choose Select Image
* Select Image Source in top-left corner of dialog
* Select Hubitat Device

<div align="left"><figure><img src="https://359348802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk-IVGVr8G2SBHju4g7%2Fuploads%2FK1Fs9bj37eDwcrh1Y1ac%2Fimage.png?alt=media&amp;token=ea5d9000-8ce3-4e1f-af9b-5e2aa467ef50" alt="" width="188"><figcaption></figcaption></figure></div>

* Pick your Google Photos device from the list

<div align="left"><figure><img src="https://359348802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk-IVGVr8G2SBHju4g7%2Fuploads%2FLjpMv3EhpMoivk1dkA7l%2Fimage.png?alt=media&amp;token=a5f23b58-994d-4692-b3c5-6aba8412cd38" alt="" width="188"><figcaption></figcaption></figure></div>

* Change the Transparency value to show more or less of the background

<div align="left"><figure><img src="https://359348802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk-IVGVr8G2SBHju4g7%2Fuploads%2F3mkkYexHSXBi5ouFooJ7%2Fimage.png?alt=media&amp;token=cf8cd4e4-c33b-40a8-b8f3-9b20ba672ae3" alt="" width="188"><figcaption></figcaption></figure></div>

* see [Background](/hubitat-dashboard/look-and-feel/background.md) for more details