Product
Subscribe above or scroll down to see how it works.

Subscribe

💻 Settings | 🎓 Layers | 🎉 Animations | 🏗️ Layout | 📱 Responsive | Speed

Description: Build you customer list, take them to subscribe!

Premium: Gain access to all slider templates with a single purchase.

Minimum version: 3.5.0.0

Tags:

Settings

This Subscribe slider looks complicated with all the different things on it, but it’s easier than you would think. This is a block type slider, so it has only one slide without any controls. The slider size is 1200x600px, and it is full width, so it fills the horizontal width of your screen.

Size of the block

Layers

This demo block has only 4 layers: there is an image layer on the top, then an input layer comes, and finally a heading and an image are. The input layer is a subscription form in this case. To make your subscription form work, you should set the form action where the button will send the email address and also you can change the input name according to your subscribe script.

Settings of the input layer

Animations

The image layer on the bottom has a layer parallax effect. The parallax effect by default interacts with your mouse cursor, and you can change that in the Animations tab of the Slider settings. In this case, we have used scrolling parallax, so if you scroll down, the image moves.

Layer parallax

Layout

The layout of this block is very simple: the layers are under each other. But if you click on the bottom image, you can see a lightbox will open. In this case this lightbox contains a video, but you can display your image or an iframe content, too.

YouTube video in the Lightbox

Responsive

The slider is fully responsive. If you check it on mobile, you can see the heading layer is hidden. With that you can save space, and the visitor can focus on the subscribe form. But if you want to display the heading on mobile, you can enable it in the Style tab of the layer window.

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on April 13, 2021. For the latest result analyze now!

99

Desktop

First Contentful Paint
0.3 s
Speed Index
0.3 s
Largest Contentful Paint
1 s
Time to Interactive
0.3 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0.034
96

Mobile

First Contentful Paint
0.9 s
Speed Index
0.9 s
Largest Contentful Paint
2.7 s
Time to Interactive
1 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0

Related Post: Add Lightbox Slider to your WordPress site

Related Post: Everything You Need to Know about the Parallax Effect


Similar Sliders -

Wonderful HolidayTraveler BlockVideo Particle404 Illustration