Smart Slider 3 for Elementor (Create Awesome Sliders with Smart Slider 3 Elementor Addon)

In this tutorial, you’ll learn how to use the Smart Slider 3 for Elementor to create amazing layer sliders for your Elementor website. 

Smart Slider enables you to create layer sliders within Elementor without using any code. You can add, for example, text, images, headings, and buttons in a single slider, and you can customize your slider and make it responsive on tablet and mobile devices as well.

Note: the digits in brackets e.g. (00:02) indicate the minutes of that exact explanation in the video so you can easily jump to that section and follow along.

Video: Create Elementor Sliders using Smart Slider 3 for Elementor

When you check out the smart slider website, you can see the different features it provides. For example, you have templates, you have the option to design your slider, and it also provides you with premade designs to use on your Elementor website.

ZaCDNc0b22zDalA8sgrzmsl v8zDbO77eNlHaQMIw553qQJisPsi3OgxUAiaMGO2 y023CtaE2XNbG8sgad3pBVL7mD BIcPbhVnoP 7w11ZOIo5GHy7PCOhx1MUyg2zd0PSv


Smart Slider 3 has both the free and pro versions. And you can add as many layers as you want in a single slide, for example, you can add a person’s image, a heading, titles and paragraphs in the same slide.

nzJflNUofiKjHO6Ap8AiishG4KZt7PrN7mwnH oBOal6AmTlXoo0Q3WQ2Ys6R3dWcBQoVfXI3rwcIm4xsrOHig2Uc LbSlG

Smart Slider 3 offers you several features like layers, live preview options where you can live preview a slider before publishing it, the ability to design a slider for a specific device, updates, and more pro features that you can check out and use.

3aU9JIUsQvhVmnDtBDwzsORsCV6p2xwmhP1Ffr25oIPdyn94vDu0JiPMOrqE4AIgkG26QBUu3O9CERhgXGqxjiwUoJ NLTBP1k58 OIqF7s7Yoj3lJlyfnLdvn86Xzz0jSIHGD6v

Getting Started with Smart Slider 3 for Free

On your WordPress dashboard, go to Plugins > Add New, search for smart slider 3 then install and activate it (03:15)

0XNBgF Z JkTrRW 2qMO7asXtJh0qWYkYFVQLhx4U3his8HcRY i5ZwS4tOORO hW7hqT2vnYivUM3O4Wu8ftZVL3A3k1IfzT6dyO9dabvkZgsC WCGaz8wLmqFJ 6hwInpquyqB

After you install and activate it, it will show up on your dashboard menu, click on it and you’ll be taken to the smart slider dashboard (03:29). Here you can view the template library, create a slider, import an already made slider, etc.

UMyj3abM0Gb3z2yfx35 KJz1ZeOIQIJS9qaAGAaO0yuu029QSTF iZ5J3apSF 0WsC4UvXn1udiS8OnXGBztS8gZrgqClLFsCyH3j2YpW zBPqM3vSO0QvDsv2eB9ae1G8OMUziL

Select the Template Library, here you have several free and pro slider template options you can choose from. Let’s try out the Gradient Slider, import it (04:54)

6BdVrq5ycyFaAsW3z3sSdn1og2rJa4WXO4ByiK75bxD8cZ22Vwm2zvKBYlVL3 sEdkBaLatqMRw76EP01Xo3Dmx

When it’s imported, you can make changes to it to your preference for example you can change the positioning, add arrows, bullets, edit the text, add thumbnails, etc (05:37)

4OopWCM9rpoGcnksvDD5 v5k72KRMKSzvL8bespwMozGuccEJ3cQ21550qH8DIOMrXriyWQbKt2bLcAnp9wls

When you’re done just hit the Save button, then it’ll be available in your slider templates and you can use it in your Elementor editor too.

To Read: How to Display Elementor Slider from Templates

Using Smart Slider 3 in Elementor

