Slider Hero Pro

Animated slides for landing pages and product intros

Slider Hero Pro creates responsive WordPress hero sections, animated headers, landing page introductions, text carousels, and product or service adverts. CSS3 and JavaScript effects animate the background behind slide titles and descriptions. Add one or two call-to-action buttons when a slide needs them.

The Pro edition includes 80+ background effects and more than 800 Google Fonts with live preview. Its intro builder can sequence animated text slides, set slide delays, and add background audio. Depending on the intro options, it can redirect to another page or load a regular slider after a custom delay.

Background choices and image support

Use a gradient, background image, or image carousel where the selected effect works with it. Parallax and Ken Burns effects are available for background images. Some effects do not support background images, so pick an image-compatible effect when your styling needs one.

Video backgrounds and video sliders

Use YouTube video as a background, or create video sliders with YouTube, Vimeo, or custom video. Pro video slides can include text over the video. Video settings include looping, mute, and a color overlay with adjustable opacity. You can also combine a YouTube video with many special effects.

Video autoplay depends on sound settings, browser policy, and the visitor’s history with the site. YouTube embeds may still display interface elements such as Watch Later, Share, or the video title. Slider Hero Pro includes an overlay technique to mitigate these elements.

Add a slider to a page

Create a slider, choose an effect, add a title and description, and include a call-to-action button if useful. Select a compatible image or video background, save the slider, then place it with the Gutenberg Slider block or Elementor Slider widget. Preview the page to check the responsive layout, animation, text, buttons, and video behavior.