Freemius

eedee

WordPress Slider

Gutenberg Slider

<p>Gutenslider is an image slider and video slider plugin for WordPress that adds a simple to use Gutenberg slider block to your WordPress editor. You do not need<br />
other editors but can manage everything directly in the Gutenberg editor you already know and love. You can add any content on top that you want! Gutenslider is faster and slicker than any other slider around.<br />
Go and try it out yourself and make use of a content slider, image slider and video slider <strong>that will increase user engagement on your website</strong> and allow you to <strong>create your sliders in seconds</strong> not in minutes, by using the Gutenberg backend editor you know already. No need to study complicated backend editors. Gutenslider is the best match for you and your customers.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/iuZg4RTcZQ4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><a href="https://gutenslider.org/" rel="nofollow ugc">Live Examples</a></p>
<p>With Gutenslider, enhancing your blog or website is easier than ever:</p>
<ol>
<li>Simply add the Gutenslider Block from the Gutenberg backend</li>
<li>Select images from your Media Library</li>
<li>Add any Block you like on top</li>
<li>Customize Gutenslider to your needs in the backend</li>
<li>Slide! 👩‍🎤</li>
</ol>
<p>Gutenslider is easy to use, fast, and very powerful and developed by trusted developers, that also contribute to the Gutenberg core repository.</p>
<h3>Plugin Features</h3>
<ul>
<li>Add unlimited slides</li>
<li>Change the <a href="https://gutenslider.org/examples/transition-animation/" rel="nofollow ugc">transition mode</a>: <code>fade</code>, <code>slide</code>, <code>flip</code></li>
<li><a href="https://gutenslider.org/adding-content-examples/" rel="nofollow ugc">Add any block on top that you want</a></li>
<li>Block alignment: <code>wide</code>, <code>full</code></li>
<li>Content alignment: <code>top</code>, <code>center</code>, <code>bottom</code>, <code>left</code>, <code>right</code></li>
<li>Fixed Content / Changing Content</li>
<li>Slides to show: <code>auto</code> or <code>1</code></li>
<li>Arrows on/off</li>
<li>Arrow size</li>
<li>3 Arrow Colors</li>
<li>Dots on/off</li>
<li>Dots size</li>
<li>3 Dot Colors</li>
<li>Spacing: top/bottom and left/right</li>
<li>Margin: top/bottom and left/right</li>
<li><a href="https://gutenslider.org/automatic-photo-captions/" rel="nofollow ugc">Automatic Captions</a></li>
<li><a href="https://gutenslider.org/examples/fullscreen-background-slider-example/" rel="nofollow ugc">Fullscreen slider</a> (slider will be in the background of your content).</li>
<li>Very easy to use because it is a Gutenberg block – no need to go away from your backend editor</li>
<li>Hyperlink Slides</li>
<li>Simple <a href="https://gutenslider.org/gutenslider-x-lightgallery/" rel="nofollow ugc">lightGallery</a> integration</li>
<li>webp support</li>
<li>Hash navigation</li>
<li><a href="https://gutenslider.org/custom-css-wordpress-slider/" rel="nofollow ugc">Custom Css for Slider</a></li>
</ul>
<h3>Plugin Pro Features 💎</h3>
<ul>
<li>Video Slider: add videos to your slide backgrounds</li>
<li><a href="https://gutenslider.org/parallax-slider-for-wordpress/" rel="nofollow ugc">Parallax Sliders</a></li>
<li>5 transition modes: <code>fade</code>, <code>slide</code>, <code>flip</code>, <code>coverflow</code>, <code>cube</code>, <code>cards</code></li>
<li>Transition time</li>
<li>Time of a slide</li>
<li>Color overlays of slides</li>
<li>Gradient overlay of slides</li>
<li>Space between slides</li>
<li>Bulk Editing</li>
<li>Arrow color / Arrow Background Color</li>
<li><a href="https://gutenslider.org/wordpress-slider-arrow-styles/" rel="nofollow ugc">Advanced Arrow Styles</a>
<ul>
<li>Pick from 10 styles or add your own svg</li>
<li>Position ( <code>Sides</code>, <code>Top Left</code>, <code>Bottom Left</code>, <code>Top Right</code>, <code>Bottom Right</code> )</li>
<li><a href="https://gutenslider.org/wordpress-slider-arrows-follow-mouse/" rel="nofollow ugc">Arrows Follow Mouse</a></li>
<li>Unlimited Color Options</li>
<li>Background Color</li>
<li>Hover Colors</li>
<li>Arrow horizontal and vertical offset</li>
<li>Arrow Mix Blending</li>
<li><a href="https://gutenslider.org/adding-custom-arrows-to-your-wordpress-sliders/" rel="nofollow ugc">Custom SVG arrows</a></li>
</ul>
</li>
<li><a href="https://gutenslider.org/gutenslider-progress-styles/" rel="nofollow ugc">Advanced Progress options</a>
<ul>
<li>Style ( dots, dynamic dots, numbers, progressbar )</li>
<li>Position ( <code>Top</code>, <code>Bottom</code>, <code>Left</code>, <code>Right</code> )</li>
<li>Offset</li>
<li>Unlimited Color Options</li>
</ul>
</li>
<li>Advanced <a href="https://gutenslider.org/gutenslider-x-lightgallery/" rel="nofollow ugc">lightgallery</a> styles
<ul>
<li>choose any background color</li>
<li>pick from 30 transitions</li>
<li>enable/disable counter</li>
<li>enable and set image caption</li>
</ul>
</li>
<li>Dots style</li>
<li>Advanced Responsive Controls</li>
<li>Slides to show: either <code>auto</code> or maximum of <code>8</code></li>
<li>Advanced Hash Navigation Settings: customize hash for slider + slides</li>
<li>… and of course all free features</li>
</ul>
<p><a href="https://checkout.freemius.com/mode/dialog/plugin/3804/plan/6127/?trial=free" rel="nofollow ugc">Free 7-day trial, no credit card required</a></p>
<p>So you can easily create a <a href="https://gutenslider.org/full-screen-video-background/" rel="nofollow ugc">Fullscreen Video Slider</a> for your blog or websitee with Gutenslider Pro. And even go more custom by, creating Full Screen Video Background ! Sliders !. There is no limit to your creativity.</p>
<h3>Slider Modes</h3>
<h4>Changing Content</h4>
<p>The slider mode you will most probably know. Each slide has a custom background and custom content.</p>
<h4>Fixed Content</h4>
<p>In this mode you select fixed content, that will stay on top, while the background changes and loops all slides. Great for headlines, call to actions. You name it!</p>
<p>Gutenslider is built using WordPress, CSS, Javascript, best practices both on the front and the backend. And it’s SEO optimized. It makes use of the new Gutenberg powers built in react. As a result, it is robust, easy to use and lightning fast. It works with any theme. Go and check it out.</p>
<h3>Help us get better</h3>
<p>We know, that Gutenslider is nice, but we also know, that we can constantly improve. Not only code quality and security, but also features and user experience. For the latter, we need your help. If you think that we should change things. <a href="https://wordpress.org/support/plugin/gutenslider/" rel="ugc">Be so kind and leave us a support or feature request in the support forum.</a> Thanks.</p>
<h3>Installation 🔧</h3>
<h4>Minimum Requirements</h4>
<p>You’ll need WordPress version 5.0 or higher for this to work. For versions below 5.0, you will need to use the Gutenberg plugin.</p>
<h4>Quick and Fast</h4>
<ol>
<li>Go to the Plugins Menu in WordPress</li>
<li>Search for “Gutenslider”</li>
<li>Click “Install”</li>
<li>Activate the Gutenslider Plugin on your Plugins Menu</li>
</ol>
<h3>Experienced Users (same result)</h3>
<ol>
<li>Upload the gutenslider folder to the /wp-content/plugins/ directory</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress</li>
</ol>
<h3>Frequently Asked Questions ❓</h3>
<h4>What blocks are supported</h4>
<p>Gutenslider works with any blocks on top. However there might be styling issues or things to improve. Either write your own custom css or submit a support request in the <a href="https://wordpress.org/support/plugin/gutenslider/" rel="ugc">support forum</a>. If it is a commonly used block, we will integrate the needed styles into Gutenslider.</p>
<h4>Can I use Gutenslider with any theme?</h4>
<p>Yes, you can use Gutenslider with any theme. If you experience difficulties, please contact your theme author first, before submitting a topic in the <a href="https://wordpress.org/support/plugin/gutenslider/" rel="ugc">support forum</a>.</p>
<h4>Is Gutenslider free?</h4>
<p>Yes! Gutenslider’s core features are absolutely free. If you want more control over the slider settings and many more features, you can buy the pro version of the plugin.</p>
<h4>Can you provide support?</h4>
<p>Yes, just post a question on the support tab, and we will answer as soon as possible.</p>
<h4>Can you add this feature I need?</h4>
<p>We are happy to extend Gutenslider to our users’ needs. Just contact us on our website at <a href="https://gutenslider.org" rel="nofollow ugc">https://gutenslider.org</a> and we will see what we can do.</p>
<h4>What is Gutenberg</h4>
<p>To get the full experience of the next-generation WordPress block editor, you’ll need a Gutenberg-ready WordPress theme then install the Gutenberg WordPress plugin or simply update your site to WordPress 5.0. That’s it! 💥</p>
<h4>Can I have Gutenslider in my language</h4>
<p>You can contribute to translating Gutenslider for you and all other users of your language here: https://translate.wordpress.org/projects/wp-plugins/gutenslider/ . Just submit your translations and once they are accepted, Gutenslider will immediately work in your language.</p>
<h3>Visit us 🔗</h3>
<p>Visit us on <a href="https://gutenslider.org" rel="nofollow ugc">https://gutenslider.org</a> to see a full overview<br />
of features or follow our blog.</p>
<h3>Powered by</h3>
<p>Gutenslider is made possible by awesome developers who release their code under reusable licenses. We use the following open source software:</p>
<ul>
<li><a href="https://swiperjs.com/" rel="nofollow ugc">swiper</a> (<a href="https://github.com/nolimits4web/swiper" rel="nofollow ugc">github</a>)</li>
<li><a href="https://www.lightgalleryjs.com/" rel="nofollow ugc">lightGallery</a> (<a href="https://github.com/sachinchoolur/lightGallery" rel="nofollow ugc">github</a>)</li>
<li><a href="https://simpleparallax.com/" rel="nofollow ugc">SimpleParallax</a> (<a href="https://github.com/geosigno/simpleParallax" rel="nofollow ugc">github</a>)</li>
</ul>


