Slider Hero with Animation, Video Background

July 09, 2024

Slider Hero with Animation, Video Background Plugin

Slider Hero is a Unique Hero Slider Plugin with Youtube Video Background, Animation Effects & Website Intro Builder. Create INCREDIBLE Adverts, Te …

Slider Hero is a futuristic, responsive header Hero Slider plugin and Dyanmic Website Intro Advert maker with Youtube Video background and animated background effects for hero banners, hero sliders and Landing pages. Create awesome animation slider and animated header with text carousel and Call to Action buttons from Gutenberg Slider Block & Elementor Slider Widget. Use youtube video background or combine animation effect and youtube video.

Support, Bug Report, Feature Requests | Slider Hero Pro version Live Demo | Upgrade to Slider Hero Pro!

Slider Hero also includes a Gutenberg Slider block and an Elementor Slider widget. Use the Elementor Slider Widget or the Gutenberg Slider block to quickly embed Slider Hero anywhere on your page.

Slider Hero is not just your typical responsive image slider plugin for wordpress. This plugin is one of a kind and is based on a unqiue concept that uses incredible CSS3 and JavaScript background animation slider effects not available anywhere else. It is a super fun and simple slider plugin to use and very quick to create elegant, unique animation sliders with animated background effects within a matter of minutes. Not only that, this plugin also supports Youtube background video and Background Image Sliders!

** The free version works in the same way as the pro version just with less number of effects & features. The pro version also supports video sliders like Youtube Video Slider, Vimeo Video Slider or Custom Video Sliders. Video Sliders are not yet available in the free version.

Check the Hero Introduction
Dare to See How Deep the Rabbit Hole Goes?

Check out the Live Previews of the Slider Hero
Upgrade now to Slider Hero Pro

Create Modern Slider Carousels Easily

Check this tutorial to see how fast, intuitive and easy it is to use this wordpress slider plugin to create slider carousels and text carousels.

Looking for an Elegent Portfolio plugin? Try our Portfolio X!

Create Stunning Product Intro Adverts

Make unique product intros and adverts with like a pro without any additional editing tool. The intro creation process is extremely easy and insanely quick and FUN. Now introduce your products and services with a dramatic flair!

//-> Try our FREE ChatBot for WordPress with AI – WPBot. It is an easy to use, Native, No coding required, AI ChatBot to provide Automated Live Chat Support. Use ChatBot to answer user questions and also collect information from the users using conversational forms. It can be also be powered by DialogFlow, Tavily or OpenAI ChatGPT or simply use the built-in features to provide Live support and collect user data. ++ Check out ChatBot for WordPress Demo.

Why Use Slider Hero Rather than Other WordPress Slider Plugin?

Traditional Image Sliders are bad for user conversions and they cause banner blindness. They are boring and do not engage users. Eye tracking studies conducted by Neilson Norman Group found that as soon as visitors perceived something to be an advertisement they turned their focus away from it. Image sliders divide your user’s attention. Images on slides represent different products or offers in the span of a few seconds. Your website user has hardly read a single thing when whoosh…the image changes and they have to refocus their attention.

Our slider plugin is different. It focuses on your core messages/, uses a background animation of your choice to keep the user interested and focused. The unique Call to Action button leads the users where they really need to be. The effects are almost like subtle Cinemagraph animations when used in onjunction with your images or text carousels. Think of it as a perfect alternative to background videos.

More than a Slider Plugin – Use Motion Typography to Build Amazing Product Intros

The other unique feature of Slider Hero is the Intro Advert builder. Introduce your products and services with a dramatic flair. The typographic intro builder allows you to do something very unique. You can create stunning product introductions like stunning “Apple – iPhone 7 and iPhone 7 Plus in 107 seconds” or “Introducing Pixel, Phone by Google” with chained text animation combining background audio of your choice.

Build a combination of beautiful text animation along with the background animation. This can be applied in company introductions, creative projects, for your product or service launch etc. You can easily change the color of the text, animation type and more! The intro builder interface is simple and intuitive.

Upgrade to the Professional Version

Slider Hero Benefits

