<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Monowar Hossain</title>
    <description>The latest articles on DEV Community by Monowar Hossain (@devmonowar).</description>
    <link>https://dev.to/devmonowar</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4057701%2F5aac7306-ef5a-4a98-a655-9a473cc74979.jpg</url>
      <title>DEV Community: Monowar Hossain</title>
      <link>https://dev.to/devmonowar</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/devmonowar"/>
    <language>en</language>
    <item>
      <title>How to Install Free Widgets For Elementor: 8 Essential Widgets Elementor's Free Core Doesn't Include</title>
      <dc:creator>Monowar Hossain</dc:creator>
      <pubDate>Sun, 02 Aug 2026 19:45:22 +0000</pubDate>
      <link>https://dev.to/devmonowar/how-to-install-free-widgets-for-elementor-8-essential-widgets-elementors-free-core-doesnt-include-65n</link>
      <guid>https://dev.to/devmonowar/how-to-install-free-widgets-for-elementor-8-essential-widgets-elementors-free-core-doesnt-include-65n</guid>
      <description>&lt;h2&gt;
  
  
  Summary
&lt;/h2&gt;

&lt;p&gt;Elementor's free version is great, but it's missing a few widgets almost every site ends up needing — a Pricing Table, a Flip Box, a Countdown Timer, a Team section. I built &lt;strong&gt;Free Widgets For Elementor&lt;/strong&gt; to fill exactly those gaps, without bloat or upsells. Here's how to install it and what each widget does.&lt;/p&gt;

&lt;h2&gt;
  
  
  Table of Contents
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;The Problem&lt;/li&gt;
&lt;li&gt;The Solution&lt;/li&gt;
&lt;li&gt;Requirements&lt;/li&gt;
&lt;li&gt;Step-by-Step Installation&lt;/li&gt;
&lt;li&gt;What's Inside: All 8 Widgets&lt;/li&gt;
&lt;li&gt;Using the Demo Library&lt;/li&gt;
&lt;li&gt;Common Mistakes to Avoid&lt;/li&gt;
&lt;li&gt;FAQ&lt;/li&gt;
&lt;li&gt;Conclusion&lt;/li&gt;
&lt;li&gt;Related Articles&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;If you've built more than a couple of sites with Elementor's &lt;strong&gt;free&lt;/strong&gt; version, you've hit this wall: you need a Pricing Table, or a Flip Box, or a simple Countdown Timer — and the free core just doesn't have them. The usual fix is installing a giant all-in-one addon pack that ships 80+ widgets when you need 3, slowing the site down with unused CSS/JS on every page.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Solution
&lt;/h2&gt;

&lt;p&gt;I built &lt;strong&gt;Free Widgets For Elementor&lt;/strong&gt; as a focused, lightweight plugin that adds only the widgets Elementor's free core is actually missing — nothing you already have, nothing you don't need:&lt;/p&gt;

&lt;p&gt;Pricing Table · Flip Box · Team · Call To Action · Countdown Timer · Post Grid · Logo Carousel · Table of Contents&lt;/p&gt;

&lt;p&gt;It's 100% free, GPL licensed, with no Pro version, no license key, and no "Upgrade" nags in the editor. Each widget's CSS/JS is only loaded on pages where that widget is actually used, so it doesn't add weight to pages that don't need it.&lt;/p&gt;