WordPress Slider Block Gutenslider

I wanted to change the headline image to a slideshow. It's a single-click operation with this plugin installed.

Works like a charm.

Slider plugin for Gutenberg. Create a image slider, video slider, fullscreen slider with this powerful slider block and add any block on top.

Munir Kamal

<p>With <strong>Block Slider</strong>, you can use the power of WordPress Block Editor to create awesome slider content such as <strong>layer slider, video slider, image slider, fullscreen slider, post slider, product slider, WooCommerce slider, testimonial slider, gallery slider</strong>, and more. You can also use these sliders in Site Editor within any site template to use them globally.</p>
<p><iframe loading="lazy" title="Block Slider Introduction" width="750" height="422" src="https://www.youtube.com/embed/CpzBBrZY6ks?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><a href="https://wpblockslider.com/library-sliders/" rel="nofollow ugc">Slider Templates</a> | <a href="https://wpblockslider.com/features/" rel="nofollow ugc">Features</a> | <a href="https://docs.wpblockslider.com/" rel="nofollow ugc">Docs</a> | <a href="https://wordpress.org/support/plugin/block-slider/" rel="ugc">Support</a></p>
<p>Are you ready to make your website look amazing? Say hello to Block Slider – your new best friend for creating all sorts of fantastic sliders and carousels that will make your website stand out!</p>
<h4>Create Stunning Sliders and Carousels</h4>
<p>With Block Slider, you can make different types of sliders and carousels. Want to show off your favorite pictures? Create an Image Slider using image blocks. Want to add cool videos? Create a Video Slider using video blocks. You can create awesome sliders for any purpose!</p>
<h4>Create Responsive Sliders</h4>
<p>Block Slider makes sure your sliders look great on all devices – big screens, small screens, and everything in between! Your sliders will always shine, no matter where people see them.</p>
<h4>Create Posts Slider</h4>
<p>Got cool blog posts? Show them off with the Post Slider. It’s like a showcase for your best content. You will experience the same powerful Query options as the WordPress query block. Not just posts, you can create CPT sliders using any custom post type you may have on your website.</p>
<h4>Create WooCommerce Slider</h4>
<p>If you’re selling things on your website, Block Slider has your back. Showcase your products in a cool product slider. Use WooCommerce blocks that come with the plugin in your sliders and create stunning native WooCommerce sliders easily.</p>
<h4>Create Testimonial Slider</h4>
<p>Got something nice someone said about you, your website, product, or business? Use the Testimonial Slider to display those awesome words.</p>
<h4>Create Hero Banner Slider</h4>
<p>Want something at the top of your website that people can’t miss? Create eye-catching banner sliders the easy way!</p>
<h4>Fullwidth and Customizable</h4>
<p>Want your slider to stretch across the whole screen? Create Fullwidth Slider easily. And guess what? You can make it look just the way you want!</p>
<h4>Easy and Fun with WordPress Blocks & Editor</h4>
<p>Block Slider utilizes WordPress blocks and its user-friendly editor for effortless slider creation. You can easily incorporate various WordPress blocks into your slides, giving you more control compared to other slider plugins.</p>
<h4>Customize Your Sliders</h4>
<p>Make your sliders unique by changing colors, styles, and more. You’re the boss of your sliders, and you get to decide how they look. Block Slider comes with all the styling features you need while creating your stunning slider content.</p>
<h4>Ready-to-Use Slider Templates</h4>
<p>Don’t know where to start? No worries! Block Slider comes with ready-made designs. Just pick one you like, and you’re good to go! We have a growing sliders library where we keep adding new templates regularly.</p>
<h4>Easy-to-Use Controls</h4>
<p>Controlling your sliders is a piece of cake. You can use different buttons to move through your slides, and it’s super easy to do.</p>
<h4>Smooth Transitions</h4>
<p>When your slides change, they do it smoothly. No sudden jumps – just nice transitions that look great.</p>
<h4>Works with All Page Builders</h4>
<p>Whether you’re using Elementor, Beaver Builder, or any other page builder, Block Slider works smoothly with all of them. You can easily add your awesome sliders using a shortcode. It’s like magic that makes your sliders appear wherever you want them outside the block editor!</p>
<h4>Lightweight and Clean Code</h4>
<p>One more awesome thing – Block Slider is super lightweight and doesn’t slow down your website. It’s like having a powerful tool that works smoothly without making your website heavy. Plus, it generates clean and optimized code, ensuring your website stays tip-top.</p>
<p><a href="https://wpblockslider.com/library-sliders/" rel="nofollow ugc">Slider Templates</a> | <a href="https://wpblockslider.com/features/" rel="nofollow ugc">Features</a> | <a href="https://docs.wpblockslider.com/" rel="nofollow ugc">Docs</a> | <a href="https://wordpress.org/support/plugin/block-slider/" rel="ugc">Support</a></p>
<p>Get ready to wow your visitors with amazing sliders and carousels. Block Slider has everything you need to make your website look fantastic. So, why wait? Let the sliding and carousel-ing begin!</p>