This is the best wordpress header slider plugin with text overlay and cinematic background animation effects. This plugin is best used as Intro, Landing Page Slider or Home Page Slider. It can be used as a fullscreen slider plugin besides the full width or custom width modes. Create a memorable EXPERIENCE for your wordpress coming soon, splash page, home page or landing page that will impress your site visitors with a memorable first impression.

You can use the Elementor Slider widget or Gutenberg Slider block to create HTML5 animated banners, HERO Banner, hero carousel with text and image, HERO text carousel, responsive header image slider, or simple image carousel. The pro version supports Parallax Effect and Ken Burns Effect.

Marketers prefer Hero image or Hero sliders for homepage and landing pages because traditional image sliders do not convert customers as much as an animated bannere which typically occupies the most prime real estate of your website. This plugin provides a middle ground. It allows you to set a background Hero Image and/or select a GREAT javascript background animation effect and apply Title, Description and Buttons etc. as slides or carousel. Instant awesomeness.

There are quite a few great WordPress slider plugins available but they take a lot of efforts and expertise to produce awesome effects you see in their demos. With our plugin, you can make amazing looking Homepage or Landing Page Hero Sliders or animated header with cinematic effects easily and quickly like no others.

Slider Hero Use Cases

This slider plugin provides all the quality of the premium and popular WordPress Slider plugins without the headechs and complications. Select an animation effect like slider Particle Effect, Snow effect, Nasa or Space effect, Bubble effect or Nyan Cat effect, add a background image or choose from a collection of gradients, add title, description, and button (optional) and you are good to go. There is no dragging and dropping or awkward animation timings to get right – this plugin does everything for you. You can use it as an alternative to background video.

Finally a Hero to rescue your websites from boring image sliders that nobody scrolls through.

You can also use Slider Hero as Background Image Slides with or without text carousel and effects. Available Transition Effects are: Fade in/Out, (Slide Left, Slide Right, Slide from Top and Slide from Bottom available in Pro version)

Slider Hero comes with embedded video support! Create a text carousel with Youtube Video Background. Pro version supports uploading your own files or use Vimeo, Loop, Mute, and Set a color overlay with opacity! Video background can be combined with most special effects to create something truly unique and amazing.

Using Video Background with Slider Hero

This slider plugin is perfect to use on your Landing page, Home page, Coming Soon page, 404 Error Page or Splash page and create a permanent, unique impression on your website users.

All Slider Hero Features

Unique, Cinematic Intro Advert Builder

  • Create Unlimited Cinematic Intro Advert Easily which was never possible before
  • Simple, Effective and Intuitive Interface
  • Define text, Font color, Letter Spacing, Font Weight
  • Select from 800+ Google Fonts [PRO FEATURE]
  • Live Font Preview [PRO FEATURE]
  • Flexible Intro Builder with Dynamic Slide delay, Text Animation Type (50+ effects)
  • Upload Image as Slide Background or Select a Color
  • Redirect to New Page After Intro Ends with Custom Delay [PRO FEATURE]
  • Load Regular Slider with Call to Action Buttons After Intro Ends with Custom Delay [PRO FEATURE]
  • 11 Background Animation to Choose from (more coming soon) [PRO FEATURE]

Modern Sliders and Text Carousels with Special Background Effects

  • Create Unlimited Modern Sliders and Text Carousels with Stunning, Never Before Seen Background Animations
  • Choose from 8 (80+ in PRO) Wonderfully Refreshing and Unique Background Animation Effects
  • Switch Between Effects Instantly [PRO FEATURE]
  • Reposition Title, Description and Buttons Easily
  • 800+ Google Fonts with Live Font Preview [PRO FEATURE]
  • Choose from 173 Professionally Created Gradient or Upload an Image as Background
  • Parallax Effect Support for Background Image [PRO FEATURE]
  • Ken Burns Effect for Background Image [PRO FEATURE]

Slider with Video Background

  • Embed a Video as Background with Your Slider
  • Use Youtube Video background
  • Use Vimeo Video Background [PRO FEATURE]
  • Upload Your Own Video (mp4 and webm) [PRO FEATURE]
  • Loop and Repeat Option [PRO FEATURE]
  • Mute Sound Option. [PRO FEATURE]
  • Color Overlay [PRO FEATURE]
  • Choose Overlay Color and Opacity [PRO FEATURE]
  • Hide ‘watch later’, ‘share’ and channel ‘subscribe’ and Video suggestion from youtube videos