&lt;h2&gt;
  
  
  Requirements
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;WordPress 6.0+&lt;/li&gt;
&lt;li&gt;PHP 7.4+&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://wordpress.org/plugins/elementor/" rel="noopener noreferrer"&gt;Elementor&lt;/a&gt; (free version — Elementor Pro is &lt;strong&gt;not&lt;/strong&gt; required)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Step-by-Step Installation
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Make sure the free &lt;strong&gt;Elementor&lt;/strong&gt; plugin is installed and activated on your site.&lt;/li&gt;
&lt;li&gt;In your WordPress dashboard, go to &lt;strong&gt;Plugins → Add New&lt;/strong&gt; and search for &lt;strong&gt;"Free Widgets For Elementor"&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Install Now&lt;/strong&gt;, then &lt;strong&gt;Activate&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Open any page with the Elementor editor — you'll see a new &lt;strong&gt;Free Widgets&lt;/strong&gt; category at the top of the widgets panel.&lt;/li&gt;
&lt;li&gt;Drag any widget onto your page and start customizing.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Frciq2cbw7x11sbg8i4h1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Frciq2cbw7x11sbg8i4h1.png" alt="Free Widgets For Elementor plugin listed in WordPress Plugins Add New search results" width="800" height="377"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnkq5scnv0r81mv1i98sy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnkq5scnv0r81mv1i98sy.png" alt="Free Widgets category open in the Elementor widget panel" width="800" height="384"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What's Inside: All 8 Widgets
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Widget&lt;/th&gt;
&lt;th&gt;What it's for&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Pricing Table&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Header, price, feature list, button, optional "featured" highlight&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Flip Box&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;3D hover/click flip to a back face with a call to action&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Team&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Photo, role, bio, and social links for team member cards&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Call To Action&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Title, text, button, and background in a styled box&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Countdown Timer&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Counts down to a date/time, with an optional expired message&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Post Grid&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Responsive grid of posts — image, title, meta, excerpt, read-more&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Logo Carousel&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Responsive logo/brand carousel with arrows, dots, and autoplay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Table of Contents&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Auto-generated, clickable page outline with smooth scroll and scrollspy&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fn8d6a4pga1fljf18sro9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fn8d6a4pga1fljf18sro9.png" alt="Pricing Table widget in Free Widgets For Elementor with a highlighted featured plan" width="799" height="363"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp3yi4d4qtjzvz9c2rkxd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp3yi4d4qtjzvz9c2rkxd.png" alt="Flip Box and Team widgets from Free Widgets For Elementor displayed side by side" width="800" height="477"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Using the Demo Library
&lt;/h2&gt;

&lt;p&gt;Instead of building sections from scratch, the plugin includes an optional &lt;strong&gt;Demo Library&lt;/strong&gt; — a one-click way to import ready-made Elementor sections (with images) built using these widgets. New demos are added over time without needing a plugin update.&lt;/p&gt;

&lt;p&gt;To use it: go to the plugin's &lt;strong&gt;Demo Library&lt;/strong&gt; screen from the WordPress admin, browse the available sections, and click &lt;strong&gt;Import&lt;/strong&gt; on the one you want.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fc4nqk9s77m1f1jj7tf9i.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fc4nqk9s77m1f1jj7tf9i.png" alt="Free Widgets For Elementor Demo Library screen with one-click Import button" width="800" height="387"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Common Mistakes to Avoid
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Installing without Elementor active&lt;/strong&gt; — the plugin extends Elementor, so Elementor (free) must be installed and active first.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Expecting a Pro upsell&lt;/strong&gt; — there isn't one. If a widget looks locked, that's not this plugin; double check you installed the right one.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Assuming it needs Elementor Pro&lt;/strong&gt; — it doesn't. Everything works on the free version of Elementor.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  FAQ
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Does this plugin require Elementor Pro?&lt;/strong&gt;&lt;br&gt;
No. It only requires the free version of Elementor.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Will it slow down my site?&lt;/strong&gt;&lt;br&gt;
No — each widget's CSS/JS loads only on the specific pages where that widget is used.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Is it really free forever?&lt;/strong&gt;&lt;br&gt;
Yes. No Pro version, no license key, no locked features.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Does it work with Elementor's Flexbox/Grid containers?&lt;/strong&gt;&lt;br&gt;
Yes, all widgets are built to work inside Elementor containers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;I activated the plugin but don't see the "Free Widgets" category — what's wrong?&lt;/strong&gt;&lt;br&gt;
This almost always means Elementor (free) isn't active yet. Activate Elementor first, then reload the page editor — the category will appear at the top of the widgets panel.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;If you've ever reached for a bloated all-in-one addon pack just to get one Pricing Table or Countdown widget, &lt;strong&gt;Free Widgets For Elementor&lt;/strong&gt; is built to be the lighter alternative — just the widgets Elementor's free core is missing, and nothing else.&lt;/p&gt;

&lt;p&gt;Try it: &lt;a href="https://wordpress.org/plugins/free-widgets-for-elementor/" rel="noopener noreferrer"&gt;WordPress.org Plugin Page&lt;/a&gt; · &lt;a href="https://github.com/devmonowar/free-widgets-for-elementor" rel="noopener noreferrer"&gt;GitHub Repository&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Related Articles
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://dev.to/devmonowar/how-to-build-a-fast-accessible-slider-in-wordpress-with-general-slider-3db3"&gt;General Slider — Installation Guide&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dev.to/devmonowar/how-to-add-customer-testimonials-in-wordpress-a-complete-guide-to-advanced-testimonial-5855"&gt;Advanced Testimonial — Installation Guide&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;strong&gt;Written by Monowar Hossain (devmonowar)&lt;/strong&gt; — WordPress Developer specializing in Plugin Development, Elementor and ACF. Open Source Contributor.&lt;br&gt;
&lt;a href="https://github.com/devmonowar" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt; · &lt;a href="https://profiles.wordpress.org/kstmonowar/" rel="noopener noreferrer"&gt;WordPress.org&lt;/a&gt; · &lt;a href="https://linkedin.com/in/devmonowar" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;&lt;/p&gt;

