Elementor Pro Widgets List: A Detailed Guide to Every Widget and Module

May 31, 2024 | Elementor, Website Design

Reading Time: 14 minutes
Kevin Fouche

Elementor Pro Widgets List: A Detailed Guide to Every Widget and Module

Posted by Kevin Fouche, Pixel Fish Director

Kevin handles the planning, design, launch and training of every website that Pixel Fish creates. He ensures that every website is highly engaging and aligned with our client’s goals. With over 20 years of design and web industry experience to draw upon, Kevin aims to pass on his knowledge to our clients and like-minded businesses wanting to grow their online presence.

Navigating the realm of Elementor Pro widgets can be overwhelming. This “Elementor Pro widgets: A detailed guide to every widget” demystifies every widget available, giving you the keys to a more dynamic and engaging website. Read our Elementor Pro Widgets List.

You’ll find straightforward explanations and practical advice on how to use each widget effectively—whether you’re enhancing site design, improving user interaction, or building a powerful eCommerce platform.

No frills or filler, just the essential information you need to leverage Elementor Pro’s widgets to their fullest.

Elementor widget Key Takeaways

  • Elementor Pro offers a wide array of advanced widgets including dynamic content display, interactive media, and e-commerce tools, enhancing the web design and user experience beyond the capabilities of the basic Elementor Free version.
  • Engaging visual design is made easy with Elementor Pro’s visual widgets and templates. Users can create professional-looking forms, display dynamic content with Posts and Portfolio widgets, and utilize Theme & WooCommerce Builders for extensive customization without coding.
  • Elementor Pro is a comprehensive solution for building responsive and conversion-optimized websites. It includes tools for creating personalized pop-ups, tailored WooCommerce product displays, and interactive elements such as hotspots and video playlists to boost user engagement and drive conversion rates.

Exploring the Power of Elementor Pro Widgets

Elementor Pro extends beyond a mere page builder; it’s a powerhouse for design. Imagine having a dedicated Pro widget area with additional options that enhance web design flexibility.

Consider it as a Swiss army knife at your fingertips, offering a significant upgrade from the basic widgets with an array of advanced widgets that can be dragged, dropped, and customized without any need for coding.

The leap from the standard version to Elementor Pro is akin to going from black and white television to color – it unlocks enhanced features, design options, and a more robust assortment of templates for website development.

Consider it a magic wand, providing access to potent new website building tools that transform your web design experience.

Unveiling the Elementor Pro Widget Arsenal

Reminiscent of the concealed treasures in Aladdin’s cave, Elementor Pro offers a comprehensive suite of widgets across different categories, ready to meet a wide range of website design needs. Whether you need tools for:

  • design
  • layout
  • marketing
  • eCommerce
  • advanced elements

Elementor Pro has got you covered. From form builders and navigation menus to post/portfolio displays and call to action widgets, every widget is a gem that adds a unique sparkle to your website. With the Elementor Editor, you can easily customize these widgets to fit your needs, even if you’re using Elementor Free.

Additionally, the Elementor Library offers a wide range of pre-designed templates to choose from, all easily accessible with the Elementor Page Builder.

What’s more, Elementor Pro also provides additional widgets specific to Pro, such as:

  • Share Buttons
  • Price Table
  • Flip Box
  • Media Carousel
  • Testimonial Carousel

These widgets, including the shortcode widget, provide users with enhanced capabilities beyond the basic widget set, making them suitable for all the widgets enthusiasts.

Posts Widget for Dynamic Content Display

The Posts Widget in Elementor Pro is a dynamic tool designed to display blog posts or custom post types in a customizable layout, adding a unique twist to your content presentation. Imagine owning a personal art gallery where the presentation of your art (content) can be customized.

Whether you want to display dynamic lists of content from various post types on any part of your site, the Posts and Portfolio widgets have got you covered.

Form Widget for Functional Forms Creation

