---
title: Add an image gallery or a photo album to a web page
description: "Display a photo gallery on your website: create a Google Photos album, generate a free slideshow and embed it in one of your web pages in just a few steps."
---

[Skip to content](https://support.yapla.com/en-ca/add-an-image-gallery-or-a-photo-album-to-a-web-page#main-content)

- [English - Canada](https://support.yapla.com/en-ca/add-an-image-gallery-or-a-photo-album-to-a-web-page)
- [Français - Canada](https://support.yapla.com/fr-ca/ajouter-une-galerie-dimages-ou-un-album-photo-sur-une-page-web)
- [Français - France](https://support.yapla.com/fr-fr/ajouter-une-galerie-dimages-ou-un-album-photo-sur-une-page-web)
- [Italiano - Italia](https://support.yapla.com/it-it/aggiungere-una-galleria-di-immagini-o-un-album-fotografico-a-una-pagina-web)

English - Canada

Show submenu for translations

[More support](https://support.yapla.com/en-ca/kb-tickets/new?hsLang=en-ca) [Customer portal](https://support.yapla.com/tickets-view?hsLang=en-ca)

[![logo-yapla-help-centre](https://support.yapla.com/hs-fs/hubfs/logo-yapla-help-centre.png?width=880&height=119&name=logo-yapla-help-centre.png)](https://support.yapla.com/en-ca/?hsLang=en-ca)

- [Meet](https://www.yapla.com/en-ca/support-meeting?utm_term=plateforme)
- [Yapla Academy](https://academy.yapla.com/)

Open main navigation

Close main navigation

- [Meet](https://www.yapla.com/en-ca/support-meeting?utm_term=plateforme)
- [Yapla Academy](https://academy.yapla.com/)
- - [English - Canada](https://support.yapla.com/en-ca/add-an-image-gallery-or-a-photo-album-to-a-web-page)
    - [Français - Canada](https://support.yapla.com/fr-ca/ajouter-une-galerie-dimages-ou-un-album-photo-sur-une-page-web)
    - [Français - France](https://support.yapla.com/fr-fr/ajouter-une-galerie-dimages-ou-un-album-photo-sur-une-page-web)
    - [Italiano - Italia](https://support.yapla.com/it-it/aggiungere-una-galleria-di-immagini-o-un-album-fotografico-a-una-pagina-web)

  English - Canada
  
  Show submenu for translations
- [More support](https://support.yapla.com/en-ca/kb-tickets/new)
- [Customer portal](https://support.yapla.com/tickets-view)
- [Contact us](https://support.yapla.com/en-ca/kb-tickets/new)

[Contact us](https://support.yapla.com/en-ca/kb-tickets/new?hsLang=en-ca)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Yapla Help Centre](https://support.yapla.com/en-ca?hsLang=en-ca)
2. [Create my website](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca)
3. [Content and articles](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#content-and-articles)

# Add an image gallery or a photo album to a web page

## Create an album in Google Photos, generate a free slideshow code, then embed it in a page of your website with the Custom content module.

**Available with the Essentials plan and higher.**

The website does not include a photo gallery module. A free tool such as Google Photos, combined with a slideshow generator, still lets you display a full album on a page of your website. The photos stay hosted in Google Photos.

**In this article**

- [Create a Google Photos album](https://support.yapla.com/en-ca/add-an-image-gallery-or-a-photo-album-to-a-web-page#album)
- [Generate the slideshow code](https://support.yapla.com/en-ca/add-an-image-gallery-or-a-photo-album-to-a-web-page#slideshow)
- [Embed the slideshow in your website](https://support.yapla.com/en-ca/add-an-image-gallery-or-a-photo-album-to-a-web-page#embed)

### Create a Google Photos album

1. Sign in to [Google Photos](https://photos.google.com/) with your organization's Google account. Create one for free if needed.
2. Click **Create**, then **Album**.
3. Give the album a title, then add your photos with **Add photos**.

### Generate the slideshow code

1. In the album, click the share icon, then **Create link**, and copy the link.
2. Open the [Public Album slideshow generator](https://www.publicalbum.org/blog/embed-photos-slideshow-carousel-widget).
3. Paste the album link into the field provided, then click **Create embed code**.
4. Adjust the slideshow settings if needed, then click **Copy code to clipboard**.

### Embed the slideshow in your website

1. Open the page of your website and add a [Custom content](https://support.yapla.com/en-ca/custom-content?hsLang=en-ca) module to the zone where the slideshow should appear.
2. In the module editor, click **Source**, then paste the copied code.
3. Save, then view the page on your website.

The slideshow code contains a script. Paste it into a Custom content module, not into an article: saving the article removes the script.

To scroll through a few images with a title and a link, the [Slider](https://support.yapla.com/en-ca/slider?hsLang=en-ca) module is another option: each slide shows an article and its image.

- [Getting started on Yapla](https://support.yapla.com/en-ca/getting-started-on-yapla?hsLang=en-ca#main-content)

    - [Collection of useful resources to discover Yapla](https://support.yapla.com/en-ca/getting-started-on-yapla?hsLang=en-ca#collection-of-useful-resources-to-discover-yapla)
    - [Getting started](https://support.yapla.com/en-ca/getting-started-on-yapla?hsLang=en-ca#getting-started)
    - [Make the most of Yapla](https://support.yapla.com/en-ca/getting-started-on-yapla?hsLang=en-ca#make-the-most-of-yapla)
    - [About Yapla](https://support.yapla.com/en-ca/getting-started-on-yapla?hsLang=en-ca#about-yapla)
- [Configure my account](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#main-content)

    - [First steps](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#first-steps)
    - [Account](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#account)
    - [Billing](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#billing)
    - [License and users](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#license-and-users)
    - [Frequently asked questions](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#frequently-asked-questions)
- [Learn about common functionalities](https://support.yapla.com/en-ca/learn-about-common-functionalities?hsLang=en-ca#main-content)

    - [Communications](https://support.yapla.com/en-ca/learn-about-common-functionalities?hsLang=en-ca#communications)
    - [Forms](https://support.yapla.com/en-ca/learn-about-common-functionalities?hsLang=en-ca#forms)
    - [Pictures and media](https://support.yapla.com/en-ca/learn-about-common-functionalities?hsLang=en-ca#pictures-and-media)
    - [Frequently asked questions](https://support.yapla.com/en-ca/learn-about-common-functionalities?hsLang=en-ca#frequently-asked-questions)
- [Manage my payments and authentification](https://support.yapla.com/en-ca/manage-my-payments-and-authentification?hsLang=en-ca#main-content)

    - [Authentification](https://support.yapla.com/en-ca/manage-my-payments-and-authentification?hsLang=en-ca#authentification)
    - [Payment method](https://support.yapla.com/en-ca/manage-my-payments-and-authentification?hsLang=en-ca#payment-method)
    - [Voluntary contribution and commission](https://support.yapla.com/en-ca/manage-my-payments-and-authentification?hsLang=en-ca#voluntary-contribution-and-commission)
    - [Frequently asked questions](https://support.yapla.com/en-ca/manage-my-payments-and-authentification?hsLang=en-ca#frequently-asked-questions)
- [Manage my members](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#main-content)

    - [First Steps](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#first-steps)
    - [Import members](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#import-members)
    - [Simplified Membership Campaign](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#simplified-membership-campaign)
    - [Member management](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#member-management)
    - [Member profiles](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#member-profiles)
    - [Form](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#form)
    - [Communications](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#communications)
    - [Organization or family management](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#organization-or-family-management)
    - [Membership management](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#membership-management)
    - [Rates](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#rates)
    - [Organization or family](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#organization-or-family)
    - [Advanced functions](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#advanced-functions)
    - [Continuing education](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#continuing-education)
    - [Frequently asked questions](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#frequently-asked-questions)
- [Organize my events](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#main-content)

    - [First steps](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#first-steps)
    - [Settings](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#settings)
    - [Forms](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#forms)
    - [Electronic tickets](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#electronic-tickets)
    - [Advanced settings](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#advanced-settings)
    - [Communications](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#communications)
    - [Rate management](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#rate-management)
    - [Event registration management](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#event-registration-management)
    - [Activity management with sessions](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#activity-management-with-sessions)
    - [Conferences](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#conferences)
    - [Frequently asked questions](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#frequently-asked-questions)
- [Receive donations](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#main-content)

    - [First Steps](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#first-steps)
    - [Donation management](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#donation-management)
    - [Tax receipts](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#tax-receipts)
    - [Recurring donation](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#recurring-donation)
    - [Campaign management](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#campaign-management)
    - [Peer-to-peer campaign (P2P)](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#peer-to-peer-campaign-p2p)
    - [Donor management](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#donor-management)
    - [Frequently asked questions](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#frequently-asked-questions)
- [Create my website](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#main-content)

    - [First steps](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#first-steps)
    - [Website personalization](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#website-personalization)
    - [Content and articles](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#content-and-articles)
    - [Pages](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#pages)
    - [Modules](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#modules)
    - [Online store](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#online-store)
    - [SEO & Performance Tools](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#seo-performance-tools)
- [Simplify my accounting](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#main-content)

    - [First Steps](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#first-steps)
    - [Manage sales and invoices](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#manage-sales-and-invoices)
    - [Manage expenses](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#manage-expenses)
    - [General ledger](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#general-ledger)
    - [Consolidation](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#consolidation)
    - [Reports](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#reports)
    - [Settings](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#settings)
    - [Projects](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#projects)
    - [Taxes](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#taxes)
    - [Frequently asked questions](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#frequently-asked-questions)
- [Manage my contacts](https://support.yapla.com/en-ca/manage-my-contacts?hsLang=en-ca#main-content)

    - [Manage contact](https://support.yapla.com/en-ca/manage-my-contacts?hsLang=en-ca#manage-contact)
- [Send newsletters](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#main-content)

    - [Introduction to Yapla Newsletters](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#introduction-to-yapla-newsletters)
    - [Configure your Newsletters](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#configure-your-newsletters)
    - [Contacts management](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#contacts-management)
    - [Performance tracking](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#performance-tracking)
    - [Target your mailings](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#target-your-mailings)
    - [Grow your subscriber list](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#grow-your-subscriber-list)
    - [Webinars](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#webinars)
- [Manage my data](https://support.yapla.com/en-ca/manage-my-data?hsLang=en-ca#main-content)

    - [First Steps](https://support.yapla.com/en-ca/manage-my-data?hsLang=en-ca#first-steps)
    - [Settings](https://support.yapla.com/en-ca/manage-my-data?hsLang=en-ca#settings)
    - [Object management](https://support.yapla.com/en-ca/manage-my-data?hsLang=en-ca#object-management)
    - [Reports](https://support.yapla.com/en-ca/manage-my-data?hsLang=en-ca#reports)
- [Documentation for developers](https://support.yapla.com/en-ca/documentation-for-developers?hsLang=en-ca#main-content)

    - [Advanced functions](https://support.yapla.com/en-ca/documentation-for-developers?hsLang=en-ca#advanced-functions)
- [Manage my federation](https://support.yapla.com/en-ca/manage-my-federation?hsLang=en-ca#main-content)

    - [Getting started](https://support.yapla.com/en-ca/manage-my-federation?hsLang=en-ca#getting-started)

- Our pricing 
    - [Pricing](https://www.yapla.com/en-ca/pricing)
    - [Professional Services](https://www.yapla.com/en-ca/professional-services)
    - [Training hours bank](https://info.yapla.ca/en/services)
- Resources 
    - [Help Centre](https://support.yapla.com/)
    - [Yapla Academy](https://academy.yapla.com/?utm_campaign=website&utm_medium=footer&utm_source=academie)
    - [Blog](https://www.yapla.com/en-ca/blog/)
    - [Yapla Newsletter](https://www.yapla.com/en-ca/yapla-newsletter/)
- Discover Yapla 
    - [Demo and webinars](https://www.yapla.com/en-ca/webinars)
- About Yapla 
    - [About us](https://www.yapla.com/en-ca/about-us/)
    - [Work with us](https://info.yapla.ca/en/work-with-us)
    - Contact Yapla
    - [Become partner](https://www.yapla.com/en-ca/partner-program/)

[![Yapla](https://support.yapla.com/hubfs/logo-yapla-fr.svg "Yapla")](https://www.yapla.com)

<https://www.facebook.com/Yapla.ca.en> <https://www.instagram.com/yapla.ca_en/> <https://www.youtube.com/Yapla> <https://www.linkedin.com/company/yaplacommunity/>

Copyright © 2013-2026, Yapla

[Terms of use](https://www.yapla.com/en-ca/terms-of-use)| [Privacy policy](https://www.yapla.com/en-ca/privacy-policy)