</description>
      <category>wordpress</category>
      <category>elementor</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to Add Customer Testimonials in WordPress: A Complete Guide to Advanced Testimonial</title>
      <dc:creator>Monowar Hossain</dc:creator>
      <pubDate>Sat, 01 Aug 2026 17:21:52 +0000</pubDate>
      <link>https://dev.to/devmonowar/how-to-add-customer-testimonials-in-wordpress-a-complete-guide-to-advanced-testimonial-5855</link>
      <guid>https://dev.to/devmonowar/how-to-add-customer-testimonials-in-wordpress-a-complete-guide-to-advanced-testimonial-5855</guid>
      <description>&lt;h2&gt;
  
  
  Summary
&lt;/h2&gt;

&lt;p&gt;Social proof sells — but most WordPress testimonial plugins are either too basic (one boring layout) or bloated page-builder addons you don't need. I built &lt;strong&gt;Advanced Testimonial&lt;/strong&gt; to be the focused middle ground: seven layouts, nine card styles, a front-end submission form, and Schema.org markup for star ratings in Google — all in one lightweight plugin.&lt;/p&gt;

&lt;h2&gt;
  
  
  Table of Contents
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;The Problem&lt;/li&gt;
&lt;li&gt;The Solution&lt;/li&gt;
&lt;li&gt;Requirements&lt;/li&gt;
&lt;li&gt;Step-by-Step Installation&lt;/li&gt;
&lt;li&gt;Displaying Testimonials&lt;/li&gt;
&lt;li&gt;Collecting Testimonials From Visitors&lt;/li&gt;
&lt;li&gt;Common Mistakes to Avoid&lt;/li&gt;
&lt;li&gt;FAQ&lt;/li&gt;
&lt;li&gt;Conclusion&lt;/li&gt;
&lt;li&gt;Related Articles&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;Testimonials are one of the highest-converting elements you can add to a page — but most WordPress solutions force a trade-off. Basic plugins give you one static layout with no way to collect new reviews. All-in-one page-builder addon packs give you a testimonial widget buried inside 80 other widgets you'll never touch, adding weight to every page on your site.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Solution
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Advanced Testimonial&lt;/strong&gt; is a dedicated plugin built only for testimonials: a proper post type with Groups, rich per-review fields (rating, company, verified badge, video), seven display layouts, and nine card styles you can mix and match. It ships with built-in &lt;strong&gt;Schema.org Review markup&lt;/strong&gt;, so Google can show star ratings as rich snippets next to your search result.&lt;/p&gt;

&lt;h2&gt;
  
  
  Requirements
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;WordPress 6.5+&lt;/li&gt;
&lt;li&gt;PHP 7.4+&lt;/li&gt;
&lt;li&gt;No page builder required — works with the shortcode and block editor out of the box; an Elementor widget is included automatically if Elementor is active.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Step-by-Step Installation
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;In your WordPress dashboard, go to &lt;strong&gt;Plugins → Add New&lt;/strong&gt; and search for &lt;strong&gt;"Advanced Testimonial"&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Install Now&lt;/strong&gt;, then &lt;strong&gt;Activate&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;A new &lt;strong&gt;Testimonials&lt;/strong&gt; menu appears in your dashboard sidebar.&lt;/li&gt;
&lt;li&gt;Add your first testimonial, or open &lt;strong&gt;Testimonials → Settings → Tools&lt;/strong&gt; and use the one-click &lt;strong&gt;starter demo&lt;/strong&gt; to see it in action immediately.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F4g4d3t6301bc4p4yshi0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F4g4d3t6301bc4p4yshi0.png" alt="WordPress Plugins → Add New page showing the Advanced Testimonial plugin in search results" width="800" height="384"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdyh2unvodcozvvbqj5us.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdyh2unvodcozvvbqj5us.png" alt="Advanced Testimonial one-click Demo Library in WordPress admin with categories like Healthcare, Restaurant and Real Estate" width="800" height="389"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Displaying Testimonials
&lt;/h2&gt;

