Elementor Pro extends the no-code, drag-and-drop Elementor website builder for WordPress with 100+ professional widgets, features, and utilities. Use them to build page content, manage site layouts and navigation, create forms, and personalize 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 supports pop-ups with targeting and triggering settings. 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 picture 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 store 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, choose a template or start with a blank layout, add widgets, then adjust structure, styles, responsive options, and effects. Use revision history to review earlier designs before publishing. Developers can extend websites through Elementor's documentation, API, developer tools, and custom code areas. Elementor also works with Gutenberg and with themes that follow WordPress coding standards.
