WidgetKit Pro extends Elementor with widgets and layouts for landing pages, portfolios, blogs, WooCommerce stores, and LMS course sites. Use drag-and-drop controls to arrange sections and personalize elements without writing code.

Build pages from layouts and widgets

WidgetKit includes more than 40 widgets, and Pro includes more than 27 elements. The template library lets you preview or import templates with one click. You can also start with one of the 29+ premium layouts and adjust it for your content. Four LearnDash templates are included for designing course pages.

Widgets cover animated headlines, buttons and modals, blog carousels and image layouts, click-to-tweet sections, tilt boxes, video popups, and Lottie animation. Pro elements include Post Tab, Post Carousel, and Smart List for showing posts in tabs, a carousel, or a list.

Present products and courses

WooCommerce elements display products, product carousels, categories, and recent products within Elementor pages. For LMS websites, WidgetKit provides elements and integration for LearnDash, LearnPress, and Sensei.

Control motion and page assets

The Lottie Animation element accepts a LottieFiles link or JSON file. Video Popup can open YouTube or Vimeo videos in a popup, with an autoplay option. WidgetKit elements include controls for customization and are designed to respond across devices.

Conditional asset loading ties CSS and JavaScript to the widgets used on each page. This means the page loads those widgets' assets instead of loading every widget's assets website-wide, reducing requests and page weight.

Start building in Elementor

1. Install and activate WidgetKit Pro on your WordPress website.
2. Open a page in Elementor and select a WidgetKit element.
3. Drag it into the section you want, then set 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 that page uses.