&lt;p&gt;Use the shortcode anywhere:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;[advanced_testimonial layout="grid" columns="3" group="clients" limit="9" order="desc"]
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Or add the &lt;strong&gt;Advanced Testimonial&lt;/strong&gt; block in the editor — it has the same controls with a live preview. Seven layouts are available: Grid, List, Card, Carousel, Marquee, Masonry, Spotlight. Pick any of nine card styles (Classic, Modern, Minimal, Bubble, Bold, Glass, Gradient, Outline, Retro) with the &lt;code&gt;style&lt;/code&gt; attribute — mix a different style per block if you like.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Finv3gyh5x8f1ib6hxcac.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Finv3gyh5x8f1ib6hxcac.png" alt="Advanced Testimonial grid layout showing testimonial cards with star ratings and verified customer badges" width="800" height="459"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fa3ne8pd8yfnzsvjdlkxc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fa3ne8pd8yfnzsvjdlkxc.png" alt="Nine Advanced Testimonial card styles shown side by side — classic, modern, minimal, bubble, bold, glass, gradient, outline and retro" width="800" height="553"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Collecting Testimonials From Visitors
&lt;/h2&gt;

&lt;p&gt;Add &lt;code&gt;[at_form title="Leave a review" group="clients"]&lt;/code&gt; to any page, and visitors can submit their own testimonial directly from your site. Submissions land as &lt;strong&gt;Pending&lt;/strong&gt; so you review them before they go live, with built-in spam protection (nonce, honeypot, rate-limiting).&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fy7sjoutuc4xg30gek9ya.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fy7sjoutuc4xg30gek9ya.png" alt="Front-end testimonial submission form where visitors can share their experience and star rating" width="800" height="551"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Foswk7dd3gxutx89n4ng0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Foswk7dd3gxutx89n4ng0.png" alt="WordPress admin Testimonials list showing a new visitor submission with Pending status" width="800" height="385"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Common Mistakes to Avoid
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Forgetting to group testimonials&lt;/strong&gt; — if you plan to show different sets on different pages (e.g. per service or product), set up Groups first under &lt;strong&gt;Testimonials → Groups&lt;/strong&gt; before adding reviews.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Not enabling the submission form's spam protection settings&lt;/strong&gt; — the defaults are safe, but check &lt;strong&gt;Settings → Submission Form&lt;/strong&gt; if you get unexpected spam.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Assuming Elementor is required&lt;/strong&gt; — it isn't. The shortcode and block work on any theme.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  FAQ
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Do I need Elementor to use this plugin?&lt;/strong&gt;&lt;br&gt;
No. The shortcode and Gutenberg block work with any theme. If Elementor is active, a widget appears automatically.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Can testimonials include video?&lt;/strong&gt;&lt;br&gt;
Yes — paste a YouTube, Vimeo, or self-hosted MP4 URL on any testimonial; it opens in a lightbox on click.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Will it slow down my site?&lt;/strong&gt;&lt;br&gt;
No. CSS/JS load only on pages that actually display testimonials, with no jQuery.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Will my testimonials be deleted if I uninstall the plugin?&lt;/strong&gt;&lt;br&gt;
No, not by default — you have to explicitly opt in under Settings → Advanced first.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;If you need real, manageable testimonials — not a giant addon pack — &lt;strong&gt;Advanced Testimonial&lt;/strong&gt; gives you the layouts, styles, and a submission form to collect new reviews, without adding weight to pages that don't need it.&lt;/p&gt;

&lt;p&gt;Try it: &lt;a href="https://wordpress.org/plugins/advanced-testimonial/" rel="noopener noreferrer"&gt;WordPress.org Plugin Page&lt;/a&gt; · &lt;a href="https://github.com/devmonowar/advanced-testimonial" rel="noopener noreferrer"&gt;GitHub Repository&lt;/a&gt; · &lt;a href="https://devmonowar.github.io/wp-plugin-demo-library/advanced-testimonial/" rel="noopener noreferrer"&gt;Browse Demos&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Related Articles
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://dev.to/devmonowar/how-to-build-a-fast-accessible-slider-in-wordpress-with-general-slider-3db3"&gt;General Slider — Installation Guide&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dev.to/devmonowar/how-to-install-free-widgets-for-elementor-8-essential-widgets-elementors-free-core-doesnt-include-65n"&gt;Free Widgets For Elementor — Installation Guide&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;strong&gt;Written by Monowar Hossain&lt;/strong&gt; — WordPress Developer specializing in Plugin Development, Elementor and ACF. Open Source Contributor.&lt;br&gt;
&lt;a href="https://github.com/devmonowar" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt; · &lt;a href="https://profiles.wordpress.org/kstmonowar/" rel="noopener noreferrer"&gt;WordPress.org&lt;/a&gt; · &lt;a href="https://linkedin.com/in/devmonowar" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;&lt;/p&gt;

