Navigating the realm of Elementor widgets can be overwhelming. This “Elementor widgets: A detailed guide to every widget” demystifies each option so you can build a more dynamic, engaging website. Read our Elementor Widgets List.
You’ll find clear explanations and practical advice on using every widget effectively—whether you’re elevating design, improving user interaction, or building a powerful eCommerce experience.
No frills or filler—just the essentials you need to leverage Elementor widgets to the fullest.
Elementor Widget Key Takeaways
- Elementor Pro adds advanced widgets for dynamic content, interactive media and eCommerce—going well beyond the Elementor Free set.
- Engaging visuals are easy with Pro’s design widgets and templates. Build professional forms, surface dynamic content with Posts and Portfolio, and use Theme & WooCommerce Builders for extensive customisation without code.
- Pro is a comprehensive toolkit for responsive, conversion-focused sites: personalised pop-ups, tailored WooCommerce displays, and interactive elements (hotspots, video playlists) to boost engagement and conversions.
Exploring the Power of Elementor Widgets
Elementor Pro is more than a page builder—it’s a flexible design system. The dedicated Pro widget set dramatically expands what you can drag, drop and customise—no coding required—unlocking richer layouts, controls and templates.
Unveiling the Elementor Pro Widget Arsenal
Elementor Pro spans design, layout, marketing, eCommerce and advanced elements—from forms and menus to posts/portfolio and CTAs. Use the Elementor Editor to tailor any widget, and tap the Template Library for fast starts.
Pro-only highlights include:
- Share Buttons
- Price Table
- Flip Box
- Media Carousel
- Testimonial Carousel
Posts Widget for Dynamic Content Display
Show blog posts or custom post types in grids, cards or masonry, with query controls, filters and pagination. Pair with Portfolio for curated, filterable showcases.
Form Widget for Functional Forms Creation
Build contact, registration, survey and lead-gen forms with rich field types, multi-step flows, spam protection and actions after submit (email, webhooks, CRM). Integrates with Mailchimp, HubSpot, ActiveCampaign and more.
Elementor Portfolio Widget for Showcasing Work
Create a professional, filterable grid of projects, posts or CPTs with controls for columns, gaps, overlays and category filters—ideal for creatives and agencies.
Designing with Style: Visual Elementor Widgets
Visual staples include:
- Icon List, Icon Box, Heading, Image Box
- Flip Box, Blockquote, Slides
Advanced styling covers colours, sizing, typography, shadows, hover states and custom CSS.
Slides & Media Carousel Widgets for Interactive Presentations
Build responsive sliders for images and video, with navigation controls, autoplay, loop and per-device settings.
Animated Headline & Lottie Widgets for Eye-Catching Effects
Add motion with headline effects and lightweight Lottie animations via JSON files for crisp, scalable visuals.
Enhancing User Interaction with Elementor Pro
Boost engagement with:
- Share Buttons for social amplification
- Facebook Comments/Page embeds
- Login for custom authentication screens and redirects
The Nav Menu widget provides robust menu design and effects. Action Links connect visitors to WhatsApp, Waze, Calendar and more.
Login Widget for Custom Authentication Pages
Customise labels, show/hide “Lost Password” and “Remember Me”, add logged-in messages, style buttons and fields, and set post-login redirects.
Share Buttons & Facebook Comments for Social Integration
Encourage discussion and sharing with native widgets for Facebook plus Social Icons for broader networks.
Organising Content with Smart Layout Widgets
Use Tabs, Accordion and Toggle to structure dense content; Sidebar to pull theme sidebars into layouts; and Table of Contents for quick in-page navigation (fully styleable and mobile-friendly).
Tabs & Accordion Widgets for Efficient Content Display
Perfect for services, FAQs and guides—keep interfaces tidy and scannable.
Table of Contents Widget for Easy Navigation
Auto-generates a responsive TOC from headings; style and position it to match your layout.
Advanced Features and Customisation
Add custom icons (SVG), HTML/CSS/JS, and manage global widgets and templates for reuse at scale. Role Manager lets you control editing access.
Popup Builder for Engaging Call-to-Actions
Design modals, bars and slide-ins with full targeting (triggers, conditions, rules) and build with any widget to drive sign-ups, promos and announcements.
Theme Builder for Overriding Theme Elements
Visually create site-wide headers, footers, single and archive templates, plus 404 and search—no PHP required.
Streamlining eCommerce with WooCommerce Widgets
Customise product pages and archives, place carts/checkout anywhere, and refine navigation with breadcrumbs and menu cart. Style notices and account areas for a cohesive shop experience.
WooCommerce Builder for Tailoured Product Displays
Drop in product title, images, price, stock, meta, tabs, related and upsells—then template them globally or per product.
Add-to-Cart & Product Categories Widgets for Seamless Shopping
Use Custom Add to Cart anywhere; list product categories with images, counts and links to speed browsing.
Elementor Pro’s Creative Toolkit
Build galleries with animation and captions; add Hotspot interactions; present code with Code Highlight; and craft advanced navigation with Mega Menu.
Hotspot Widget for Interactive Images
Place labelled, animated hotspots over images with tooltips and links for interactive storytelling.
Video Playlist Widget for Curated Content
Curate orderly video collections with thumbnails and titles for courses, features or case studies.
Optimising for Conversion with Elementor Pro
- Call to Action: Interactive boxes with imaginative animations to entice the desired action.
- Price Table: Clear plan comparisons with badges and feature lists.
- Price List: Elegant menus/catalogues with prices and descriptions.
Add urgency with Countdown timers and target segments with Popup Builder.
Price Table & Call to Action Widgets for Effective Pricing Display
Guide decisions with concise benefits, scannable features and strong CTAs.
Countdown Widget for Urgency Creation
Time promotions and launches; style per brand and set exact end date/time.
Personalising Your Site with Unique Elementor Pro Features
Save sections as templates, use global widgets for brand consistency, and unlink when you need page-specific tweaks.
Code Highlight Widget for Developers
Display syntax-highlighted code with copy buttons; style backgrounds, fonts and line heights; extend with custom CSS.
Template Widget for Consistent Design Across Pages
Embed global templates anywhere (including via shortcode) and update once for site-wide changes.
Elementor Basic Widgets List
- Inner Section
- Heading
- Image
- Text Editor
- Video
- Button
- Star Rating
- Divider
- Google Maps
- Icon
- Image Box
- Icon Box
- Basic Gallery
- Image Carousel
- Icon List
- Counter
- Spacer
- Testimonial
- Tabs
- Accordion
- Toggle
- Social Icons
- Progress Bar
- Sound Cloud
- Shortcode
- HTML
- Menu Anchor
- Alert
- Sidebar
- Text Path
- Container
Elementor Pro Widgets List
- Posts
- Share Buttons
- Portfolio
- Slides
- Form
- Login
- Nav Menu
- Animated Headline
- Price Table
- Price List
- Gallery
- Flip Box
- Call to Action
- Media Carousel
- Testimonial Carousel
- Nested Carousel
- Loop Carousel
- Table of Contents
- Countdown
- Facebook Page
- Blockquote
- Template
- Reviews
- Facebook Button
- Facebook Embed
- Facebook Comments
- PayPal Button
- Lottie
- Code Highlight
- Video Playlist
- Hotspot
- Progress Tracker
- Stripe Button
- Mega Menu
Elementor Theme Elements List
- Post Title
- Post Excerpt
- Post Content
- Featured Image
- Author Box
- Post Comments
- Post Navigation
- Post Info
- Site Logo
- Site Title
- Page Title
- Search Bar
- Breadcrumbs
- Sitemap
- Loop Grid
Elementor WooCommerce List
- Product
- Breadcrumbs
- Product Title
- Product Images
- Product Price
- Add To Cart
- Product Rating
- Product Stock
- Product Meta
- Product Content
- Short Description
- Product Data Tabs
- Additional Information
- Product Related
- Upsells
- Products
- Custom Add To Cart
- WooCommerce Pages
- Product Categories
- Menu Cart
- Cart
- Checkout
- My Account
- Purchase Summary
- WooCommerce Notices
Elementor Pro Widgets Explained: A Summary – Elementor Pro Widgets List
Elementor Pro gives you the building blocks to design, personalise and optimise your site end-to-end. From visual widgets and smart layouts to Theme/WooCommerce Builders and conversion tools, it’s a complete system for modern WordPress design. Whether you’re a developer, designer or business owner, Pro streamlines workflows and elevates results.
Elementor Pro Widgets List: Frequently Asked Questions
How do I use widget add-ons in Elementor?
Use Appearance > Widgets to place the Elementor Library widget in a sidebar/footer, then choose a saved template or global widget from the dropdown.
Can I use Elementor Pro to create custom forms?
Yes—build multi-step, spam-protected forms with integrations (e.g. Mailchimp, HubSpot, ActiveCampaign) and actions after submit.
How can I make my website more visually appealing with Elementor Pro?
Leverage visual widgets (Image Box, Slides, Carousels), advanced typography/colour controls and Lottie animations—kept consistent via global styles.
Can I integrate social media into my website with Elementor Pro?
Absolutely—use Share Buttons, Facebook widgets and Social Icons for seamless social proof and engagement.
Is it possible to create a countdown timer for promotions on my website using Elementor Pro?
Yes—use Countdown to drive urgency for launches and limited offers, with full styling and precise end times.
Take your business to the next level with a Pixel Fish Website.
Check out some of our latest Website Design projects.
View some case studies of our website design work:
Moreton Bay City Pulse
Omnia Improvement
Proper Pasty Co
Performance Line Physio
Further Information
Why you should use Elementor for your new WordPress Website
Elementor Page Builder: A Comprehensive Guide for Business
7 Top Reasons to Choose Elementor for Your Next Website
Elementor Website Design
11 of the Best Divi WordPress Theme features you should know
How to Create and Launch a Website for a New Business Whilst Still Working Full-time
Your Brand’s Potential: Maximising The Impact of Website Design on Brand Building
10 Signs You Need to Redesign Your Website: Is Your Site Keeping Up?
Boosting Business Success: The ROI of a Well-Designed Website & Why It’s Worth the Investment
Top Strategies to Tackle Common Web Design Challenges
How Effective CTAs Can Supercharge Your Website Results
