Elementor Pro extends the no-code, drag-and-drop Elementor website builder for WordPress. Its 100+ professional widgets, capabilities, and tools let you shape page content, website layouts, forms, navigation, and WooCommerce store pages. The toolkit suits business sites, portfolios, blogs, marketing pages, membership areas, and online stores.

Widgets and website layouts

Posts widgets display blog content in customizable layouts, while Portfolio widgets present projects. Slides, galleries, media and testimonial carousels, flip boxes, calls to action, animated headlines, and pricing components offer ways to organize various kinds of content. Pro also includes tools for forms, login areas, WordPress menus, price tables and lists, and share buttons.

Theme Builder tools personalize areas such as headers, footers, posts, and archives. Popup Builder supports pop-ups with targeting and triggering settings. Dynamic Content connects designs to data sources, while Components let you reuse building blocks across pages and sites. Custom CSS and code areas, custom fonts and icons, and motion effects provide further options for extending a styling.

Design controls and responsive editing

Variables and Classes help manage colors, typography, and other design elements consistently across a site. Responsive controls and custom breakpoints let you adapt layouts for desktop, tablet, and mobile screens. Style settings include gradients, box shadows, headline effects, shape dividers, CSS transforms, entrance animations, and image or video masks.

Revision history lets you review earlier design states and return to a previous version. Floating action buttons can remain visible as visitors scroll. The Template Library includes full website kits, single pages, blocks, and pop-up templates. Elementor AI can also generate custom widgets, sections, full layouts, and WordPress snippets from natural-language descriptions; the generated code is editable.

WooCommerce store pages

The WooCommerce Builder supports customization of product pages, shop pages, archives, the cart, checkout, and the My Account area. You can also adjust purchase summaries and WooCommerce notices to fit the store's content and visual design.

Getting started and extending the editor

Install Elementor Pro alongside the Elementor website builder in your WordPress site. Open the Elementor editor on a page or supported site area, choose a template or start with a blank layout, then add widgets from the editor panel. Adjust the structure, styling, responsive settings, and effects. Use revision history to review earlier design states before publishing.

Developers can extend Elementor through its documentation, API, developer tools, and custom code areas. The editor works with Gutenberg and with themes that follow WordPress coding standards.