</description>
      <category>wordpress</category>
      <category>webdev</category>
      <category>php</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to Build a Fast, Accessible Slider in WordPress With General Slider</title>
      <dc:creator>Monowar Hossain</dc:creator>
      <pubDate>Sat, 01 Aug 2026 09:54:38 +0000</pubDate>
      <link>https://dev.to/devmonowar/how-to-build-a-fast-accessible-slider-in-wordpress-with-general-slider-3db3</link>
      <guid>https://dev.to/devmonowar/how-to-build-a-fast-accessible-slider-in-wordpress-with-general-slider-3db3</guid>
      <description>&lt;h2&gt;
  
  
  Summary
&lt;/h2&gt;

&lt;p&gt;Most WordPress slider plugins either load jQuery and half a megabyte of unused CSS/JS on every page, or lock the good design presets behind a Pro upgrade. &lt;strong&gt;General Slider&lt;/strong&gt; is built on the lightweight Splide engine — no jQuery, accessible by default, and assets load only on pages that actually show a slider.&lt;/p&gt;

&lt;h2&gt;
  
  
  Table of Contents
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;The Problem&lt;/li&gt;
&lt;li&gt;The Solution&lt;/li&gt;
&lt;li&gt;Requirements&lt;/li&gt;
&lt;li&gt;Step-by-Step Installation&lt;/li&gt;
&lt;li&gt;Building Your First Slider&lt;/li&gt;
&lt;li&gt;Design Presets and Skins&lt;/li&gt;
&lt;li&gt;Common Mistakes to Avoid&lt;/li&gt;
&lt;li&gt;FAQ&lt;/li&gt;
&lt;li&gt;Conclusion&lt;/li&gt;
&lt;li&gt;Related Articles&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;A slider sounds like a simple feature, but it's one of the most common places a WordPress site picks up unnecessary weight — jQuery dependencies, render-blocking CSS, and JavaScript that runs on every page even when there's no slider on it. Slower pages mean worse Core Web Vitals and worse Google rankings.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Solution
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;General Slider&lt;/strong&gt; builds reusable sliders once, then lets you drop them anywhere with a block, shortcode, or Elementor widget — no page builder or coding required. It's built on &lt;a href="https://splidejs.com/" rel="noopener noreferrer"&gt;Splide&lt;/a&gt;, a lightweight, dependency-free slider engine, so there's no jQuery on the front end, and assets are only added on pages that actually contain a slider.&lt;/p&gt;

&lt;h2&gt;
  
  
  Requirements
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;WordPress 6.0+&lt;/li&gt;
&lt;li&gt;PHP 7.4+&lt;/li&gt;
&lt;li&gt;No page builder required — works with the block editor and shortcode; an Elementor widget is included if Elementor is active.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Step-by-Step Installation
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;In your WordPress dashboard, go to &lt;strong&gt;Plugins → Add New&lt;/strong&gt; and search for &lt;strong&gt;"General Slider"&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Install Now&lt;/strong&gt;, then &lt;strong&gt;Activate&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Go to &lt;strong&gt;General Slider → Add New&lt;/strong&gt; to build your first slider, or &lt;strong&gt;General Slider → Settings&lt;/strong&gt; to import a ready-made demo instead.&lt;/li&gt;
&lt;li&gt;A starter demo is created automatically on first activation, so a fresh install already has something to look at.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F9rj4ljg95xty99wqa5fs.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F9rj4ljg95xty99wqa5fs.png" alt="WordPress Plugins → Add New page showing the General Slider plugin in search results" width="799" height="335"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F5ncdapp6xbul92j8o04w.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F5ncdapp6xbul92j8o04w.png" alt="General Slider Add New screen showing the slide editor fields and slider settings panel" width="800" height="389"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Building Your First Slider
&lt;/h2&gt;