Video Slider
* Youtube Video Slider
* Upload Your Own Video (mp4 and webm) and create Custom Video Slider
* Vimeo Video Slider
* Add Text to Slide on Top of Videos [PRO FEATURE]
* Hide ‘watch later’, ‘share’ and channel ‘subscribe’ and Video suggestion from youtube videos [PRO FEATURE]

Call to Action Buttons

  • Add One or Two [PRO FEATURE] Call to Action Buttons with Each Slide
  • Square or Rounded Shape
  • With or Without Borders
  • Choose from 10 Custom Button Animations. [PRO FEATURE]
  • Customize Button Fonts with Colors, Letter Spacing and More

Text Animation

  • Standard Animate CSS Text In and Out Effects
  • Letter FX Effects to Animate Your Letters [PRO FEATURE]
  • Combine Animate CSS and Letter FX for Unique Text Effects of Your Own [PRO FEATURE]
  • 20 Custom, Exotic Text Animation Effects for Title and Descriptions [PRO FEATURE]

Audio Support

  • Add Background Music to Match the Tone of Your Intro Adverts and Sliders. [PRO FEATURE]
  • Choose The Audio Controller Position [PRO FEATURE]
  • Users Can Turn Sound On and Off [PRO FEATURE]
  • Select if Audio Should Loop Indefinitely or Stop After Repeating a Few Times [PRO FEATURE]

Unique Slider Decoration

  • Add Unique Decoration for Top and Bottom Parts of Your Sliders [PRO FEATURE]
  • Choose from Slope, Rounded, Triangle, Arrow, Cloud or Half Circle Patterns [PRO FEATURE]
  • Stand Out from the Crowd

Background Image Carousel

  • Use as Background Image Carousel with or without text carousel and effects.
  • Available Transition Effects: Fade in/Out, Slide Left, Slide Right, Slide from Top and Slide from Bottom
  • Parallax Effect Support for Background Image [PRO FEATURE]
  • Ken Burns Effect for Background Image [PRO FEATURE]

General Options

  • Hero Slider, Carousel and Standard Features
  • Fully Responsive
  • Unlimited Sliders on a Page
  • Drag & Drop Slide Position
  • Unpublish Slide/s
  • Quick and Easy Building WITHOUT Any Layer or Timeline
  • Copy and Duplicate [PRO FEATURE]
  • Auto Slide On or Off
  • Repeat On or Off [PRO FEATURE]
  • Random Slide
  • Background Animation Canvas Opacity [PRO FEATURE]
  • Preview Your Sliders While Creating and Save Time

Slider Navigation and Controls

  • Arrow Navigation with Custom [PRO FEATURE] Colored Arrow Icons
  • Special Floating Navigation Arrows [PRO FEATURE]
  • Dot Navigation [PRO FEATURE]
  • Pause and ResStart Slider [PRO FEATURE]

Preloader

  • Turn Preloader on or Off [PRO FEATURE]
  • Upload Your Own Preloader Image or Animated Gif [PRO FEATURE]

Import Export Slider

  • Export and Import in Another Website Easily [PRO FEATURE]
  • Export/Import Your Carefully Crafted Intro or Adverts [PRO FEATURE]

Full Width and Full Screen Slider

  • Slider Hero Supports Full Width Slider Layout
  • Stretch Full Screen and Full Height

Available Background Animation Effects in the Pro Version

