Elementor Pro

Elementor Pro extends the Elementor drag-and-drop builder for WordPress with more than 100 professional widgets, features, and tools. Use them to create page content, shape site-wide layouts, make forms, and customize WooCommerce pages for business sites, portfolios, blogs, marketing pages, membership areas, and stores.

Build pages and organize content

Choose widgets to suit the material on each page. Posts widgets display blog entries in adjustable layouts, while Portfolio widgets present projects. Slides, galleries, media and testimonial carousels, flip boxes, animated headlines, calls to action, pricing components, countdowns, and tables of contents offer various ways to structure information.

Other tools support forms, login areas, WordPress menus, share buttons, price tables, and price lists. Theme Builder lets you customize headers, footers, posts, archives, and other website areas. Popup Builder adds targeting and triggering options for pop-ups. Dynamic Content connects designs to data sources, and Components can be reused across pages and sites with controls for which content collaborators can edit.

Apply a consistent design

Variables and Classes help manage colors, typography, and other design elements across a site. Responsive controls and custom breakpoints let you adjust layouts for desktop, tablet, and mobile screens. Revision history lets you review or restore earlier design states, while floating action buttons can stay visible as visitors scroll.

For visual details, the editor includes gradients, box shadows, shape dividers, headline effects, image and video masks, CSS transforms, entrance animations, and built-in CSS controls. Custom fonts and icons, custom code areas, and Notes add further options for styling, extending, and discussing designs.

Start with a site kit, page, block, or pop-up template from the Template Library, or begin with a blank layout. Elementor AI can create custom widgets, sections, full layouts, and WordPress snippets from natural-language descriptions; the generated work is described as editable code native to the site.

Customize WooCommerce pages

The WooCommerce Builder lets you adapt product pages, shop layouts, archives, the cart, checkout, and the My Account area to a shop’s content and design. You can also customize product details, purchase summaries, and WooCommerce notices.

Use Elementor Pro in WordPress

Install Elementor Pro alongside the Elementor website builder. In the Elementor editor, open a page or supported site area, choose a template or blank layout, and add widgets from the panel. Adjust the structure, styling, responsive settings, and effects, then use revision history to review earlier versions before publishing.

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