The Form Widget serves as your personal assistant that helps you create various types of custom forms, such as contact forms, registration forms, survey forms, and lead generation forms on a website. Imagine possessing a toolbox filled with multiple form field types including text fields, email fields, checkboxes, and dropdowns to build comprehensive and functional forms.

What’s more, it supports integration with popular email services like MailChimp, HubSpot, and ActiveCampaign, facilitating seamless communication and marketing workflows.

With features allowing for automated actions after form submissions, such as instant email notifications, data entry to CRM or database systems, and customized confirmations, This feature acts as a shield against spam and bots while enhancing form automation.

Elementor page builder Portfolio Widget for Showcasing Work

The Portfolio Widget in Elementor Pro is your personal stage to showcase your work or projects in a professional and elegant manner.

Like a filterable grid, it allows the showcasing of posts, pages, and custom post types that is visually engaging. It’s a boon for freelancers, designers, and other creatives seeking to showcase their work and attract potential clients.

Designing with Style: Visual Elementor Widgets

Elementor Pro takes website aesthetics to a whole new level with its visually stunning widgets. Some of these visual widgets include:

  • Icon List Widget
  • Icon Box Widget
  • Heading Widget
  • Image Box Widget
  • Flip Box Widget
  • Blockquote Widget
  • Slides Widget

These widgets enable the addition of elements like icons, headings, text, and slides to enhance the visual appeal of websites.

With Elementor Pro, you have a paintbrush accompanied by a palette of advanced styling options such as custom colors, sizes, typography, shadows, hover effects, and the ability to apply custom CSS. This allows you to tailor your visual widgets and give a unique touch to your website.

For those who love to play with interactive and dynamic widgets, Elementor Pro offers:

  • Media Carousel Widget for sliders of images and videos
  • Text Path Widget for attaching text to shapes
  • Reviews and Testimonial Carousels to provide animated and interactive elements that capture user attention.

Slides & Media Carousel Widgets for Interactive Presentations

The Slides widget in Elementor Pro functions as a stage director that allows for the creation of responsive sliders that adapt to various screen sizes, ensuring a seamless viewing experience on all devices.

And for those who love to add a dynamic mix of images and videos in a slider, the Media Carousel widget acts like a film reel, enhancing the interactive elements of a webpage.

Animated Headline & Lottie Widgets for Eye-Catching Effects

Adding animations and effects to your website is like adding spices to your food. The Animated Headline and Lottie Widgets let you add that extra zing to your website.

Lottie Widget enables the integration of animation files from LottieFiles, adding dynamic animations to your web pages. With this widget, you can incorporate eye-catching animated elements into your web pages using .json files, making your website more appealing and interactive.

Enhancing User Interaction with Elementor Pro

With Elementor Pro, enhancing user interaction is as easy as pie. The platform includes the following widgets designed to enhance user engagement:

  • Share Buttons: Promotes social sharing for website content
  • Facebook Comments: Allows users to comment on website content using their Facebook accounts
  • Login Widget: Enables the creation of custom login pages, allowing users to add personalized messages, design the layout, and manage redirection after successful logins

And if you thought that’s all, the Nav Menu Widget provides extensive customization options for website menus, including styling adjustments and effects to enhance the user’s navigation experience. Elementor Pro even facilitates direct audience engagement through action links that connect a site’s users with apps such as WhatsApp, Waze, and Google Calendar.

Login Widget for Custom Authentication Pages

The Login Widget in Elementor Pro functions as your website’s gatekeeper. It improves the user experience by offering personalization options for authentication pages. With this widget, you can:

  • Customize form labels
  • Include or exclude ‘Lost Your Password’ and ‘Remember Me’ options
  • Provide personalized messages for users who are already logged in

To create visually appealing elements that can be tailored to match your website’s design aesthetic, consider the following:

  • Typography
  • Link colors
  • Row gaps
  • Button styles

