{"id":397477,"date":"2026-11-09T03:53:02","date_gmt":"2026-11-09T03:53:02","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/zen-slider-for-elementor\/"},"modified":"2026-11-09T03:52:31","modified_gmt":"2026-11-09T03:52:31","slug":"zen-slider-for-elementor","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/zen-slider-for-elementor\/","author":23597463,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.0","stable_tag":"1.1.0","tested":"7.1.4","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"Zen Slider for Elementor","header_author":"Coders Zen","header_description":"Premium animated hero sliders for free Elementor: 6 ready-made designs, video backgrounds, saved sliders with shortcodes and full mobile control. Edit everything in the Elementor panel, no code needed.","assets_banners_color":"3a44a0","last_updated":"2026-11-09 03:52:31","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/zenslider.coderszen.com","header_author_uri":"https:\/\/coderszen.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":90,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.0":{"tag":"1.1.0","author":"coderszen1","date":"2026-11-09 03:52:31","revision":3791799}},"upgrade_notice":{"1.1.0":"<p>Adds My Sliders: build sliders in Elementor and place them anywhere with a shortcode.<\/p>","1.0.0":"<p>First release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3791850,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3791850,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3791850,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3791850,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Diagonal Glow design for home-service businesses.","2":"Split Screen design for agencies and consultants.","3":"Fullscreen Cinematic design with photo thumbnails.","4":"3D Parallax Layers design with mouse tilt.","5":"3D Card Stack design for restaurants and products.","6":"Minimal Centered design for fitness and lifestyle brands.","7":"Every design is fully responsive with mobile-specific layouts.","8":"The Zen Slider dashboard: quick start, design previews and settings."}},"plugin_section":[],"plugin_tags":[785,786,76538,1768,611],"plugin_category":[50],"plugin_contributors":[291580],"plugin_business_model":[],"class_list":["post-397477","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-carousel","plugin_tags-elementor","plugin_tags-hero-slider","plugin_tags-slider","plugin_category-media","plugin_contributors-coderszen1","plugin_committers-coderszen1"],"banners":{"banner":"https:\/\/ps.w.org\/zen-slider-for-elementor\/assets\/banner-772x250.png?rev=3791850","banner_2x":"https:\/\/ps.w.org\/zen-slider-for-elementor\/assets\/banner-1544x500.png?rev=3791850","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/zen-slider-for-elementor\/assets\/icon-128x128.png?rev=3791850","icon_2x":"https:\/\/ps.w.org\/zen-slider-for-elementor\/assets\/icon-256x256.png?rev=3791850","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>Zen Slider for Elementor<\/strong> gives you six premium, fully animated hero sliders that work with the <strong>free version of Elementor<\/strong>. Drag the Zen Slider widget onto a page, click a design, and you already have a complete slider with three demo slides, photos, buttons and animation. Then make it yours without writing any code.<\/p>\n\n<p>The Elementor Slides widget is only available in Elementor Pro. Zen Slider fills that gap with designs that look custom-built and stay light: no jQuery, no slider library, one small CSS file and one small script that load only on pages that use the widget.<\/p>\n\n<p>\ud83d\udc49 <strong><a href=\"https:\/\/zenslider.coderszen.com\">See every design live<\/a><\/strong><\/p>\n\n<h4>6 ready-made designs (plus a blank canvas)<\/h4>\n\n<ul>\n<li><strong>Diagonal Glow<\/strong> \u2013 a diagonal photo reveal with a glowing accent edge. Made for roofers, builders, electricians and home services.<\/li>\n<li><strong>Split Screen<\/strong> \u2013 text on one half, photo on the other, with a curtain reveal between slides. Great for agencies and consultants.<\/li>\n<li><strong>Fullscreen Cinematic<\/strong> \u2013 full-screen photos with a slow zoom and a word-by-word headline. Perfect for travel, hotels and real estate.<\/li>\n<li><strong>3D Parallax Layers<\/strong> \u2013 a floating 3D photo frame that tilts with the mouse over a glowing grid. Built for tech, SaaS and startups.<\/li>\n<li><strong>3D Card Stack<\/strong> \u2013 a stack of photo cards that flip to the back on every slide. Ideal for restaurants, cafes and products.<\/li>\n<li><strong>Minimal Centered<\/strong> \u2013 calm, centered typography with soft blur transitions. For fitness, wellness, yoga and lifestyle brands.<\/li>\n<li><strong>Blank Canvas<\/strong> \u2013 start from scratch with a clean layout and no decorations.<\/li>\n<\/ul>\n\n<p>Every design has its own matching arrows and dots, and you can mix them freely: square glow arrows, long edge arrows, round glass arrows, joined pill arrows, \"Prev \/ Next\" text links, number dots, line dots, photo thumbnails, stretching pill dots, mini cards and simple dots.<\/p>\n\n<h4>Edit everything in the Elementor panel<\/h4>\n\n<ul>\n<li>Add, duplicate, delete and drag to reorder slides<\/li>\n<li>Heading, small heading, description and two buttons per slide<\/li>\n<li>Highlight words in the accent colour with {curly braces}<\/li>\n<li>Use a <strong>saved Elementor template as a slide<\/strong> to place any widget inside it (forms, icons, counters, video and more)<\/li>\n<li>Image, a separate mobile image, or an <strong>MP4, YouTube or Vimeo background video<\/strong><\/li>\n<li><strong>Focus point<\/strong> controls so faces and products stay visible on every screen<\/li>\n<li>Show or hide each element per slide, and <strong>schedule slides<\/strong> to appear between two dates<\/li>\n<li>Autoplay, time per slide, transition speed, pause on hover, loop, swipe and keyboard control<\/li>\n<li>Six text animations: slide up, blur in, word by word, zoom, fade or none<\/li>\n<li>Slow \"Ken Burns\" zoom, glow effects and decorative shapes, each with its own switch<\/li>\n<\/ul>\n\n<h4>Saved sliders and shortcodes<\/h4>\n\n<ul>\n<li><strong>Add new<\/strong>: click the Blank Canvas card in the Zen Slider dashboard and a new slider opens straight in Elementor<\/li>\n<li><strong>Import &amp; edit<\/strong>: copy any of the 6 designs into your own slider with one click, then change every text, photo and colour in Elementor<\/li>\n<li>Every slider is saved in <strong>Zen Slider \u203a My Sliders<\/strong> with its own shortcode, for example <code>[zen_slider id=\"123\"]<\/code><\/li>\n<li>Paste the shortcode into any page, post, widget area, the Shortcode block or the Elementor Shortcode widget<\/li>\n<li>Edit a slider once and it updates everywhere it is used<\/li>\n<li>Copy, duplicate or delete sliders from the dashboard<\/li>\n<\/ul>\n\n<h4>Colours and typography<\/h4>\n\n<ul>\n<li>Six one-click <strong>colour combinations<\/strong>: Midnight Gold, Ocean Blue, Fire Red, Forest Green, Royal Purple and Clean White<\/li>\n<li>Every colour control supports <strong>Elementor global colours<\/strong>, so the slider follows your brand automatically<\/li>\n<li>Per-slide accent, heading, text and background colours<\/li>\n<li>Full Elementor typography controls with <strong>global fonts<\/strong><\/li>\n<li>Bundled Plus Jakarta Sans and DM Sans fonts served from your own server (no Google requests), or switch them off to use your own<\/li>\n<\/ul>\n\n<h4>100% responsive<\/h4>\n\n<ul>\n<li>Separate height, alignment, text width and overlay for desktop, tablet and mobile<\/li>\n<li><strong>Hide any element on desktop, tablet or mobile<\/strong>: headings, buttons, image, arrows, dots, counter, progress bar, decorations<\/li>\n<li>Mobile-specific layouts for every design<\/li>\n<li>Works in Elementor <strong>Flexbox containers<\/strong> and in classic <strong>sections, columns and inner sections<\/strong><\/li>\n<li>\"Always full screen width\" option breaks out of boxed themes and containers<\/li>\n<\/ul>\n\n<h4>Fast and accessible<\/h4>\n\n<ul>\n<li>No jQuery and no third-party slider library<\/li>\n<li>Assets load only on pages that use the widget<\/li>\n<li>First slide image loads with high priority, the rest lazy-load<\/li>\n<li>Pauses when the slider is off screen or the browser tab is hidden<\/li>\n<li>Keyboard navigation, screen-reader labels, visible focus styles, and support for \"reduce motion\" settings<\/li>\n<\/ul>\n\n<h4>Need a custom slider or a full website?<\/h4>\n\n<p>Zen Slider is made by <strong><a href=\"https:\/\/coderszen.com\">Coders Zen<\/a><\/strong>, a web development team that builds custom Elementor designs, WordPress plugins and complete business websites. <strong><a href=\"https:\/\/coderszen.com\/contact\/\">Hire a developer<\/a><\/strong>.<\/p>\n\n<h3>External services<\/h3>\n\n<p>This plugin can show background videos from third-party video services. Nothing is sent to these services unless you add a YouTube or Vimeo link to a slide.<\/p>\n\n<p><strong>YouTube<\/strong> (by Google): when a slide has a YouTube video background, the video is embedded from youtube-nocookie.com while a visitor views that slide. The visitor's browser sends a request to YouTube, which includes their IP address and browser information. <a href=\"https:\/\/www.youtube.com\/t\/terms\">Terms of Service<\/a>, <a href=\"https:\/\/policies.google.com\/privacy\">Privacy Policy<\/a>.<\/p>\n\n<p><strong>Vimeo<\/strong>: when a slide has a Vimeo video background, the video is embedded from player.vimeo.com while a visitor views that slide. The visitor's browser sends a request to Vimeo, which includes their IP address and browser information. <a href=\"https:\/\/vimeo.com\/terms\">Terms of Service<\/a>, <a href=\"https:\/\/vimeo.com\/privacy\">Privacy Policy<\/a>.<\/p>\n\n<p>The plugin does not collect, store or send any other data. Fonts and images are bundled with the plugin and served from your own site.<\/p>\n\n<h3>Credits<\/h3>\n\n<ul>\n<li>Demo photos: created by Coders Zen with AI image generation and released under CC0 1.0 (public domain) for use in this plugin.<\/li>\n<li>Fonts: Plus Jakarta Sans and DM Sans, SIL Open Font License 1.1 (see assets\/fonts\/OFL-LICENSE.txt).<\/li>\n<li>Icons: drawn for this plugin, GPLv2 or later.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Install and activate <strong>Elementor<\/strong> (the free version is enough).<\/li>\n<li>Go to <strong>Plugins &gt; Add New<\/strong>, search for \"Zen Slider\", then install and activate it. Or upload the <code>zen-slider-for-elementor<\/code> folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Open any page with Elementor, search <strong>Zen Slider<\/strong> in the widgets panel and drag it onto the page.<\/li>\n<li>Click a design. To use your own content, set <strong>Slides<\/strong> to <strong>My slides<\/strong>.<\/li>\n<li>For an edge-to-edge slider, place it in a full-width container with no padding, or turn on <strong>Always full screen width<\/strong>.<\/li>\n<\/ol>\n\n<p>The <strong>Zen Slider<\/strong> menu in your dashboard has a quick-start guide, previews of every design and global settings.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"how%20do%20i%20use%20a%20slider%20with%20a%20shortcode%3F\"><h3>How do I use a slider with a shortcode?<\/h3><\/dt>\n<dd><p>Go to Zen Slider \u203a Designs. Click \"Import &amp; edit\" on a design, or \"Add new\" on Blank Canvas. The slider opens in Elementor: edit it and click Publish. Then open Zen Slider \u203a My Sliders, click \"Copy\" next to your slider and paste the shortcode into any page, post or widget.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20the%20free%20version%20of%20elementor%3F\"><h3>Does it work with the free version of Elementor?<\/h3><\/dt>\n<dd><p>Yes. Every feature works with Elementor free. Elementor Pro is not needed.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20flexbox%20containers%20and%20with%20sections%3F\"><h3>Does it work with Flexbox containers and with sections?<\/h3><\/dt>\n<dd><p>Yes. It works inside containers, sections, columns and inner sections.<\/p><\/dd>\n<dt id=\"how%20do%20i%20colour%20some%20words%20in%20the%20heading%3F\"><h3>How do I colour some words in the heading?<\/h3><\/dt>\n<dd><p>Wrap them in curly braces, for example <code>Roofs built to {last a lifetime}<\/code>. Those words use the accent colour.<\/p><\/dd>\n<dt id=\"can%20i%20put%20other%20elementor%20widgets%20inside%20a%20slide%3F\"><h3>Can I put other Elementor widgets inside a slide?<\/h3><\/dt>\n<dd><p>Yes. Design a container or section, save it as a template, then set the slide <strong>Content<\/strong> to <strong>Saved Elementor template<\/strong> and pick it.<\/p><\/dd>\n<dt id=\"how%20do%20i%20use%20my%20own%20photos%3F\"><h3>How do I use my own photos?<\/h3><\/dt>\n<dd><p>Set <strong>Slides<\/strong> to <strong>My slides<\/strong>, open a slide and go to the <strong>Media<\/strong> tab. Upload a landscape photo (about 1920 \u00d7 1080). Use the focus point sliders to keep the important part visible on small screens, or add a separate mobile photo. Slides without a photo keep the demo photo until you add your own.<\/p><\/dd>\n<dt id=\"can%20i%20hide%20the%20description%20or%20a%20button%20on%20mobile%3F\"><h3>Can I hide the description or a button on mobile?<\/h3><\/dt>\n<dd><p>Yes. Open <strong>Hide on devices<\/strong> in the widget and pick Mobile (or Desktop \/ Tablet) for any element.<\/p><\/dd>\n<dt id=\"can%20i%20use%20a%20video%20background%3F\"><h3>Can I use a video background?<\/h3><\/dt>\n<dd><p>Yes. Paste an MP4 file URL, a YouTube link or a Vimeo link in the slide's <strong>Media<\/strong> tab. The video plays muted and looped. YouTube and Vimeo videos load from those services only when a visitor views that slide.<\/p><\/dd>\n<dt id=\"will%20it%20slow%20down%20my%20site%3F\"><h3>Will it slow down my site?<\/h3><\/dt>\n<dd><p>No. There is no jQuery or slider library. The CSS and script are small and load only on pages that use the widget. Images after the first slide lazy-load.<\/p><\/dd>\n<dt id=\"can%20you%20build%20a%20custom%20slider%20or%20website%20for%20me%3F\"><h3>Can you build a custom slider or website for me?<\/h3><\/dt>\n<dd><p>Yes. Contact the Coders Zen team at <a href=\"https:\/\/coderszen.com\/contact\/\">coderszen.com\/contact<\/a>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>New: My Sliders. Create sliders in Elementor from the dashboard and place them anywhere with a shortcode.<\/li>\n<li>New: \"Add new\" on the Blank Canvas card opens a new slider in Elementor.<\/li>\n<li>New: \"Import &amp; edit\" on every design card.<\/li>\n<li>New: copy, duplicate and delete sliders; the shortcode is also shown in the Elementor panel.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>First release: 6 designs plus a blank canvas, 18 demo slides, Elementor widget with design picker, custom slides, template slides, video backgrounds, per-device visibility, colour combinations and dashboard.<\/li>\n<\/ul>","raw_excerpt":"Premium animated hero sliders for free Elementor: 6 designs, video backgrounds, shortcodes and full mobile control. No code, no jQuery.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/397477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=397477"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/coderszen1"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=397477"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=397477"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=397477"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=397477"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=397477"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=397477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}