PistonUi

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.
Works with both Elementor AND Gutenberg! 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.
<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>
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.
<h4>Plugin Features</h4>
<ol>
<li>
Widget Library – 25+ high-quality widgets for Elementor and Gutenberg covering hero sections, interactive elements, media, content, and WooCommerce.
</li>
<li>
Template Management System – Complete template system with Header, Footer, Popup, Checkout, and Single Post/Product templates with display conditions.
</li>
<li>
WooCommerce Integration – Dedicated WooCommerce widgets for product grids, sliders, masonry layouts, category showcases, and quick cart.
</li>
<li>
Widget Dashboard – Full control panel to enable/disable individual widgets, manage vendor assets, and optimize performance.
</li>
<li>
Pre-built Templates – Ready-to-use template designs for quick website setup (Premium).
</li>
<li>
Premium Features – Advanced widgets and tools for professional websites with premium activation controls.
</li>
</ol>
<h4>Hero & Banner Widgets for Elementor</h4>
<ol>
<li>
Sliding Hero (Free) – Full-width hero slider with multiple headings, descriptions, CTA buttons, and customizable overlay effects.
</li>
<li>
<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.
</li>
<li>
Promo Banner (Free) – Eye-catching promotional banners with flexible image positioning and customization options.
</li>
</ol>
<h4>Interactive Content Widgets for Elementor</h4>
<ol>
<li>
Accordion (Free) – Interactive FAQ/accordion with custom icons and smooth CSS-based animations.
</li>
<li>
<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.
</li>
<li>
Image Comparison (Free) – Before/after image comparison with draggable handle for visual comparisons.
</li>
<li>
Scroll Reveal Cards (Free) – Cards that animate and reveal on scroll with customizable effects.
</li>
<li>
Full Page Scroll Reveal Cards (Free) – Full-page scroll-triggered card animations with advanced timing controls.
</li>
<li>
Skills Tabs (Free) – Tabbed interface for displaying skills, services, or features with progress bars and descriptions.
</li>
<li>
Rich Title (Free) – Advanced title builder with inline text styling (highlight/underline), images, videos, and line breaks.
</li>
<li>
Feature Showcase (Free) – Left/right image positioning with subtitle, title, description, list items, and CTA button.
</li>
<li>
<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.
</li>
<li>
Burger Menu (Free) – Mobile-friendly hamburger menu with WordPress menu integration and smooth animations.
</li>
</ol>
<h4>Media & Display Widgets for Elementor</h4>
<ol>
<li>
<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.
</li>
<li>
<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.
</li>
<li>
Logo Slider (Free) – Responsive carousel for displaying partner/client logos with Owl Carousel integration.
</li>
<li>
<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.
</li>
</ol>
<h4>Content Display Widgets for Elementor</h4>
<ol>
<li>
Posts Grid (Free) – Flexible recent posts grid with taxonomy filters and layout controls.
</li>
<li>
Feature Cards (Free) – Showcase features or services in a responsive card grid with icons and descriptions.
</li>
<li>
Counter Stats (Free) – Animated counter statistics with customizable icons, numbers, and labels.
</li>
</ol>
<h4>WooCommerce Widgets for Elementor</h4>
<ol>
<li>
Category Showcase (Free) – Display WooCommerce product categories with custom images, titles, and product counts.
</li>
<li>
Category Icons Grid (Free) – Grid layout for category icons with hover effects and custom styling.
</li>
<li>
Products Grid (Free) – Showcase products in a responsive grid with sorting, filtering, and discount badge options.
</li>
<li>
Products Masonry Grid (Free) – Advanced masonry layout for products with perfect gap control and responsive design.
</li>
<li>
Products Grid Pagination (Free) – Products grid with built-in pagination controls and AJAX loading.
</li>
<li>
Product Slider (Free) – Dynamic product carousel with configurable columns and responsive breakpoints.
</li>
<li>
Quick Cart (Premium) – Hover-activated cart dropdown with AJAX updates and WooCommerce integration.
</li>
<li>
Single Product (Premium) – Enhanced single product display with advanced customization options.
</li>
</ol>
<h4>Template Management System</h4>
PistonUI includes a complete template management system that lets you design and control every part of your website with Elementor.
<ul>
<li>Header Templates – Replace theme headers with custom Elementor designs.</li>
<li>Footer Templates – Custom footer templates with full theme override.</li>
<li>Popup Templates (Premium) – Custom popup designs for specific pages.</li>
<li>Checkout Templates (Premium) – WooCommerce checkout page customization.</li>
<li>Single Post Templates – Custom layouts for individual blog posts.</li>
<li>Single Product Templates (Premium) – Custom layouts for WooCommerce products.</li>
<li>Display Conditions – Control where templates appear: entire site, specific pages, posts, categories, homepage, or archive pages.</li>
</ul>
<h4>Why Choose PistonUI?</h4>
<ul>
<li>Lightweight & Fast – Optimized for performance with on-demand asset loading. No bloat.</li>
<li>SEO Friendly – Clean, semantic HTML output that search engines love.</li>
<li>Fully Responsive – Every widget adapts perfectly to desktop, tablet, and mobile.</li>
<li>Easy to Use – Intuitive Elementor controls with real-time preview. No coding needed.</li>
<li>Developer Friendly – Namespaced PHP classes, hooks, filters, and WordPress coding standards compliant.</li>
<li>Widget Dashboard – Enable/disable individual widgets to keep Elementor clean and your site fast.</li>
<li>Regular Updates – 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.

Saiful Islam

Show template by shortcode for Elementor plugin allows users to display Elementor sections/canvas/templates anywhere on their WordPress site.
How to use? 
By shortcode: <code>[AETS_Template id='123']</code> – use template’s id, instead 123. 
Tips: Go to Dashboard -> Templates (find shortcode from Shortcode column).
Key Features:
<ul>
<li>Use Templates Anywhere – Effortlessly insert your Elementor-created templates into any section of your WordPress site.</li>
<li>Shortcode Integration – Simply copy and paste the generated shortcode to display your template in pages, posts, widgets, or other builder elements.</li>
<li>Seamless Compatibility – Works with any WordPress theme or page builder, ensuring maximum flexibility.</li>
</ul>
Take your Elementor designs to the next level with this powerful and easy-to-use plugin!
Credits
We believe in giving credit where it’s due. Our plugin utilizes the following third-party resources to enhance its functionality:
<a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor Website Builder</a>: Elementor, the leading WordPress website creation platform, empowers you to build professional, pixel-perfect websites seamlessly. 
<a href="https://wordpress.org/" rel="ugc">WordPress</a>: We are indebted to the WordPress platform for providing the framework that powers our plugin. Its open-source nature and extensive community support make it an ideal environment for creating powerful and customizable solutions.

Show template by shortcode for Elementor

I have created this plugin for Elementor user. use elementor any where using shortcode.

Small and Easy to use

Display Elementor sections/canvas/templates using shortcode in anywhere of your site.

PistonUI – Elementor & Gutenberg Widgets vs Show template by shortcode for Elementor