Moreover, with the redirection feature, you can direct users to a specific page after a successful login.

Share Buttons & Facebook Comments for Social Integration

The Share Buttons widget and Facebook Button Widget serve as your website’s ambassadors, allowing visitors to express their appreciation and connect with your website’s content on social platforms, increasing its visibility. The Facebook Page Widget allows for the integration of a Facebook Page’s feed directly onto your website, enhancing your site’s social media presence and engagement.

The Facebook Comments Widget can be integrated into your website pages, fostering user interaction and enriching discussion through social media integration. In addition to Facebook, the Social Icons Widget enables the integration of other social media profiles into a website, expanding the social connectivity options available to users.

Organizing Content with Smart Layout Widgets

Organizing content with Elementor Pro is like arranging books on a shelf. The Tabs Widget allows for the organized horizontal or vertical display of content, improving navigational ease for users. Elementor’s Tabs Widget offers extensive design customization, enabling users to craft tab interfaces that seamlessly blend with their page layouts and styles.

The Sidebar Widget provides the capability to integrate sidebars from a theme directly into Elementor page layouts for consistent design elements across a website. And if you thought that was it, the Table of Contents Widget not only facilitates effortless content navigation but also can be tailored stylistically to align with the site’s aesthetic or adjusted with HTML and CSS for unique personalization.

Tabs & Accordion Widgets for Efficient Content Display

Elementor’s Tabs and Accordion Widgets are like your website’s librarians, managing and maximizing content space by categorizing and displaying information in tabbed interfaces or collapsible formats. You can use the Tabs Widget to neatly organize and present different types of content such as services, step-by-step guides, or blog post categories in a structured, tabbed layout.

The Accordion Widget provides a sleek design for collapsible content sections ideal for FAQs, allowing users to expand and collapse information as needed to make efficient use of the page space. The Toggle Widget allows for the creation of expandable content that visitors can control, with the option to have multiple items open concurrently.

Table of Contents Widget for Easy Navigation

The Table of Contents Widget is like your website’s navigator, enhancing content navigation and accessibility. The widget provides a responsive and collapsible table of contents for mobile devices, ensuring better accessibility and readability across different screen sizes.

Advanced Features and Customization

Elementor Pro unlocks a treasure trove of advanced features and customization options. Imagine being able to add custom icons using the Icon Widget which includes options for FontAwesome icons, custom uploads in SVG format, and the ability to customize size, color, background, and alignment.

Or think about embedding custom HTML, CSS, and JavaScript code through Elementor’s HTML Widget, adding advanced interactivity and styling options to web pages.

Elementor Pro’s Popup Builder offers the following features:

  • Visual, drag-and-drop interface for creating modals, notification bars, and various popup types
  • Access to all Elementor widgets for content building and design flexibility
  • Role Manager that grants the ability to assign specific access privileges to different users, ensuring content and design integrity across various roles.

Management of global widgets includes identifying and customizing widgets for reuse, as well as bulk deletion for efficient organization.

Popup Builder for Engaging Call-to-Actions

Elementor Pro’s Popup Builder is like your website’s billboard, creating engaging call-to-actions for higher conversion rates. The platform’s popup builder offers full design control to create pixel-perfect popups suited for various purposes such as announcements and promotions.

With advanced targeting options, Elementor Pro’s popup builder can effectively guide users towards making a purchase or taking a desired action.

Theme Builder for Overriding Theme Elements

The Theme Builder in Elementor Pro is like your website’s fashion designer, providing a comprehensive solution for designing custom headers, footers, and single post layouts without any coding. Theme Elements widgets within Elementor Pro offer customization capabilities for essential website elements such as headers, footers, and post layouts.

Users can visually design and implement custom headers, footers, and other theme elements site-wide, creating a unique appearance for their WordPress site.

Beyond headers and footers, Elementor Pro’s Theme Builder can also be used to customize other vital site parts, including 404 error pages.