Intro Effect, Stripe Connect Effect, Clear Sky Effect, Water Ripple Effect, Aeronautics Effect, Antigravity Flow, Balls Gravity Effect, Bird Flying Effect, Blob Effect, Blade Effect, Blur Effect, Bubble, Campfire, Circle Intersection, Cloudy Sky Effect, Confetti Effect, Cosmic Web, Colorful Particle, Cursor And Paint, Day Night Effect, Division Effect, Directional Force, Distance, Electric Clock, Firework, Fizzy Sparks, Float and Rain, Floating Leafs, Flowing Circle Effect, Flying Rocket Effect, Grid Effect, Helix Corruption, Helix Chaos, Helix Multiple, Glitch, Iconsahedron Effect, Intersecting Line Effect, Just Cloud, Link Particle, Liquid Landscape, Matrix Effect, Metaballs, Microcosm Effect, Moving Color, Wave, NASA, Neno, Hexagon, Noise Effect, Nyan Cat, Orbital Effect, Particle Effect, Particle Helix, Particle System, Hacker, Physics Bug, Racing Particles, Rain Effect, Rainy Season, Rays and Particles, Play or Work? Rain Of Line, Rising and falling cubes, Shape Animation, Space Elevator, Christmas Snow Effect, Squidematics, Stars Effect, Stellar Cloud, Subvisual, Tag Canvas, The Great Attractor, Thibaut, Tiny Galaxy Effect, Torus of Cubes, Water Effect, Wave Effect, Wave Animation Effect, Waaave Canvas, Walking Background, Star Trek Warp Speed, Water Swimming, Waving Cloth, Water Droplet, Wormhole Effect, Word Cloud, Valentine Effect, Ygekpg Effect

Upgrade to Professional Version
Pro Version Documentation Documentation

Getting Started

Step 1: Select a Slider effect
Step 2: Add title and text to your first slide. Unlimited slides supported
Step 3: Paste shortcode in your homepage or landing page or any page!

You are ready with an awesome, animated Hero Slider or Hero Banner!

CUSTOMER SUPPORT

All technical stuffs could be tough for your busy schedule. But you don’t need to go at it alone. QuantumCloud’s quick and friendly customer support team is made up of top notch, friendly people – working hard to ensure you get the help you need, when you need it. We have built in Support area in the slider plugin. Just shoot us a mail with your questions or feedback and we will get right back to you.

Leave a Rating for this Slider Plugin

If you like our effort and would like to support us or if you just thought that this plugin was somewhat helpful, please leave a 5 star rating and a short blurb on what you like the most about it. It means the world to us and motivates our developers to keep adding kool, new, premium features to this awesome plugin.

If you face any problem, or want more features in this Plugin please leave a comment, instead of review. We take all customer feedback extremely seriously.

Use

  1. After activating the slider plugin, create a new page or post. In the body section copy paste the Hero shortcode
  2. Save the page/post and check the page in front end.

Installation

  1. Download the slider plugin zip file. Extract and upload the folder in your wp-content/plugins folder.
  2. From the wp-admin panel go to plugins and activate “Slider Hero”
  3. Create a new page and paste the plugin Short Code.
  4. You are ready to wow your site visitors.

Screenshots

  1. Snow effect

    Snow effect

  2. Nasa effect

    Nasa effect

  3. Bubble effect

    Bubble effect

  4. Particle effect

    Particle effect

  5. Nyan Cat effect

    Nyan Cat effect

  6. Gradient effect

    Gradient effect

  7. Torus Effect

    Torus Effect

  8. Backend Select Slider Effect

    Backend Select Slider Effect

  9. Create Slider

    Create Slider

  10. Display Settings

    Display Settings

FAQ

How do I remove ‘watch later’, ‘share’ and channel ‘subscribe’ buttons

Unfortunately, since September 2018 there is no option to hide Watch Later, Share and Video Title within embedded YouTube iframe. Simply, YouTube does not allow anymore ‘clean’ embed without those components.

However, the Slider Hero Pro version supports an overlay technique to mitigate these.

Does Slider Hero Support Youtube Background Video Auto Play?

Video will auto play if it does not have sound. You can turn off the sound setting from the Video settings. If video has sound then it depends on the browser policy and the user’s history with your website. Please check this article from Google for more details:
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

Why the background image does not show with some slider effects

Some effects simply does not support background image because background image will look extremely odd with those selected effects. That is why your background image is not showing up with those few selected effects.

Can you add more effects to choose from?

A professional version of the plugin is available with 80+ effects to choose from and loads of extra features. If you have any feature request or suggestions and want to be a part of the development effort to shape the plugin in the way you like, leave us a feedback from:
https://www.quantumcloud.com/products/support/

I have been using the free version plugin. How do I upgrade to the pro version?

1st, you need to deactivate and delete the free version. Then install and activate the pro version and you are ready to go!

