Elementor Pro

Elementor Pro includes more than 100 professional widgets, capabilities, and tools to the no-code, drag-and-drop Elementor site builder for WordPress. Use them to shape pages, website-wide layouts, forms, navigation, and shop pages for business sites, portfolios, blogs, marketing pages, membership areas, and WooCommerce stores.

Widgets and controls for page styling

Posts widgets arrange 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 elements help organize various kinds of content. Other tools cover forms, login areas, WordPress menus, price tables and lists, and share buttons.

Theme Builder tools customize areas such as headers, footers, posts, and archives. Popup Builder works with pop-ups with targeting and triggering options. Dynamic Content connects designs to data sources, and Components let you reuse shared building blocks across pages and websites with controlled content editing.

Style settings include gradients, box shadows, headline effects, shape dividers, built-in CSS controls, CSS transforms, entrance animations, and picture or video masks. Custom CSS, code, fonts, and icons provide further options for site-specific adjustments.

Design settings across pages and devices

Variables and Classes help keep colors, typography, and other design elements consistent across a site. Responsive controls and custom breakpoints let you adjust 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 users scroll.

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

WooCommerce layouts and page content

For a WooCommerce store, the builder can customize product and shop pages, archives, the cart, checkout, the My Account area, purchase summaries, and store notices. Product widgets can present details such as pictures, prices, ratings, stock, and related products within layouts that match the rest of the site.

Install and use Elementor Pro

Install Elementor Pro alongside the Elementor website builder. In the Elementor editor, select 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 with its documentation, API, developer tools, and custom code areas. The editor works with Gutenberg and with themes that follow WordPress coding standards.