Elementor Pro expands the no-code, drag-and-drop WordPress website builder with more than 100 professional widgets, functions, and utilities. Its editor supports layout, styling, content, forms, navigation, and shop pages for business sites, portfolios, blogs, marketing pages, membership areas, and WooCommerce stores.

Widgets, content, and styling

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

Layout and style settings include gradients, box shadows, headline effects, shape dividers, built-in CSS controls, CSS transforms, entrance animations, and image or video masks. These controls let you adjust the appearance of elements in the editor.

Reusable and responsive design

Variables and Classes help manage colors, typography, and other design elements across a site. Responsive controls and custom breakpoints let you adapt layouts for desktop, tablet, and mobile screens. Revision history tracks designs and lets you return to earlier versions. Floating action buttons can stay visible as visitors scroll.

The Template Library has complete website kits as well as page, block, and pop-up templates. Elementor AI can generate custom widgets, sections, full layouts, and WordPress snippets from natural-language descriptions. Its generated work is described as production-ready, editable code native to the website.

WooCommerce page customization

The WooCommerce Builder supports customization of product and shop pages, archives, the cart, checkout, the My Account area, purchase summaries, and WooCommerce notices. These tools let you adjust the presentation of customer-facing store areas to fit a site's content and design.

Using Elementor Pro

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

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.