Changelog

8.8.5

End sale

8.8.4

4th of July sale

8.8.3

Fixed a plugin redirect issue on activation

8.8.2

End Eid Sale

8.8.1

Eid Sale

8.8.0

Fixed some button animation issue

8.7.0

Fixed some PHP and Escaping Issues

8.6.1

Removed New year sal

8.6.0

New year sale

8.5.9

Christmas sale

8.5.8

Removed BF Sale

8.5.7

Fixed a PHP error

8.5.6

BF Sale

8.5.5

BF Sale

8.5.4

Fixed some JS issues

8.5.3

Sale banner removed

8.5.2

Support section updated

Halloween sale

8.5.0

Fixed some JS issue

8.4.9

Removed Admin notice

8.4.8

Added Admin notice

8.4.7

Limit Admin notice

8.4.6

Improved Admin notice

8.4.5

Admin notice

8.4.4

Sanitized a setting option

8.4.3

Button design

8.4.2

Addded custom CSS back

8.4.1

Fixed drag and drop reorder issue

8.4.0

youtube video background improved

Fixed php warning on Help page

8.3.9

Fixed issue with youtube video background

8.3.8

Added getting started section

8.3.7

Background video issue fixed.

Video slider issue fixed.

8.3.6

Improve loading time

8.3.5

Custom CSS overriding issue fixed.

8.3.4

CSS important removed

8.3.3

Publish checkbox issue fixed.

8.3.2

Fixed a version mixup files

8.3.1

Fixed a CSS issue

8.3.0

Reverse slid image effect settings added.

8.2.9

Updated an OT function for improved security

8.2.8

Fixed font variant issue

8.2.7

Sanitized a function

8.2.6

Removed description box for intro slider

8.2.5

Slide title HTML issue fixed.

Slider save issue fixed.

8.2.4

Refactored and removed some code

8.2.3

Removed redundant code

Improved code standard for sanitization, escape

8.2.2

Removed obsolete code

Used wp_enqueue commands

Improved code sanitization

8.2.1

Nonce must be verifiedm issue fixed.

8.2.0

Refactored some PHP code

Fixed a Javascript error

8.1.9

WP 5.6 compatible

8.1.8

Improved deactivation module

8.1.7

Constant define lower case issue fixed.

8.1.6

Fixed a PHP warning

8.1.4

Fixed slider repeat bug

8.1.3

Improved the cube effect

8.1.3

Cube Animations effect issue has been fixed.

8.1.2

All php warnings issue fixed.

Undefined index issue fixed.

Button render issue fixed.

Slider Image alignment issue fixed.

8.1.0

Background image disappears issue fixed

8.0.0

Massive feature upgrades

7.5.4

Updated support page

7.5.3

Fixed a notice for php 7.3.x

7.5.2

Slider loading issue with slow network fixed.

7.5.1

Button editor close button overlay issue fixed.

First Slide that comes with slider hero package by default – fixed some issues.

7.5.0

Fixed an issue with the particle effect zooming

7.4.0

Added elementor slider widget

7.3.0

Intro builder cancel & reset button issue fixed.

Undefined CSS issue fixed.

7.2.0

Torus effect replacement notice removed

7.1.0

Improved the plugin deactivation survey UX and fixed a bug

7.0.0

Improved the plugin deactivation survey UX

6.9.0

Improved the plugin deactivation survey

6.8.0

Improved the video background issue

6.7.0

Replaced the torus animation effect with new one

6.6.0

Some Custom Css added using wp_enqueue_inline_style

Some Custom js added using wp_enqueue_inline_script

Refactored and cleaned code

6.5.0

Improved shortcode maker code

6.4.0

Removed unused folder inc

6.3.0

Added video mute option

6.1.0

Youtube background video issue fixed.

6.0.0

Fixed some PHP warnings

5.9.0

Shortcode Generator Slider Block for Gutenberg.

5.8.0

Custom video, Youtube video, vimeo video added as pro effect.

5.7.0

Replaced OT with custom settings page

5.6.0

Removed some OT files and references to them to improve security

5.5.0

Fixed some PHP notices

5.4.0

Added text

5.3.0

Better full width slider support

