WidgetKit Pro for Elementor Page Building

WidgetKit Pro extends Elementor with widgets, layouts, and templates for landing pages, blogs, portfolios, WooCommerce stores, and LMS course websites. Marketers, designers, and site owners can arrange sections with drag-and-drop controls and personalize components without writing code.

Start with a layout or select widgets

WidgetKit includes 40+ widgets overall, with 27+ additional elements in Pro. It also includes 29+ premium layouts. The template library, available in both the free and Pro versions, lets you preview or import templates with one click. Four LearnDash templates are listed for course pages.

Present posts and page content

Widgets cover common content and interaction needs, including animated headlines, buttons with modals, blog carousels and picture layouts, click-to-tweet sections, galleries, portfolios, pricing tables, testimonials, team sections, countdowns, sliders, and social sharing. Pro elements such as Post Tab, Post Carousel, Smart List, Grid Slider, and Headline Slider arrange posts in tabs, lists, grids, carousels, or headline sliders.

Build store and course sections

WooCommerce elements include Woo Products, Woo Product Carousel, Woo Categories, and Woo Recent Product for displaying products, categories, and recent entries. LMS elements and integrations cover LearnDash, LearnPress, and Sensei. The collection includes course lists, course tabs, and category displays for these platforms, along with additional LearnDash elements for course banners, certificates, enrollment, progress, resources, curriculum, instructors, and related courses.

Add animation and video

The Lottie Animation element accepts a LottieFiles link or JSON file. Video Popup can show YouTube or Vimeo videos in a popup, with an autoplay option. Other visual elements include animated headlines and Tilt Box effects.

Load assets for the widgets in use

WidgetKit uses conditional asset loading: each page loads CSS and JavaScript for the widgets used on that page. The stated effect is fewer requests and less page weight. Its elements are device responsive and include customization controls.

Install and begin building

The listed minimum requirements are WordPress 6.0 or later, Elementor 3.0 or later, and PHP 7.0 or later. The recommended requirements are the latest WordPress and Elementor versions and PHP 7.4 or later.

1. Install and activate WidgetKit Pro on the WordPress website where you will create Elementor pages.
2. Open a page in Elementor and choose a WidgetKit element.
3. Drag it into the desired section and configure its content, layout, animation, or display controls.
4. Insert a premium layout or template when you want a ready-made starting point.
5. Review the page on different devices and keep the widgets needed for that page.