# How to add a Slideshow in Squarespace

**URL:** <https://community.elfsight.com/t/how-to-add-a-slideshow-in-squarespace/56116>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [June 8, 2024, 3:23am UTC](https://community.elfsight.com/t/how-to-add-a-slideshow-in-squarespace/56116 "2024-06-08T03:23:10Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [June 8, 2024, 3:23am UTC](https://community.elfsight.com/t/how-to-add-a-slideshow-in-squarespace/56116/1 "2024-06-08T03:23:10Z")

</div>

To add a Slideshow in Squarespace, you can follow these quick steps.  
Additionally you can also use **[Image Slider widget](https://go.elfsight.io/click?pid=9&offer_id=4&path=/slider-widget/)** or **[Sliding Banner Plugin](https://www.will-myers.com/products/p/sliding-image-banner?peachs_apc=tuan-phan)** it will give you more customizations.

In Squarespace, you can add: Gallery Block Slideshow, Gallery Section Slideshow (Simple/Full), List Section Banner Slideshow.

**A. Gallery Block Slideshow**  
#1. First, you need to [add a Gallery Block](https://community.elfsight.com/t/how-to-add-a-gallery-in-squarespace/55831)

**#2.** Choose **Edit** the Gallery Block

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/6/36f72ad320cba301bba1635d5747bb968e4b6c92.jpeg)

**#3.** At **Design** , choose **Slideshow**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/1/1132baeab8c6e1a9e2523d9f23225fb63745a38b.jpeg)

**#4.** Result

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/9/1/91c66ca9116b27797016db3ba16cd39b5ff590b1.jpeg)

**B. Gallery Section Slideshow**  
#1. First, you need to [add a Gallery Section](https://community.elfsight.com/t/how-to-add-a-gallery-in-squarespace/55831)

**#2.** Next, you hover on the **Gallery Section** and choose **EDIT SECTION**  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/1/d10cd0ce5f8aeb3e0aef8dcffa26d2f5b8dc358c.jpeg)

**#3.** Next, you click on **Grid: Simple** and change it to **Slideshow: Simple** or **Slideshow: Full**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/b/5ba3f39a5c4d96e416df36017848bb7534702236.png)

**#4.** Result

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/d/cde9657b0e8472e4c78b78168db9ea3b2df68de9.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/b/5/b559844392eac9a1c84857fa09f35c8983ec43b9.jpeg)

**C. List Section Banner Slideshow**  
**#1.** First, you **ADD SECTION**  
[![](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/5/d543e20d275d9db18963a14f460b4676ab5122fd.png)](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/5/d543e20d275d9db18963a14f460b4676ab5122fd.png)

**#2.** Choose the People and add the **List Section** (section with **(i) icon** )

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/f/cfd4ca30b2476849cb490cb35f80f9ce8fa293f8.jpeg)

**#3.** Next, hover on the List Section and choose **EDIT CONTENT**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/8/78326e8c8ccadeef65811639322a033e32b6238b.jpeg)

**#4.** At **Design** , click on **Simple List** and change it to **Banner Slideshow**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/b/5bae31c94eb6fb6c352649046607bbfd5bd2f49d.png)

**#5.** Result

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/8/386730e5e2be8a728b249af06dbd0614b79f1c0f.jpeg)