FrontBlocks for Gutenberg/GeneratePress vs Slider, Gallery, and Carousel by MetaSlider – Image Slider, Video Slider

FrontBlocks is a lightweight toolkit that extends the WordPress Block Editor (aka Gutenberg) with layout controls, interactive blocks, and content enhancements. Build richer pages with the blocks you already use, without relying on a page builder or custom code. Turn Query Loops and grids into carousels, add animations and visual effects, improve layouts, and enable practical site utilities. FrontBlocks works with native WordPress blocks as well as supported GenerateBlocks elements, with optional integrations for WooCommerce, GenerateBlocks/GeneratePress and Gravity Forms. Container Edge Alignment Add custom controls to GenerateBlocks Container blocks and native WordPress Group/Container blocks to remove padding from the left or right side, creating edge-to-edge layouts. This feature only appears for containers using GeneratePress global max-width settings, perfect for creating asymmetric layouts where content extends to one browser edge while maintaining proper spacing on the other side. Carousel/Slider for GenerateBlocks Grid and Query Loop We have added options to Gutenberg blocks that enable you to create a carousel or slider using your preferred blocks. Supported blocks include GenerateBlocks Grid, GenerateBlocks Element, core/group, and the native WordPress Query Loop (core/query). To start using the carousel, go to the grid block or Query Loop block and select the ‘Carousel’ or ‘Slider’ option in the ‘FrontBlocks Grid Options’ section. Carousel/Slider attributes: – Autoplay: automatically changes the slides after a certain amount of time (in seconds). – Items to view: configure the number of items to display for different screen sizes: * Desktop (>1200px): number of items to show on desktop screens. * Laptop (992px-1199px): number of items to show on laptop screens. * Tablet (768px-991px): number of items to show on tablet screens. * Mobile ( , , , ) and event-handler attributes (on*) are stripped before saving, protecting against XSS attacks. Login Block: Add a native Gutenberg login form block to any page or post. Insert the block from the Gutenberg inserter under the FrontBlocks category. Features a toggle to switch between login form and registration form views, with fully customizable labels and styles. Ideal for membership sites or pages requiring a clean, integrated login experience without a shortcode. Post Meta (Native) — FrontBlocks PRO: Display custom field values from post meta inside native WordPress blocks directly in the editor. Select any registered meta key and output its value inline within heading, paragraph, or other text blocks — no shortcodes or custom PHP required. Useful for displaying dynamic data such as prices, dates, or any custom field stored in post meta. Available in FrontBlocks PRO. FAQ Schema (JSON-LD): Automatically generate FAQPage structured data for search engines. Enable the “FAQ Schema” toggle in any accordion block (core/details) to mark it as an FAQ item. FrontBlocks collects all enabled items on the page and outputs a valid FAQPage JSON-LD script in the footer, improving your chances of appearing as rich results in Google Search. Gravity Forms Inline Layout: Display Gravity Forms with fields and buttons on the same line. Perfect for newsletter signup forms (email + subscribe button) or search forms (input + search button). To use this feature: 1. Select a form in the Gravity Forms block 2. Find the “FrontBlocks Gravity Form Options” panel in the block settings where you can: – Enable inline layout with a simple toggle – Adjust the gap between elements (0-50px) – Responsive design: automatically stacks on mobile devices This feature eliminates the need for custom CSS to achieve inline form layouts. Stacked Images Block: Display a set of images with an animated stacking effect. Images appear layered on top of each other and animate in from a configurable direction (top, bottom, left, or right). Insert the block from the Gutenberg inserter under the FrontBlocks category and upload multiple images. Features: – Configurable animation duration and delay between each image. – Container height control to fit any layout. – Smooth entrance animations driven by CSS/JS with no dependencies. Events: Register and manage events directly from WordPress. Enable the Events feature from the FrontBlocks settings page and choose between two modes: a dedicated Custom Post Type (with its own menu and category taxonomy) or storing events as regular posts. Each event includes meta fields for: – All-day toggle – Start and end date and time – Cost – Event website URL Language Recommendation Banner: Display a smart banner that detects the visitor’s browser language and suggests switching to the matching version of the site. Enable the banner from the FrontBlocks settings page. The banner only appears when the site has a translated version matching the user’s browser language, and respects user dismissal via a cookie. Cookie Notice: Show a lightweight, configurable cookie consent banner with Accept and Reject actions. Choose between a full-width bottom bar, a boxed panel (bottom-left or bottom-right) or a centered popup, and customize the message, button labels, cookie policy page, accent color and cookie expiration. Google Tag Manager and/or GA4 are only requested and loaded after a visitor accepts — never before — and returning visitors who already accepted get the scripts on normal page load. The settings page also shows a simple accepted/rejected acceptance-rate stat (admins are excluded from the count). Implements Google Consent Mode v2, so it also holds back tracking from other analytics/ads plugins that respect it — including Google Site Kit — until the visitor decides. Advanced Cookie Management (FrontBlocks PRO): Extend Cookie Notice with separate Necessary, Analytics and Marketing preferences, a customizable preferences dialog and a reusable trigger that lets visitors update their choices later. Google Ads, Meta Pixel and Microsoft Clarity only run after the relevant category is accepted. It also supports the official Meta Pixel for WordPress plugin by holding its Pixel and Conversions API signals until Marketing consent. WooCommerce Features: Included features for WooCommerce FrontBlocks PRO. FrontBlocks PRO: FrontBlocks PRO is a premium plugin that extends the functionality of FrontBlocks. It includes additional features and improvements over the free version. Features: – Enable Gutenberg in the product editor. – Enable simple prices for variable products. – Block added after button. – Product description behaviour. – Disable zoom on product image. – Share buttons. – Custom Post Types Builder: Create and manage custom post types with advanced configuration options: * Create custom post types with a simple interface from the FrontBlocks settings page * Configure post type behavior (Post or Page style – hierarchical or not) * Enable/disable categories taxonomy for each custom post type * Add custom meta fields with multiple field types (Text, Textarea, URL, Date, File, Number, Email) * Individual settings page for each custom post type accessible from the post type menu * Delete custom post types easily with a single click – Disable tabs on the product page. – Horizontal product form layout (price, quantity, and add to cart button in one row). – Checkout Inline: Display billing/shipping fields (email + phone, address line 1 + address line 2) side by side in a two-column layout. Compatible with Block Checkout (WooCommerce 8+) and legacy shortcode checkout. – Full Page Scroll: Create fullpage scroll experiences with smooth section-by-section navigation and automatic side navigation dots. Perfect for landing pages, portfolios, and presentations. – Footer Patterns: Ready-to-use footer block patterns (3 columns, 4 columns, hero contact) for native WordPress and Gutenberg. – Login Block: Native Gutenberg block for user login and registration forms with customizable labels and …