Block Slider – Responsive Image Slider, Video Slider & Post Slider

The key features of this block plugin appear to work satisfactorily; some recent reviews said it was broken, but I think things must have been fixed.

There are some fundamental flaws, however:

- The amount of whitespace shown in the editor interface above/below each slides is massive, and it's extremely hard to figure out where to select each 'slide' to customise it. It could be that the "Min Height" control is meant to control this, but if so, it doesn't work.

- Selecting the slider block and pressing "add slide" adds a slide, but if you have a smaller monitor or many slider blocks, it's added off-screen, and you have no idea if the button worked.

- Unless a tabbed interface is added to control content entry into each slide, the "quick preview" mode should be the default state on page load (as opposed to the editing), because of the vast amount of whitespace and vertical area this block takes up, it currently seriously impacts the usability of managing content elsewhere on your page/post.

- A feature enhancement would be to opt-out of the left/right carousel arrows/buttons. I'm having to hide these with CSS.

- The integration with Gutenberg Hub (and associated upsell features in the interface) leaves a bad taste in my mouth; if this was just a slider block plugin, then why do I want it to pull in templates from Gutenberg Hub? I don't.

- The admin interface for the plugin is unfinished and looks amateurish; one of the screens have placeholder text, and the other screens seem to iframe content in from another site (the styling is off, and there are security concerns with iframing unknown sites in). I've decided to hide this entire screen on my client sites.