Streamlining eCommerce with WooCommerce Widgets

Elementor Pro is your eCommerce store’s best friend, equipped with specialized WooCommerce widgets that add enhanced eCommerce functionality to various areas of a website. The Theme Builder allows for in-depth customization of WooCommerce elements, including product pages and product archives, thus improving the shopping experience.

Widgets such as the WooCommerce Pages widget, Menu Cart, and Breadcrumbs enhance site navigation and make it easy to display specific WooCommerce pages like the cart or checkout page anywhere on the site.

Elementor Pro provides users with the flexibility to design their product pages using Product widgets and apply customized templates to all or selected products without requiring coding knowledge.

WooCommerce Builder for Tailored Product Displays

Elementor Pro’s WooCommerce Builder offers the following widgets for customizing your eCommerce store:

  • Product titles
  • Images
  • Price
  • Related products
  • Stock information
  • Metadata
  • Short description
  • Content
  • Data tabs
  • Additional information
  • Upsells

With these widgets, you can create custom Single product and Product archive templates for your WooCommerce store.

The Product Stock widget in the WooCommerce Builder enables the display of stock numbers, providing customers with important product availability information.

Add-to-Cart & Product Categories Widgets for Seamless Shopping

The Custom Add to Cart widget and Product Categories Widgets function as your eCommerce store’s personal assistants, enhancing the shopping experience for your customers. The Custom Add to Cart widget can be placed anywhere on the site, providing flexibility in how users interact with shopping functionality. Within the product templates, users can customize the style and position of the product price and the ‘Add to Cart’ button.

Elementor Pro’s Creative Toolkit

Consider Elementor Pro as your canvas, and its creative toolkit as your paintbrush, empowering web designers and artists to construct engaging and visually rich WordPress website experiences using the Elementor canvas layout.

The Gallery Widget allows the creation of dynamic and responsive image galleries with options for animations and captions, adding visual allure to websites.

Hotspot Widgets bring images to life by allowing designers to add interactive areas that reveal more information or details, enhancing the visual storytelling. Advanced design capabilities are offered through widgets like Lottie for integrating animations, Code Highlight for displaying code snippets elegantly, and Mega Menu for sophisticated navigation options.

Hotspot Widget for Interactive Images

The Hotspot Widget in Elementor Pro allows you to create interactive experiences with images by adding hotspots. Here are some key features of the Hotspot Widget:

  • Users can select an image as a background and adjust its size and alignment.
  • Hotspots can be customized with labels, links, icons, and tooltip content that supports HTML.
  • There are options to control the hotspot’s positioning and animation effects.

With the Hotspot Widget, you can create engaging and interactive image experiences on your website.

The Hotspot Widget can be used with images to create interactive spots that provide additional context, information, or external links.

Video Playlist Widget for Curated Content

Elementor Pro’s Video Playlist Widget is like your personal DJ, letting you curate and customize video playlists for your audience.

The Video Playlist Widget allows users to embed videos and present a curated collection of videos in an orderly and accessible manner on their WordPress site.

Optimizing for Conversion with Elementor Pro

Think of Elementor Pro as your website’s personal trainer, helping it optimize for conversions. Using calls to action and pricing strategies effectively is key to converting visitors into customers or subscribers. Elementor Pro offers the following widgets to help you achieve this:

  1. Call to Action Widget: Create interactive boxes with imaginative animations to entice users to take desired actions.
  2. Price Table Widget: Create detailed price tables to showcase your products or services.
  3. Price List Widget: Display product catalogs and menus with pricing, enhancing clarity for purchasing decisions.

With these widgets, you can create engaging and effective elements on your website to drive conversions.

To add to this, Countdown Widgets can instill a sense of urgency for product launches or exclusive offers, and personalized popups via the Popup Builder enable targeted user experiences for higher conversion rates.

Price Table & Call to Action Widgets for Effective Pricing Display