5.2.0

Extra Security check – removed.

Slider resize with aspect ration issue fixed for fullwidth mode.

Slider resize with aspect ratio for custom width & height.

Support page conflict issue fixed.

5.1.0

Slider resize with aspect ratio for custom width & height.

5.0.0

Fixed some conflicts with SLD

4.9.0

Improved support area. Added tips

4.8.0

Fixed header already sent error.

4.7.0

Improved support area

4.6.0

Multislider issue fixed.

Enabled arrow color settings.

4.5.0

Button Bottom Margin – added.

Description Bottom Margin – added.

Title Bottom Margin – added.

4.5.0

Button Bottom Margin – added.

Description Bottom Margin – added.

Title Bottom Margin – added.

4.4.0

Submenu added for Help section.

Design issue fixed.

Remove theme option’s menu from admin bar

Youtube player api added.

4.3.0

Added slide repeat

4.2.0

Added title background color

4.1.0

Added description out animation

4.0.0

Added title out animation

3.9.0

Slide padding time option added.

3.8.0

Show Pause button option added.

3.7.0

Show restart button option added.

3.6.0

Improved reponsiveness

3.5.0

Improved backend interface

3.4.0

Button Text “Add A Button” will change to “Edit Button” immediatly after adding a button.

Subtitle not removing issue fixed.

3.3.0

Added duplicate Feature

3.2.0

Improved image sliding for ie/saffari.

3.1.0

Credit added.

Added a conflict with Promo page.

3.0.0

Better responsiveness

Added JS box

2.9.0

Updated backend text positions area to improve responsiveness

2.8.0

Color & Background Section moved to the top of display settings.

Added youtube Background video feature

2.7.0

Added preview for 3 new effects

2.6.0

Backend font-family & black background issue – fixed.

2.5.0

Added fixed position save button

2.4.0

Fixed a conflict with Avada theme for tite font size.

Added priority to add jquery at top of the page.

2.3.0

Fixed a bug that overwrote the delete button CSS style (visual) in WordPress plugin page

2.2.0

Intro Builder New Button

New Menu selection issue fixed.

Pro version effects added in New page.

2.1.5

Letter fx pro feature

Content section align issue fixed.

2.1.0

Some Alignments fixed.

Button Cancel issue fixed.

Preview size bigger

Introducing Hero Pro

2.0.0

Introducing dynamic, cinematic Intro Builder

1.9.1

Minor text update

1.9.0

Fixed some JS conflicts with 4.9

1.8.0

Added feature – Random slide

1.7.5

Fixed a bug with background image

Added slide count

1.7.0

Added background image transition effect

1.6.5

Uploaded image show very small – Fixed.

Slide Buttons break down when New slide is added – Fixed.

Set default pause time to 13000 – Fixed.

Fix the Button create window’s button alignments – Fixed.

Fix language for title line height – Fixed.

Fix Line Height Matching in Px – Fixed.

1.6.0

Redesigned backend interface

1.5.5

Fixed a conflict with themes that use option tree

1.5.0

Fixed a bug about preview for admin

Fixed bug for slide delete

Small misc. improvements

1.4.5

Removed pause before 1st slide

Fixed text color for description

1.4.0

Major Update

Image upload option add to slide.

Left & Right margin offset.

Added custom css option in backend.

Added Font height for title & description.

shortcode logo changed.

Language changed.

Support page updated.

Support Email problem fixed.

1.2.0

Add shortcode column in list.

Add type in details area.

Change shortcode button to logo icon

Added Text for subtitle

Torus conflicting issue fixed.

Change some languages.

1.1.0

  • Preview Option Added.
  • Updated Menu.
  • New Effect Added (Torus of Cubes).

1.0.0

  • More Button features added – Font size, Font Weight, Font Color, Hover Color, Letter Spacing.
  • auto fit on resize window.
  • Misc. Adjustments and bug fixes

0.9.5

  • Misc. Adjustments and bug fixes

0.9.1

  • Login cookie Bug fix

0.9.0

  • Inception

Details

  • Version: 8.8.5
  • Active installations: 4,000
  • WordPress Version: 4.6
  • Tested up to: 6.5.5
  • PHP Version: 5.6

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars