Elementor Pro extends the no-code, drag-and-drop Elementor website builder for WordPress with 100+ professional widgets, capabilities, and utilities. Use them to build page content, manage site layouts and navigation, make forms, and customize WooCommerce stores.

Widgets for pages and content

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

Site layouts and reusable elements

Theme Builder tools let you customize headers, footers, posts, archives, and other site areas. Popup Builder works with pop-ups with targeting and triggering options. Dynamic Content connects designs to data sources, and Components let you reuse building blocks across pages and sites with controls over which content collaborators can edit.

Design controls across devices

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. Style options include gradients, box shadows, shape dividers, headline effects, CSS transforms, entrance animations, and image or video masks. Built-in CSS controls support further customization. Revision history lets you review earlier design states, and floating action buttons can stay visible as users scroll.

WooCommerce shop pages

The WooCommerce Builder supports custom product pages, shop layouts, and archives, as well as cart, checkout, and account pages. Product widgets can display details such as images, prices, ratings, stock, and related products. You can also customize purchase summaries and WooCommerce notices to fit the store's layout.

Templates and editing workflow

The Template Library includes full website kits, individual pages, blocks, and pop-up templates. Elementor AI can create custom widgets, sections, full layouts, and WordPress snippets from natural-language descriptions; generated work is described as editable code native to the site.

Install Elementor Pro alongside the Elementor website builder. In the editor, pick a template or start with a blank layout, add widgets, then adjust structure, styles, responsive settings, and effects. Use revision history to review earlier designs before publishing. Developers can extend sites through Elementor's documentation, API, developer tools, and custom code areas. Elementor also works with Gutenberg and with themes that follow WordPress coding standards.