With MetaSlider, you can create a powerful, SEO-optimized slider, slideshow, carousel, or gallery in minutes. MetaSlider is world’s #1 responsive WordPress slider plugin. MetaSlider is the best choice for image and photo sliders. MetaSlider Slideshow Pro adds support for video (YouTube, Vimeo, TikTok, local, and external), layer slides, WooCommerce products, custom HTML, single post, post feed sliders and more! Introducing MetaSlider With MetaSlider and MetaSlider Slideshow Pro, WordPress’s most popular slider plugin, enhancing your blog or website couldn’t be easier! Simply select images, photos, videos and more from your WordPress Media Library, and drag-and-drop them into place. You can then set the slide captions, links, and SEO fields, and more. MetaSlider slideshows, carousels, sliders and galleries are compatible with the WordPress Block Editor (Gutenberg), plus all page-builder plugins, from Elementor and Beaver Builder to Visual Composer and Divi. Introducing MetaSlider Slideshow Pro If you’re looking for further customization, MetaSlider Slideshow Pro offers even more powerful features. YouTube, Vimeo, and TikTok video slides: Easily include responsive high definition YouTube, Vimeo and TikTok videos in your slideshows. Local Video slides: You can build beautiful slideshows with videos in your WordPress media library. Layer slides: Create CSS3 animated HTML Layer slides using the built in drag-and-drop WYSIWYG editor. Post Feed slides: Automatically show your latest blog posts, events or WooCommerce products in your slide show. External URL slides: Display images directly from a non-WordPress sources such as CDNs or image hosts. External Video slides: Create your slideshows with videos from almost any external service. Stylish, premium themes: MetaSlider Slideshow Pro provides stylish and exclusive themes for your slideshows. Slide scheduling and slide visibility: Pro customers can now schedule sliders to appear only within specific dates, times, and days of the week. Custom Themes – build your own theme: MetaSlider now has stunning free slider themes for you to explore. With MetaSlider Slideshow Pro, you can also build your own themes. Thumbnail Navigation: Give your slideshows a gallery feel with customizable Thumbnail and Filmstrip Navigation. Premium Support: Get fast access to our professional support team. Image Sliders Image slides make a great impression on any website! Present your beautiful images to a stunning slider, slide show, carousel, or gallery. Image slides are a basic slide type included in MetaSlider. An image slide will display an image with a caption. You can optionally link the slide to a URL of your choice. Add images to your slide shows directly from your WordPress media library, add the captions you want, set SEO fields and adjust the settings to display the image slideshow just how you like it. Take it further with MetaSlider Slideshow Pro and use the Theme Editor to change the look of the navigation, the arrows, and the captions. YouTube, Vimeo and TikTok Video Sliders With MetaSlider Slideshow Pro you can easily include responsive high definition YouTube, Vimeo and TikTok videos in your slider, slideshow, or carousel. A video slide will display a video in your slide show directly from Vimeo or YouTube. The video will automatically pause if the user skips to the next slide. Simply add the URL of your video to a YouTube slide, Vimeo slide or TikTok slide and MetaSlider will add it to your slider, slideshow, or carousel. Either create a slide show full of your favorite videos or mix it in between slides of other types to get just the result that you want. Local and External Video Sliders External and Local Video Slides are included in MetaSlider Slideshow Pro. With Local Video Slides you can build beautiful slideshows with videos in your WordPress media library. With External Video Slides you can created slideshows with videos hosted outside of your WordPress site. Both External Video slides and Local Videos slides will display your MP4, WebM, and MOV videos with cover images, auto play, mute, lazy load, the ability to hide controls, and much more. It is possible to add video captions to both External and Internal Video slides created with MetaSlider Slideshow Pro. This feature uses VTT files to add captions. There is a “CC” button in the toolbar that viewers can use to control the captions. Post Feed Sliders With MetaSlider Slideshow Pro you can create Post Feed slides to automatically show your latest content, blog posts, events or WooCommerce products in your slider, slide show, or carousel. MetaSlider Post Feed slides dynamically pull in slides based on your WordPress posts, using the featured image as the slide. They are also commonly known as “Content Sliders”, “Featured Sliders”, “Post Sliders” or “Dynamic Sliders”. The Post Feed slide settings allow you to control which post types you want to display, the order to display them in and to restrict the posts to certain tags or categories. You can customize the caption template with a selection of template tags including {title}, {excerpt}, {author} and {date}. As with all our other slide types a Post Feed slide can appear in combination with any other slide type. Post Feed slides can be used to show one post at a time but they work particularly well in carousel mode (as above) allowing you to show off a large number of your latest posts in a small amount of space. Animated Layer Sliders With MetaSlider Slideshow Pro you can create animated Layer Slides for your slider, slideshow, or carousel. You can use the built in drag-and-drop editor to create CSS3 animated HTML Layer slides. MetaSlider Layer Slides are ideal for easily creating eye catching slider presentations and slideshows that use stunning effects with 50 animation options and a beautiful, easy to use interface. Layers can include text, html, images, photos, videos and even shortcodes! Layer Slide users also benefit from additional optimization and customization options, including using a video as the slide background and adjusting the padding and background color of each layer. External Image Sliders With MetaSlider Slideshow Pro you can create External URL slides to load images for your slider, slideshow, or carousel directly from non-WordPress sources, for example CDN’s or image hosts. More Great MetaSlider Features Optimized for Speed MetaSlider is fast. Only the minimum JavaScript/CSS is included on your page to power your slider, slideshow, carousel, or gallery. We have optimized the Free and Pro MetaSlider plugins so that your images, photos, videos (YouTube and Vimeo), layers, products, and post feeds, load quickly without slowing down your website visitors’ experience. Unsplash Integration MetaSlider is integrated with Unsplash to access free images and photos via Unsplash.com for your slider, slideshow, carousel, and gallery. Finding the right image or photo can be the hardest part of creating a compelling slider, slide show, carousel, or gallery, and MetaSlider makes this process easy for you by never leaving your WordPress plugin interface. Accessible Slideshows The MetaSlider team works really hard to make sure the plugin is accessible for people using screen readers and/or people with disabilities. If you see any way that we can improve our support for accessible users, please do not hesitate to get in touch with us. See all our accessible slideshow features. Responsive and SEO-optimized MetaSlider is a responsive, SEO-optimized WordPress plugin that lets you create a slider, slideshow, carousel, and gallery in seconds. Your MetaSlider responsive slider, slideshow, carousel, or gallery will adapt to the width of the device they’re being displayed on, including desktop, mobile or tablet. The content will be responsive regardless of the type of content you use in the Free or Pro version. Your images, photos, videos, layer, products, and posts will load incredibly quickly. The MetaSlider SEO tab lets you set image title and alt text for your slides. The title text should provide additional information about the slide, whereas the alt text should be used to describe the image itself. This data allows search engines to ‘read’ your slides and helps with search engine rankings! Powerful Editing Options In addition to MetaSlider’s simple drag-and-drop features, our slider, slide show, gallery, and carousel plugin for WordPress offers many powerful features. Whether you are someone running a site who wants to make a great first impression with beautiful photos or someone making websites for clients, MetaSlider enables you to create the perfect customized experience. Full width slider and gallery support MetaSlider will match your site design and is compatible with any WordPress theme that you choose to use. Intelligent Image Cropping: Unique Smart Crop functionality ensures your slides are perfectly resized. No fuss. Smart Pad: With cropping disabled, Smart Pad automatically adds padding to portrait images allowing you to mix portrait and landscape images and maintain a consistent slideshow height. Drag-and-Drop editor: Includes drag-and-drop slide reordering, intelligent image cropping, set image crop position. Slider configuration: Customize the transition effect, speed, timing, plus many more! Live Theme Editor: With MetaSlider Slideshow Pro you can create unlimited themes and preview them on-the-fly. Thumbnail Navigation (Pro): MetaSlider Slideshow Pro adds in 2 new types of slider and slideshow navigation: “Thumbnail” will output a static row of thumbnails below the slideshow. “Filmstrip” will output a carousel style row of thumbnails below the slideshow (with left and right navigation) – perfect if you have lots of slides! Slider Themes MetaSlider Slideshow Pro introduces the MetaSlider Theme Editor. MetaSlider Slideshow Pro include many free professional and responsive slideshow themes for sliders, slideshows, and carousels. These themes enable you to effortlessly create beautiful and effective sliders, slideshows, and carousels designed by professionals. The MetaSlider theme editor also allows you to create your own slider, slideshow, and carousel themes to use across your sites where you install MetaSlider. With these themes you can perfectly display any content, including image, photo, video (YouTube and Vimeo), layer, product, and post feed slides. Import and Export Your Sliders With the MetaSlider import and export feature you can move your perfectly designed sliders between your websites or your clients’ websites. Instead of recreating your settings on every website, export your slider, slideshow, or carousel with one click and import it to another WordPress suite just as easily with MetaSlider. Ready for the Gutenberg Block Editor MetaSlider has been designed to work seamlessly with the new Gutenberg WordPress Block Editor by using our Gutenberg block. We give you ultimate flexibility to embed MetaSlider into your WordPress website using a Gutenberg block, shortcode, or widget. Fully Localized with Translation Support MetaSlider is compatible with some of the most popular WordPress translation plugins, including WPML, PolyLang & qTranslate. You can make sure that your slider, slideshow, carousel, or gallery are fully localized for your audiences around the world. MetaSlider localization supports any content you include in your slider. Slider Lightbox Support MetaSlider offers responsive image and photo lightbox support with the MetaSlider Gallery plugin, allowing slides to be opened in a lightbox gallery window. Slider Plugin Integrations MetaSlider Slideshow Pro is integrated with other popular WordPress plugins, including WooCommerce, The Events Calendar, Advanced Custom Fields, and WPML. This enables you to seamlessly show the most engaging content to your audience in a slider, slideshow, carousel, or gallery. You can use the popular events management plugin “The Events Calendar” with MetaSlider’s new Post Feed Slides. MetaSlider detects if you have The Events Calendar plugin activated and offers you the ability to order by event date, so you can show off your upcoming events in a slider, slideshow, or carousel. WooCommerce sliders are also easy with MetaSlider. You can show the products you choose in a stylish WooCommerce slideshow. Carousel Sliders In addition to creating traditional sliders and slideshows, you can use MetaSlider to build carousels that allow you to show multiple images at any one time. MetaSlider carousels are compatible with all slide types in Free and Pro, including image, photo, video (YouTube, Vimeo, and local), layer, WooCommerce product, and Post Feed slides. They’re ideal for showing a list of your latest posts or to use as a “Featured Product” slider for your homepage. Support for Every Type of Content Slider MetaSlider provides unrestricted support for your image and photo slider, slide show, carousel, and gallery, including captions, links, title texts and alt text. With the MetaSlider Slideshow Pro add-on you can also add video (YouTube/Vimeo), layer, product, and post feed content to a slider, slide show or carousel. You can use any combination of MetaSlider Slideshow Pro slide types for sliders, slideshows, and carousels. For example you can have a slider with an image slide, a post feed slide (that can contain multiple posts), and a video slide. To create this simply add slides as you normally would, selecting the relevant slide type each time. New Photo Gallery Experience MetaSlider now features a new gallery experience that supports images and photos. With an easy drag-and-drop photo gallery builder, you can create a responsive and optimized photo gallery in seconds using the same WordPress Media Gallery images you are already using with MetaSlider sliders, slide shows, and carousels. You can use a simple shortcode (just like MetaSlider) to add the MetaSlider photo gallery to any page. We are building the photo gallery following these principles: Fast – Using modern best practices, your responsive photo gallery will be faster than ever. SEO-focused – Search engines will love your photo gallery. Fully WCAG accessible – All users will be able to enjoy your responsive photo gallery. You can create a photo gallery, and then add images to your gallery from the WordPress Media Library. Simply drag-and-drop images and photos into your gallery, easily reorder them, and add an image alt attribute to your images and photos to ensure that your gallery is SEO friendly. To make sure that your responsive photo gallery looks just right on your WordPress page or post, the MetaSlider gallery allows you to change the image and photo width, max width, min width, and spacing of your gallery. The MetaSlider photo gallery also offers a distraction free fullscreen mode for gallery editing, and we will soon add to the photo gallery a dark mode and background color selection. To add your responsive Meta Slider photo gallery to a page, simply click the “add to page” button in your gallery editor to generate a WordPress shortcode that you can drop onto any page or post. The MetaSlider photo gallery is in development, and we would love to hear your feedback on the gallery and ideas for photo gallery features we should work on next.