WidgetKit Pro extends Elementor with widgets and layouts for landing pages, blogs, portfolios, WooCommerce stores, and LMS course sites. Its drag-and-drop controls let marketers, designers, and site owners arrange page sections and adjust available options without writing code.

Layouts and widgets

The collection includes more than 40 widgets overall, with more than 27 additional elements in Pro. WidgetKit also includes more than 29 premium layouts. The template library is available in both the free and Pro versions, with options to preview or import a template in one click. Four LearnDash templates provide starting layouts for course pages.

Content and presentation widgets include animated headlines, buttons with modals, blog carousels and picture layouts, click-to-tweet sections, contact forms, countdowns, galleries, filterable portfolios, pricing tables, sliders, testimonials, team sections, and social sharing. Pro adds Post Tab, Post Carousel, Smart List, Grid Slider, and Headline Slider for presenting posts in various formats.

Commerce and courses

WooCommerce elements cover products, product carousels, categories, and recent products. For course sites, WidgetKit includes elements for LearnDash, LearnPress, and Sensei, including course lists, tabs, and category displays. LearnDash course templates are also available as page-layout starting points.

Animation and page assets

The Lottie Animation element accepts a LottieFiles link or JSON file. Video Popup can show YouTube or Vimeo videos, with an autoplay option. WidgetKit loads CSS and JavaScript for the widgets used on each page, reducing the assets loaded for widgets that are not present. This is intended to limit requests and page weight; results depend on the rest of the site as well.

Widgets are responsive across devices. Each element has available settings for customizing its layout and content.

Start building

1. Install and activate WidgetKit Pro on the WordPress site.
2. Open a page in Elementor and pick a WidgetKit widget.
3. Drag it into the section you want, then configure its content, layout, animation, or display settings.
4. Insert a layout or template when you want a ready-made starting point.
5. Review the page on different devices.