PistonUi

<p>PistonUI is a powerful all-in-one page builder plugin that gives you 25+ beautifully crafted widgets for both Elementor and Gutenberg to build stunning WordPress websites faster. Every widget is lightweight, SEO friendly, and designed for performance. No coding required.</p>
<p><strong>Works with both Elementor AND Gutenberg!</strong> Whether you prefer Elementor’s drag-and-drop interface or Gutenberg’s block editor, PistonUI has you covered with native support for both page builders.</p>
<h4>Useful Links</h4>
<ul>
<li><a href="https://pistonui.com/widgets/" rel="nofollow ugc">View All Widget Demos</a></li>
<li><a href="https://pistonui.com/docs/" rel="nofollow ugc">Documentation & Guides</a></li>
<li><a href="https://pistonui.com/" rel="nofollow ugc">Plugin Website</a></li>
</ul>
<p>Browse our growing collection of free widgets or upgrade to premium for access to advanced widgets, template management, and pre-built designs. Each widget provides extensive customization options to control every aspect of your design.</p>
<h4>Plugin Features</h4>
<ol>
<li>
<p>Widget Library – 25+ high-quality widgets for Elementor and Gutenberg covering hero sections, interactive elements, media, content, and WooCommerce.</p>
</li>
<li>
<p>Template Management System – Complete template system with Header, Footer, Popup, Checkout, and Single Post/Product templates with display conditions.</p>
</li>
<li>
<p>WooCommerce Integration – Dedicated WooCommerce widgets for product grids, sliders, masonry layouts, category showcases, and quick cart.</p>
</li>
<li>
<p>Widget Dashboard – Full control panel to enable/disable individual widgets, manage vendor assets, and optimize performance.</p>
</li>
<li>
<p>Pre-built Templates – Ready-to-use template designs for quick website setup (Premium).</p>
</li>
<li>
<p>Premium Features – Advanced widgets and tools for professional websites with premium activation controls.</p>
</li>
</ol>
<h4>Hero & Banner Widgets for Elementor</h4>
<ol>
<li>
<p>Sliding Hero (Free) – Full-width hero slider with multiple headings, descriptions, CTA buttons, and customizable overlay effects.</p>
</li>
<li>
<p><a href="https://pistonui.com/widgets/video-hero/" rel="nofollow ugc">Video Hero (Free)</a> – Full-width hero section with background video support, image background fallback, and overlay content.</p>
</li>
<li>
<p>Promo Banner (Free) – Eye-catching promotional banners with flexible image positioning and customization options.</p>
</li>
</ol>
<h4>Interactive Content Widgets for Elementor</h4>
<ol>
<li>
<p>Accordion (Free) – Interactive FAQ/accordion with custom icons and smooth CSS-based animations.</p>
</li>
<li>
<p><a href="https://pistonui.com/widgets/sticky-content/" rel="nofollow ugc">Sticky Content (Free)</a> – Two-column layout with JavaScript-powered smart sticky behavior and responsive controls.</p>
</li>
<li>
<p>Image Comparison (Free) – Before/after image comparison with draggable handle for visual comparisons.</p>
</li>
<li>
<p>Scroll Reveal Cards (Free) – Cards that animate and reveal on scroll with customizable effects.</p>
</li>
<li>
<p>Full Page Scroll Reveal Cards (Free) – Full-page scroll-triggered card animations with advanced timing controls.</p>
</li>
<li>
<p>Skills Tabs (Free) – Tabbed interface for displaying skills, services, or features with progress bars and descriptions.</p>
</li>
<li>
<p>Rich Title (Free) – Advanced title builder with inline text styling (highlight/underline), images, videos, and line breaks.</p>
</li>
<li>
<p>Feature Showcase (Free) – Left/right image positioning with subtitle, title, description, list items, and CTA button.</p>
</li>
<li>
<p><a href="https://pistonui.com/widgets/user-reviews/" rel="nofollow ugc">User Reviews (Free)</a> – Customer testimonials and reviews display with rating stars and flexible layouts.</p>
</li>
<li>
<p>Burger Menu (Free) – Mobile-friendly hamburger menu with WordPress menu integration and smooth animations.</p>
</li>
</ol>
<h4>Media & Display Widgets for Elementor</h4>
<ol>
<li>
<p><a href="https://pistonui.com/widgets/tiktok-videos/" rel="nofollow ugc">TikTok Videos (Free)</a> – Display TikTok videos in a responsive carousel or gallery grid with customizable items per screen size.</p>
</li>
<li>
<p><a href="https://pistonui.com/widgets/youtube-popup/" rel="nofollow ugc">YouTube Popup (Free)</a> – Play YouTube videos in a lightweight modal with optional thumbnail and ripple animation.</p>
</li>
<li>
<p>Logo Slider (Free) – Responsive carousel for displaying partner/client logos with Owl Carousel integration.</p>
</li>
<li>
<p><a href="https://pistonui.com/widgets/sliding-text-bar/" rel="nofollow ugc">Sliding Text Bar (Free)</a> – Animated marquee/ticker with customizable speed, direction, rotation, and full-width options.</p>
</li>
</ol>
<h4>Content Display Widgets for Elementor</h4>
<ol>
<li>
<p>Posts Grid (Free) – Flexible recent posts grid with taxonomy filters and layout controls.</p>
</li>
<li>
<p>Feature Cards (Free) – Showcase features or services in a responsive card grid with icons and descriptions.</p>
</li>
<li>
<p>Counter Stats (Free) – Animated counter statistics with customizable icons, numbers, and labels.</p>
</li>
</ol>
<h4>WooCommerce Widgets for Elementor</h4>
<ol>
<li>
<p>Category Showcase (Free) – Display WooCommerce product categories with custom images, titles, and product counts.</p>
</li>
<li>
<p>Category Icons Grid (Free) – Grid layout for category icons with hover effects and custom styling.</p>
</li>
<li>
<p>Products Grid (Free) – Showcase products in a responsive grid with sorting, filtering, and discount badge options.</p>
</li>
<li>
<p>Products Masonry Grid (Free) – Advanced masonry layout for products with perfect gap control and responsive design.</p>
</li>
<li>
<p>Products Grid Pagination (Free) – Products grid with built-in pagination controls and AJAX loading.</p>
</li>
<li>
<p>Product Slider (Free) – Dynamic product carousel with configurable columns and responsive breakpoints.</p>
</li>
<li>
<p>Quick Cart (Premium) – Hover-activated cart dropdown with AJAX updates and WooCommerce integration.</p>
</li>
<li>
<p>Single Product (Premium) – Enhanced single product display with advanced customization options.</p>
</li>
</ol>
<h4>Template Management System</h4>
<p>PistonUI includes a complete template management system that lets you design and control every part of your website with Elementor.</p>
<ul>
<li><strong>Header Templates</strong> – Replace theme headers with custom Elementor designs.</li>
<li><strong>Footer Templates</strong> – Custom footer templates with full theme override.</li>
<li><strong>Popup Templates (Premium)</strong> – Custom popup designs for specific pages.</li>
<li><strong>Checkout Templates (Premium)</strong> – WooCommerce checkout page customization.</li>
<li><strong>Single Post Templates</strong> – Custom layouts for individual blog posts.</li>
<li><strong>Single Product Templates (Premium)</strong> – Custom layouts for WooCommerce products.</li>
<li><strong>Display Conditions</strong> – Control where templates appear: entire site, specific pages, posts, categories, homepage, or archive pages.</li>
</ul>
<h4>Why Choose PistonUI?</h4>
<ul>
<li><strong>Lightweight & Fast</strong> – Optimized for performance with on-demand asset loading. No bloat.</li>
<li><strong>SEO Friendly</strong> – Clean, semantic HTML output that search engines love.</li>
<li><strong>Fully Responsive</strong> – Every widget adapts perfectly to desktop, tablet, and mobile.</li>
<li><strong>Easy to Use</strong> – Intuitive Elementor controls with real-time preview. No coding needed.</li>
<li><strong>Developer Friendly</strong> – Namespaced PHP classes, hooks, filters, and WordPress coding standards compliant.</li>
<li><strong>Widget Dashboard</strong> – Enable/disable individual widgets to keep Elementor clean and your site fast.</li>
<li><strong>Regular Updates</strong> – Actively maintained with new widgets and features added regularly.</li>
</ul>
<h3>External Services</h3>
<h4>TikTok oEmbed</h4>
<ul>
<li>What: The TikTok Videos widget may request oEmbed data from TikTok to retrieve a video thumbnail.</li>
<li>When: When a TikTok video is added without a custom thumbnail, at render time the server requests TikTok’s oEmbed endpoint to fetch metadata/thumbnail.</li>
<li>Data sent: The TikTok video URL you provide in the widget is sent to TikTok’s oEmbed endpoint. The request originates from your server.</li>
<li>Purpose: To automatically display a thumbnail image for the TikTok link.</li>
<li>Terms: https://www.tiktok.com/legal/terms-of-service?lang=en</li>
<li>Privacy: https://www.tiktok.com/legal/page/eea/privacy-policy/en</li>
</ul>
<h4>Polar.sh License Validation</h4>
<ul>
<li>What: PistonUI uses the Polar.sh API to validate, activate, and deactivate premium license keys.</li>
<li>When: When a site administrator activates, deactivates, or verifies a license key from the PistonUI License tab, and once daily via a scheduled background check.</li>
<li>Data sent: The license key, your site domain (as an activation label), and the PistonUI organization identifier are sent to Polar.sh API endpoints. The request originates from your server.</li>
<li>Purpose: To verify that the license key is valid and manage premium feature access.</li>
<li>Service: https://polar.sh</li>
<li>Terms: https://polar.sh/legal/terms</li>
<li>Privacy: https://polar.sh/legal/privacy</li>
</ul>
<h4>PistonUI Pre-build Templates API</h4>
<ul>
<li>What: PistonUI connects to pistonui.com to fetch a gallery of pre-build Elementor templates.</li>
<li>When: When a site administrator visits the “Pre-build Templates” tab in the PistonUI dashboard. Template data is cached for 6 hours.</li>
<li>Data sent: No personal data is sent. Only standard HTTP GET requests with optional category, search, and pagination parameters are made to the API. The request originates from your server.</li>
<li>Purpose: To display a browsable gallery of professionally designed Elementor templates that premium users can import.</li>
<li>Service: https://pistonui.com</li>
<li>API endpoint: https://pistonui.com/wp-json/pistonui/v1/</li>
<li>Terms: https://pistonui.com/terms</li>
<li>Privacy: https://pistonui.com/privacy</li>
</ul>