Promising but currently not a good editing experience

Does not work. Shows dummy message on plugin page.

its not ready for production site.

I wanted a lean sliding solution for gutenberg and this plugin is exactly what i've searched for. Installed the premium trial version from the website and will buy it as soon as it is open for sale.

This is exactly what i needed

This used to be a great little slider - it did everything that I wanted it, cleanly and simply, with the huge bonus of editing the sliders in the page.

Now, with the update to version 2, it's lost that major bonus. It didn't automatically recognise my original sliders, as they promised, so I had to recreate them and then I find that there's no block to insert them back into the page and the shortcode didn't work.

All in all a very disappointing mess that just proves the adage "if it ain't broke, don't fix it!".

Should not have updated it

Very impressed with this little slider block, if you're using the Block editor this will make a good addition to your site. Nice, complete and modern controls. If you only need to slide one thing at a time (think mastheads or hero images) then the free version works really great. If you want to slide more than one thing then you might want to consider PRO. 

Don't listen to the one-star reviews - give it a try.

Great addition to my site


The free plug descripiton here is highly misleading. It promotes all the pro features as if they are included. They are not. I like that the UI and the way you add sliders/slides is easy but the misleading nature of the description makes me want to use something else. 


Highly Misleading


You can't create a slider and add a block to it. Which by the name you'd assume you can do.  What even is this plugin?  It doesn't do anything.  


Can't do anything with this plugin

Create Responsive Sliders using WordPress Blocks. Image slider, video slider, YouTube slider, post slider, product slider, WooCommerce slider & more.

WordPress Slider Block Gutenslider vs Block Slider – Responsive Image Slider, Video Slider & Post Slider