&lt;p&gt;Add slides manually, or switch &lt;strong&gt;Slides source&lt;/strong&gt; to &lt;strong&gt;Pull slides from posts (dynamic)&lt;/strong&gt; and the slider builds itself automatically from your latest posts, pages, or WooCommerce products.&lt;/p&gt;

&lt;p&gt;Embed it anywhere:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Block:&lt;/strong&gt; add the &lt;em&gt;General Slider&lt;/em&gt; block and pick your slider.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Shortcode:&lt;/strong&gt; &lt;code&gt;[general_slider id="123"]&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Elementor:&lt;/strong&gt; drop the &lt;em&gt;General Slider&lt;/em&gt; widget.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fmsrtljmcr7t4y1bdtx0r.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fmsrtljmcr7t4y1bdtx0r.png" alt="Published General Slider hero slider on the front end of a WordPress site" width="800" height="371"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Design Presets and Skins
&lt;/h2&gt;

&lt;p&gt;Five design presets (Hero, Split, Minimal, Testimonial, Fullscreen) control the slide layout, and 14 navigation &amp;amp; frame skins (Classic, Soft, Stories, Numbers, Neon, Glass, and more) control the arrows, dots, and frame — mix any skin with any preset. Add per-slide background video, text entrance animations, and an accent colour, all from the slider's settings box — no code required.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F3in2251rsf6aolfo0vz5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F3in2251rsf6aolfo0vz5.png" alt="General Slider Demo Library showing different slider design presets and navigation skins" width="799" height="603"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Common Mistakes to Avoid
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Forgetting to publish the slider&lt;/strong&gt; — a slider must be &lt;strong&gt;published&lt;/strong&gt;, not just saved as a draft, for it to appear on the front end.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Pointing the block/shortcode at the wrong slider&lt;/strong&gt; — double-check the ID matches the slider you intended; the exact shortcode is shown on each slider's edit screen.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Not clearing the cache&lt;/strong&gt; — if you use a caching plugin and don't see your changes, clear the site cache after editing a slider.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  FAQ
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Does it load jQuery?&lt;/strong&gt;&lt;br&gt;
No. The front end uses the lightweight, dependency-free Splide engine.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Will it slow down my site?&lt;/strong&gt;&lt;br&gt;
No — CSS/JS load only on pages that contain a slider, images are lazy-loaded, and sliders only initialise when scrolled into view.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Do I need Elementor?&lt;/strong&gt;&lt;br&gt;
No. A dedicated Elementor widget is included if Elementor is active, but the block and shortcode work with any theme.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Can I build a slider automatically from my posts?&lt;/strong&gt;&lt;br&gt;
Yes — switch "Slides source" to dynamic and pick posts, pages, or WooCommerce products.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;If your current slider plugin is adding weight to pages that don't even use it, &lt;strong&gt;General Slider&lt;/strong&gt; is built to fix exactly that — a fast, accessible slider that only loads where it's actually needed.&lt;/p&gt;

&lt;p&gt;Try it: &lt;a href="https://wordpress.org/plugins/general-slider/" rel="noopener noreferrer"&gt;WordPress.org Plugin Page&lt;/a&gt; · &lt;a href="https://github.com/devmonowar/general-slider" rel="noopener noreferrer"&gt;GitHub Repository&lt;/a&gt; · &lt;a href="https://devmonowar.github.io/wp-plugin-demo-library/general-slider/" rel="noopener noreferrer"&gt;Browse Demos&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Related Articles
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://dev.to/devmonowar/how-to-add-customer-testimonials-in-wordpress-a-complete-guide-to-advanced-testimonial-5855"&gt;Advanced Testimonial — Installation Guide&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dev.to/devmonowar/how-to-install-free-widgets-for-elementor-8-essential-widgets-elementors-free-core-doesnt-include-65n"&gt;Free Widgets For Elementor — Installation Guide&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;strong&gt;Written by Monowar Hossain&lt;/strong&gt; — WordPress Developer specializing in Plugin Development, Elementor and ACF. Open Source Contributor.&lt;br&gt;
&lt;a href="https://github.com/devmonowar" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt; · &lt;a href="https://profiles.wordpress.org/kstmonowar/" rel="noopener noreferrer"&gt;WordPress.org&lt;/a&gt; · &lt;a href="https://linkedin.com/in/devmonowar" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;&lt;/p&gt;

</description>
      <category>wordpress</category>
      <category>webdev</category>
      <category>php</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