PistonUI – Elementor & Gutenberg Widgets

Supercharge Elementor & Gutenberg with 25+ widgets, WooCommerce integrations, and a template system. SEO friendly & built for speed.

SysBasics

<p>Shortcode For Elementor Templates</p>
<p>Include any elementor template using shortcode. It will add shortcode column to existing elementor template admin columns. Use [el_shortcode id=”235″] inside any page or post or template.</p>
<p>inside template you can use </p>
<p>do not forget to replace 235 with your elementor template id.</p>
<p>Check our <a href="https://codecanyon.net/user/sysbasics/portfolio" title="WooCommerce Premium Plugins" rel="nofollow ugc">Premium Plugins</a></p>
<p>Missing a feature or Want to inform us about bug ? <a href="https://bitbucket.org/woomatrix/woomatrix-main/issues/new" rel="nofollow ugc">Contact us here</a></p>
<h3> Shortcode For Elementor Templates features </h3>
<ul>
<li>Plug and Play.</li>
<li>Adds shortcode columns to exitings template admin columns. </li>
<li>Works with simple shortcode [el_shortcode id=”235″]</li>
</ul>
<h3>Customize Dokan Dashboard Endpoints features</h3>
<ul>
<li>Add new endpoint to your dokan dashboard</li>
<li>Hide existing dokan dashboard endpoints</li>
<li>Shortcode support</li>
<li>Modify icon of existing dokan dashboard enpoints</li>
<li>Add new link in dokan dashbaord</li>
</ul>
<h3>Color Image Variation Swatches For WooCommerce Plugin</h3>
<p>Color Image Variation Swatches For WooCommerce For WooCommerce Plugin allows you to convert your regular woocommerce default dropdown into nicely looking color/image/taxt select</p>
<p>Checkout <a href="https://wordpress.org/plugins/color-image-variation-swatches-for-woocommerce/" rel="ugc">Color Image Variation Swatches For WooCommerce</a></p>
<p>check <a href="https://www.sysbasics.com/downloads/customize-dokan-dashboard-endpoints-pro/" rel="nofollow ugc">Customize Dokan Dashboard Endpoints Pro<br />
</a></p>
<h3> Customize My Account for WooCommerce free version features </h3>
<ul>
<li>Show/hide woocommerce core endpoints</li>
<li>Reorder core woocommerce my account endpoints</li>
<li>Add extra class to core endpoint</li>
<li>Add New link as endpoint on my account page</li>
<li>Show user avatar on my account page</li>
<li>Drag and drop UI</li>
<li>Use Dashicons for WooCommerce My Account Endpoints. Plugin has inbuilt dashicon picker. If somehow font awesome icons not working for you , you can opt for dashicon which has wider compatibility across all themes.</li>
<li>Optionally replace entire my account with custom elementor template.</li>
<li>Optionally override endpoint content with elementor template content</li>
</ul>


Shortcode For Elementor Templates

It Works

Shortcode For Elementor Templates Include any elementor template using shortcode. It will add shortcode column to existing elementor template admin co …

PistonUI – Elementor & Gutenberg Widgets vs Shortcode For Elementor Templates