The Call to Action widget in Elementor Pro, akin to a megaphone, is designed to create interactive boxes that engage visitors and prompt them to take action., capturing your audience’s attention and directing them towards the desired actions.

Countdown Widget for Urgency Creation

The Countdown Widget functions as a ticking clock, designed to create a sense of urgency or anticipation for a website’s promotions or events. Users can customize the Countdown Widget by setting a specific end date and time, and they can also style the appearance with colors, typography, and other design elements.

By implementing a countdown timer for promotions, users can prompt visitors to act quickly to take advantage of limited-time offers. The Countdown Widget can be used to count down to the start of an event, helping to build excitement and anticipation as the event approaches.

Personalizing Your Site with Unique Elementor Pro Features

Elementor Pro allows you to infuse a personal touch into your website with its distinctive features. Elementor Pro’s Template Widget enables the incorporation of custom global templates into web pages to apply consistent design elements across them. The Code Highlight Widget presents code in an organized manner, with copy functionality, fostering a unique and educational user experience on developer-focused sites.

Elementor Pro users can:

  • Save individual sections as templates, enhancing the ability to personalize and maintain design consistency with ease
  • Add global widgets to pages by accessing the ‘Global’ tab, improving design workflow and brand uniformity
  • Use the ‘Unlink from global – Unlink’ option to update content for a specific page while using global widgets, giving room for personalization within a coherent design framework.

Code Highlight Widget for Developers

The Text Editor Widget, perfect for tutorials or developer blogs, empowers developers to showcase code examples within their WordPress site. Developers can display well-organized and easy-to-read code snippets on their website, attracting an audience looking for technical content. The widget includes syntax highlighting for a variety of programming languages, ensuring that code examples can be presented in a way that is familiar to developers.

Users have control over the appearance of the code snippets, with options to create custom layouts, change background color, font size, and line height. Custom CSS can be applied to the Code Highlight Widget, allowing for further personalization to fit the brand style or aesthetic preferences.

Template Widget for Consistent Design Across Pages

Elementor Pro’s Template Widget facilitates design consistency across a website by allowing the incorporation of global elementor templates. Elementor’s Smart Layout Widgets include a Template Widget that allows the application of one template across multiple pages for global updates, saving time and effort. Templates can be embedded anywhere on a website using shortcodes, contributing to a streamlined workflow.

The Template Widget in Elementor enables embedding of any Elementor widget into a Gutenberg page, enhancing design flexibility. Elementor Pro offers features like global widgets, which can be customized and used throughout the website for consistent design elements.

Elementor Basic Widgets List

Elementor Pro Widgets List: A Detailed Guide to Every Widget and Module

  1. Inner Section
  2. Heading
  3. Image
  4. Text Editor
  5. Video
  6. Button
  7. Star Rating
  8. Divider
  9. Google Maps
  10. Icon
  11. Image Box
  12. Icon Box
  13. Basic Gallery
  14. Image Carousel
  15. Icon List
  16. Counter
  17. Spacer
  18. Testimonial
  19. Tabs
  20. Accordion
  21. Toggle
  22. Social Icons
  23. Progress Bar
  24. Sound Cloud
  25. Shortcode
  26. HTML
  27. Menu Anchor
  28. Alert
  29. Sidebar
  30. Text Path
  31. Container

Elementor Pro Widgets list

Elementor Pro Widgets List: A Detailed Guide to Every Widget and Module

  1. Posts
  2. Share Buttons
  3. Portfolio
  4. Slides
  5. Form
  6. Login
  7. Nav Menu
  8. Animated Headline
  9. Price Table
  10. Price List
  11. Gallery
  12. Flip Box
  13. Call to Action
  14. Media Carousel
  15. Testimonial Carousel
  16. Nested Carousel
  17. Loop Carousel
  18. Table Of Content
  19. Countdown
  20. Facebook Page
  21. Blockquote
  22. Template
  23. Reviews
  24. Facebook Button
  25. Facebook Embed
  26. Facebook Comments
  27. PayPal Button
  28. Lottie Widget
  29. Code Highlight
  30. Video Playlist
  31. Hotspot
  32. Progress Tracker
  33. Stripe Button
  34. Mega Menu

