> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add an image gallery to a page

> Use a gallery of images to showcase and design a beautiful page. Learn to create a visual experience with an Image Gallery.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/6upuprgbpu" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## What is an image gallery section?

An Image Gallery is a great way to showcase and display a group of images. Adding an Image Gallery Section generates six Image Blocks in a uniform layout to help you build and design a page filled with beautiful images:

<img src="https://mintcdn.com/kajabi-support/eksT-QgQCtdu-eQT/articles/images/ff499412_upload_10426820902459122568.png?fit=max&auto=format&n=eksT-QgQCtdu-eQT&q=85&s=8909a719ec38020201b5726501918c9d" alt="CD38B8A8-D8FC-4F92-908E-5C7B744FF4CD.png" width="3112" height="1768" data-path="articles/images/ff499412_upload_10426820902459122568.png" />

[Learn more about the difference between an Image Gallery and a Section Gallery](/articles/website/pages/difference-between-an-image-gallery-and-a-section-gallery).

***

## Adding an image gallery to your page

* Open the **Website** tab from the Dashboard.
* Select either **Website Pages** or **Landing Pages**.
* Open the page editor for your Page. [Learn more](/articles/website/pages/how-to-get-to-the-page-editor)
* Navigate to the sidebar panel.
* Click **Add Section**.
* Select your Section **Image Gallery** to Preview.
* Click **Add** to generate the Preset Section to your Page:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/ie1zef4hkd" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Uploading images to your image gallery

Upload your images to your Image Gallery from your hard drive or from recently uploaded images:

* From the Dashboard, click the **Website** tab.
* Select either **Website Pages** or **Landing Pages**.
* Open the page editor for your Page. [Learn more](/articles/website/pages/how-to-get-to-the-page-editor)
* In your Page, click the **Image** block to access the editor.
* In the sidebar, click **Select Image**.
* From the dropdown menu, click **Upload a New File** or **Select a Recent File** to select the image.
* Click **Save** to keep your changes:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/yv66bvfkb7" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Tip>
  **Tip:** Drag and drop your Image Blocks in the sidebar panel to rearrange your Images.
</Tip>

***

## Adding more image blocks to your image gallery section

Include more images to your Image Gallery.

Keep in mind that your Image Gallery section is made up of six Image Blocks. Adding a new Image Block will give you the ability to add more images.

However, the Image Block will be disproportionate to the rest of your Gallery. Simply [customize the Block Settings for the Image Block](/articles/website/pages/how-to-add-an-image-to-your-page) to fit in accordance with your vision for the Image Gallery section.

* Hover over the Image Gallery Section and click inside the Section, not inside an image block.
* Click **Add Content** in the sidebar editor.
* Click **Image**.
* Customize your newly added Image block to fit your Image Gallery Section.
* Click **Save** to keep your changes:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/n0eb7tt824" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Customizing your image gallery section

Customize your Image Gallery Section by editing the [Image Block](/articles/website/pages/how-to-add-an-image-to-your-page) and Section Settings to change the appearance, behavior, and content.

[Learn to customize your images with Adobe Express.](/articles/website/pages/how-to-customize-your-images-on-kajabi-with-adobe-express)

**Section Settings:**

* [Background](/articles/website/pages/how-to-customize-your-section-background-settings)
* [Section Layout](/articles/website/pages/customizing-section-layout-settings)
* [Time Reveal](/articles/website/pages/customizing-time-reveal-settings)