---
title: "Joomla 4 Smart Slider Extension Guide"
description: "Putting a slideshow on your website is a great way to let visitors go through a photo gallery while keeping your site layout elegant. Whether you're an artist, a retailer, or just want to show off..."
url: https://www.inmotionhosting.com/support/edu/joomla/joomla-4/joomla-4-smart-slider/
date: 2021-08-30
modified: 2021-08-27
author: "InMotion Hosting Contributor"
categories: ["Joomla 4"]
type: post
lang: en
---

# Joomla 4 Smart Slider Extension Guide

![Joomla 4 Smart Slider Title Image](https://www.inmotionhosting.com/support/wp-content/uploads/2021/08/joomla4smartsliderextensionguide-1024x538.png)

Putting a slideshow on your website is a great way to let visitors go through a photo gallery while keeping your site layout elegant. Whether you’re an artist, a retailer, or just want to show off your vacation slideshows, **sliders** are the tool for the job. The popular Smart Slider extension has returned in Joomla 4 — read on for the highlights on the Joomla 4 Smart Slider extension.

- [Install the Joomla 4 Smart Slider](#install)
- [Try Out Smart Slider](#try)
- [Add Smart Slider Slides to Your Page](#add)

## Install the Joomla 4 Smart Slider

Smart Slider was updated to be Joomla 4 compatible back when Joomla 4 was still being tested. This means installation is straightforward.

1. First, download the [Joomla 4 Smart](https://smartslider3.com/free-joomla-slider/)[ Slider](https://smartslider3.com/free-joomla-slider/) extension from Smart Slider.
2. You’re looking for a zip file with a name like `smartslider3-joomla-3.5.0.10.zip` or something similar. If the file has `UNZIP_FIRST_` in front of the file name, you will need to unzip this zip file to get the other zip file you need.
3. Once you find the appropriate ZIP file, *leave the file zipped/compressed*.
4. In your Joomla 4 Home Dashboard, click on **System**.
5. Under *Install*, click on **Extensions**.
6. Be sure you are in the **Upload Package File** tab.![joomla 4 smart slider upload package file](https://www.inmotionhosting.com/support/wp-content/uploads/2021/08/uploadPackageFile.png)
7. Follow the onscreen instructions to upload the file by *drag and drop* or *browse for the file* that you downloaded above.
8. You should see an *Installation of the library was successful* message and a tutorial video.![joomla 4 smart slider installation successful](https://www.inmotionhosting.com/support/wp-content/uploads/2021/08/joomla4SmartSliderInstallationSuccessful.png)

## Try Out Smart Slider

By default, the free version of Smart Slider still has many useful features enabled. Slider breakpoints are automatically set to adjust to different screen widths and basic style attributes can be configured in *Settings*.
![Joomla 4 Smart Slider Settings](https://www.inmotionhosting.com/support/wp-content/uploads/2021/08/smartSliderSettings.png)

Smart Slider 3 (the latest version) will be listed under *Components* in your Joomla Menu.
![Joomla 4 smart slider components](https://www.inmotionhosting.com/support/wp-content/uploads/2021/08/joomla4SmartSliderMenu.png)

Try out the sample slide deck by to get a feel for how to best design slides that fit your site and the images you want to display. Smart Slider is layer based, so you’ll be comfortable using it if you’re familiar with similar graphic design software.

Think of the Smart Slider listing under *Components* as where you go to edit your slide decks. To actually add a slide deck to one of your Joomla pages, add a *Site Module* by following the instructions below.

## Add Smart Slider Slides to Your Page

1. In your Joomla menu, click on the *plus sign* next to *Site Modules* under *Content*![Joomla 4 site modules content](https://www.inmotionhosting.com/support/wp-content/uploads/2021/08/joomla4ContentSiteModules.png)
2. In the listed *Module Types*, click on **Smart Slider 3 Module**
3. Fill in the Title of this Smart Slider![Joomla 4 Smart Slider title box](https://www.inmotionhosting.com/support/wp-content/uploads/2021/08/smartSliderTitle.png)
4. Choose which of your available slideshows you wish to display![Joomla 4 Smart Slider Choose Slides](https://www.inmotionhosting.com/support/wp-content/uploads/2021/08/chooseSlides.png)
5. Be sure to choose a display position appropriate to your site![Joomla 4 Smart Slider Position](https://www.inmotionhosting.com/support/wp-content/uploads/2021/08/choosePosition.png)
6. Click **Save**![Joomla 4 Smart Slider Save](https://www.inmotionhosting.com/support/wp-content/uploads/2021/08/sliderSave.png)
7. If you return to your site’s public view, the slider will now be displayed in the chosen position![Joomla 4 Smart Slider Installed on Site](https://www.inmotionhosting.com/support/wp-content/uploads/2021/08/smartSliderInstalled.png)

Now you’re ready to [customize your Joomla site](https://www.inmotionhosting.com/support/edu/joomla/joomla-4/) with any type of slideshow you want to create!

Discover how InMotion Hosting’s virtual private servers can deliver power and performance for your Joomla site with our reliable [Joomla Hosting](https://www.inmotionhosting.com/joomla-hosting) plans.