Build more with Elementor
WidgetKit Pro adds a broad collection of Elementor widgets and ready-made layouts for creating landing pages, marketing sections, portfolios, blogs, WooCommerce stores, and LMS course sites. Its drag-and-drop controls are intended for marketers, designers, and site owners who want to create polished layouts without coding.
The plugin includes more than 40 widgets overall, along with premium layouts and a template library. The Pro version also provides more than 27 additional elements, giving you more ways to organize content, present products, and create visual sections inside Elementor.
Design pages with ready-made resources
WidgetKit includes more than 29 premium layouts that can be inserted to help build a complete page quickly. The template library lets you preview or import templates with one click. These resources can provide a starting point for a page, after which you can adjust the available controls to match your content and design direction.
LearnDash templates are also included, with four templates identified in the supplied product information. They are intended to give LearnDash pages a different presentation while keeping the layout work within Elementor.
Use widgets for content and engagement
The widget collection covers common content and interaction needs. Available elements include animated headlines, button and modal sections, blog carousels, blog hover animations, blog image layouts, click-to-tweet sections, tilt boxes, video popups, and Lottie animation.
Pro adds further elements such as Post Tab, Post Carousel, and Smart List. These can help organize posts in tabs, present posts in a sliding carousel, or display posts in a list format. The available controls let you shape sections according to the page you are building.
Support stores and learning websites
For WooCommerce sites, WidgetKit provides dedicated WooCommerce elements for products, product carousels, categories, and recent products. These widgets can help you highlight products, organize category sections, and present recent items within Elementor-built pages.
For education websites, WidgetKit provides elements and integration for LearnDash, LearnPress, and Sensei. This makes it possible to design pages for different LMS setups while using the same Elementor-based workflow.
Add motion without coding
The Lottie Animation element lets you create animated sections using a LottieFiles link or JSON file. Video Popup can display YouTube or Vimeo videos in a popup, with an autoplay option available. These elements provide visual and interactive options for landing pages, promotional sections, and content pages.
Keep page assets focused
WidgetKit uses conditional asset loading. Instead of loading every widget’s CSS and JavaScript on every page, it loads the assets for the widgets used on that page. The stated result is fewer requests and less page weight, supporting a lightweight Elementor workflow and pages designed with Core Web Vitals in mind.
The widgets are device responsive, so sections built with WidgetKit are intended to maintain their presentation across devices. Each element includes control options for customization, allowing you to adjust the layout without writing code.
Installation and first use
- Install and activate WidgetKit Pro on the WordPress site where Elementor pages will be created.
- Open a page with Elementor and choose a WidgetKit element from the available widgets.
- Drag the widget into the desired section and configure its content, layout, animation, or display controls.
- Use a premium layout or template when you want a ready-made starting point.
- Review the page on different devices and keep only the widgets needed for that page.
With this workflow, WidgetKit Pro gives Elementor users a single collection for page sections, content presentation, store layouts, LMS pages, templates, and visual effects.