When you open up your Elementor editor, click the (+) icon to add a new section, go to your Widgets area and search for the smart slider widget, drag it to your section (04:10)

MzBFW2dsLvnT jXsZI9MUj97fE0KRMG9dmEse3LBD9nT2jHOZBUPdlM VdMWMAB dG qvJmpQVLhbpsJZoLnShOfBRVUnGN3fdJI7c5F9KtNMQiUzfJu5Mh5deZNcFf8OBgj2fiw

In the popup window, select the slider template that you saved and it will show up in your section (06:44), click the Update button at the bottom, then reload your page to preview your slider.

smart slider 3 for elementor


You can move and position your slider section to wherever you want it to appear on your page/website.

To Read: Free Elementor Remote Vertical Carousel Slider by Premium Addons

Create a New Slider using Smart Slider 3

If you prefer creating a new slider to using an already made template, back in your WordPress dashboard select the NEW SLIDER option, give your slider a Name, set the Width and Height you want, under Preset you can choose and option you want, and you can import sample sliders to  get started with, then click the Create button (07:53)

yfCQ3ySo4IBP95xHMnu5JcfTUdEzuTfoSzvcCqA9XjZzRGR 8YkfmdqBX1wnruWKtR7Kx w9FnPQuW

In the next window, you can start adding layers and images to your slider. To add images for example you just click on a slide and choose an image from the Media Library (07:58). You can even add another slide if you want. 

LhlZcmx8nuOacbtzCtBisMiQ4Y51 NLyqa0IBxYLnTK7zI7pwM45IWBKiUkHskDoWPiIfVcoxw8CPbmgvT5lhrtiFXLseO7P4IG9rtzYY E r72STd455CgTUp2s1dbvU1wggRXN

Under Settings,  you can make changes to your slider to your preference, you can set up the framework, fonts, responsive settings, etc.

B Cm j0DflCkQYThpBdI8501 tcHUn1OSdZee uBPcG8z3B

When you’re done, you can go back to your dashboard, click on the slider menu and choose to preview it (08:23)

m7Q26Bnz3PuSTbe4hHdAk2vBwPGcwtbCedVjaARAEAyvUNW6HEmmCpWuKKeIVp 3IvQFQrJcN5qBk3KAbSfbiP1gQbCoz0aKXwYiiA7rfeNjyYBvtMsRmn bRRhiGKeijmOLcgvG

If you would like to get the pro version of smart slider 3, there are three different packages you can choose from; for a single website, 10 websites and for an unlimited number of websites, all with one-time payment and lifetime updates.

t9jl32JOQA4Cjq2lOpE4f04uo qMIUqIbQT2pAd2dF65n3a03HoJkz4lQhuir1ob83ccdJeyXBR1qGi1v5HYF7j3o5

Also Read: Elementor Image Scroll Effects with Premium Addons (Showcase Mockups, Demos & Portfolios)

In closing

That’s how you can make use of Smart Slider 3 to create advanced layered sliders to use on your Elementor websites without using any code.

For any questions or comments about this or any other tutorial, let me know in the comments section below, and don’t forget to subscribe to my newsletter and youtube channel for more of these tips and tutorials.

Also Read. . .

How To Delete A Facebook Group in 2024?

Facebook allows for group interactions through its Facebook groups feature.  Facebook groups are created for specific reasons and attract like-minded people.  At some point, however, you may need to get rid of the group for

Read More »
Newsletter Subscription (EF)
Hamza comes from a design background with over 10years of experience in Web and Media design. He enjoys making web design videos on his YouTube channel GoTechUG. He also writes web design articles on this website. In his free time, Hamza loves riding a bicycle, swimming or going hiking.

Leave a Comment

Your email address will not be published. Required fields are marked *


Recommended Tools

Hostinger offers premium WordPress hosting for small and medium size websites at an affordable price rated 4.5/5 on Trustpilot

Elementor is the WordPress most popular page builder with over 10 million active users