Elementor Theme Elements list

Elementor Pro Widgets List: A Detailed Guide to Every Widget and Module

  1. Post Title
  2. Post Excerpt
  3. Post Content
  4. Featured Image
  5. Author Box
  6. Post Comments
  7. Post Navigation
  8. Post Info
  9. Site Logo
  10. Site Title
  11. Page Title
  12. Search Bar
  13. Breadcrumbs
  14. Sitemap
  15. Loop Grid

Elementor WooCommerce list

Elementor Pro Widgets List: A Detailed Guide to Every Widget and Module

  1. Product
  2. Breadcrumbs
  3. Product Title
  4. Product Images
  5. Product Price
  6. Add To Cart
  7. Product Rating
  8. Product Stock
  9. Product Meta
  10. Product Content
  11. Short Description
  12. Product Data Tabs
  13. Additional
  14. Information
  15. Product Related
  16. Upsells
  17. Products
  18. Custom Add To Cart
  19. WooCommerce Pages
  20. Product Categories
  21. Menu Cart
  22. Cart
  23. Checkout
  24. My Account
  25. Purchase Summary
  26. WooCommerce Notices

Summary – Elementor Pro Widgets List

In conclusion, Elementor Pro is a potent tool that empowers you to create, design, and optimize your website in ways you never dreamed possible. From visual widgets, layout tools, and eCommerce integrations to personalized features, Elementor Pro offers a plethora of options to turn your website into a masterpiece. Whether you’re a seasoned developer, a budding designer, or a business owner, Elementor Pro is a game-changer that revolutionizes the way you design and interact with your website. So why wait? Unlock the power of Elementor Pro and step into a world of endless possibilities!

Elementor Pro Widgets List: Frequently Asked Questions

How do I use widgets in Elementor?

You can use widgets in Elementor by going to Appearance > Widgets and adding the Elementor Library Widget to the desired area, such as the footer or sidebar. Then, simply select the template or global widget you want to use from the dropdown. Enjoy enhancing your website with widgets!

Can I use Elementor Pro to create custom forms?

Yes, you can definitely use Elementor Pro to create a wide range of custom forms, including contact forms, registration forms, survey forms, and lead generation forms for your website. It’s a versatile tool for designing and implementing forms.

How can I make my website more visually appealing with Elementor Pro?

You can enhance the visual appeal of your website with Elementor Pro by using its visual widgets and advanced styling options. These features can elevate the overall look and feel of your site.

Can I integrate social media into my website with Elementor Pro?

Absolutely! Elementor Pro includes widgets like Share Buttons and Facebook Comments specifically designed to boost user engagement and encourage social sharing for your website. Go ahead and integrate social media seamlessly into your website to enhance user experience.

Is it possible to create a countdown timer for promotions on my website using Elementor Pro?

Yes, you can definitely use the Countdown Widget in Elementor Pro to create a sense of urgency for product launches or exclusive offers. It’s a great way to grab your visitors’ attention and boost engagement.

Take your business to the next level with a Pixel Fish Website.

Check out some of our latest Website Design projects.

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
Why you should use Elementor for your new WordPress Website
Elementor Website Design
11 of the Best Divi Wordpress Theme features you should know

Stand out from your competition with a Pixel Fish website!

Contact us today on 02 9114 9813 or email info@pixelfish.com.au

Small Business Website Packages   | Custom Website Design   |   Ecommerce Websites

Related Blogs

Contact Pixel Fish - Website Design Agency

Get Started with a new Pixel Fish Website

We would love to hear about your upcoming website project

Kevin Fouché, Pixel Fish Director