elementor page builder wordpress icon

The #1 WordPress Page Builder

Join 800,000+ users that enjoy the free & easy way to design WordPress websites.

elementor-page-builder
Play Video

Faster than others

No more drag, drop & wait. Elementor lets you design on the frontend with instant, real time results

Free & open source

Elementor is the first full free & open source frontend page builder, that includes full access to all the design features you might need

Easy to use

Every control has been meticulously selected to provide the best user experience and allow you to design at record speeds

No coding

Reach high-end designs, without coding. The resulting page code is compact & optimized for every device and screen

Featured on

Any Theme. Any Page.

Use Elementor with your favorite or customized theme. Change themes and still keep all your designs. Landing pages, homepages, posts, portfolios, products. Elementor can be used to design any page or custom post type on WordPress.

Pixel Perfect

Total Customization Over Layout

Section width & height

Go beyond the oversimplified and generic page designs, by having more control over the various sections. Elementor’s page sections make up the basic architecture of the page, and allow you to reach a level of design reserved until now for high budget custom designed websites.

Elementor layout
resize columns

Resize columns

Tinkering with the size of the columns has never been easier. Grab one of the corners and drag it until the column layout is just right. You can also choose from default settings and easily add more columns to the row. Elementor is the best page builder for WordPress, giving you complete control over the height and width of your columns.

Column & content position

With Elementor, you can position the column on the top, center, and bottom of a section, or stretch it out across the entire section. You can also position the content within the column in the same manner. This unique feature gives you the freedom to create a design that is far more customized.

Elementor strach columns
pading-margin

Padding & margin setting

Set the padding & margin for sections, columns & widgets, using px, EM or %. This feature is unique to Elementor. Without using % or EM, the heading you set may end up looking huge in mobile. Our dynamic size settings let you take full advantage of the various scaling possibilities.

Column gap

Change the gaps between columns in order to let your design breathe. By resizing the the same time, you can try out different column layouts, and visually decide which one fits best. This setting is amazingly simple to customize, but makes a huge difference on the final outcome.

Elementor columns gap
Template Library

Design it. Save it. Reuse it.

Choose from a wide variety of beautifully crafted templates, designed to fit every industry and need.

ls
icon-predesign

pre-made templates

Instead of starting from scratch, use our pre-designed templates to jumpstart your design process or get inspired.

icon library

Save your design

Save your page designs as templates, and reuse them on other pages. This can really speed up your workflow.

icon-export-import

Export & Import

You can export any template, and import it for use in other websites. This lets you share your templates with other designers.

Elements

With Elementor you get the complete package of widgets, for free. We’ve included advanced widgets like Carousel, Google maps and many others.

Customizable widgets

Elementor includes many useful widgets, that have been custom made to work inside the live page builder. From changing the overlay of button colors to controlling the spacing inside the progress bar, there are endless design possibilities to explore.

3rd party widgets

Include your favorite plugins and WordPress widgets automatically, and simply drag and drop them into the page. This means that you do not need to do any coding whatsoever in order to embed them inside Elementor WordPress page builder. Advanced styling will also be available for these widgets.

Here Are Our Little Design Helpers

Columns
Heading
Image
Text Editor
Video
Button
Divider
Spacer
Google Maps
Icon
Image box
Icon Box
Image Gallery
Image Carousel
Icon List
Counter
Progress Bar
Testimonial
Tabs
Accordion
Toggle
Social Icons
Alert
SoundCloud
Shortcode
HTML
Menu Anchor
Side Bar
Wordpress Widget
Posts
Portfolio
Call To Action
Nav Menu
Price Table
Template
Media Carousel
Woo - Products
Woo - Categories
Woo - Add to Cart
Woo - Elements
Author Box
Post Comments
Breadcrumbs
Web Designer

Pixel Perfect With No Coding

We built Elementor with the designer in mind, to create a page builder that enables designers to reach high-end premium designs, without having to use CSS or code

icon-time

Save time & money

HTML took ages, WordPress took days, Elementor takes hours. Deliver complete websites to clients faster than ever

icon-pixel

Pixel perfect design

Don’t settle for default layouts. Control every pixel and reach the exact design you had in mind, on the pixel level

icon-icons

400+ Awesome icons

Choose from over 400 unique icons and customize them to fit your style. Use Icons to make your page more visualy appealing

icon-grid

Border & background

Control everything that is inside and around your widgets, with Elementor’s border & background settings

icon-typo

800+ Google fonts

A visual page builder really comes in handy with fonts, as you can experiment with matching different fonts like never before

icon-rgb

Color palettes

Maintain a consistent color pallet through the various pages within the website with Elementor’s automatic color control

Mobile Friendly

The term ‘responsive design’ has been worn out, but Elementor lives up to the promise, with device preview screens, percentage based element widths and device visibility control. 

mobile-n-tablet
Web Developer

Extendable & Developer Friendly

Elementor offers developers the freedom to customize and extend it and can become a useful plugin for developers that don’t want to be chained to a theme.

icon-github

Open source

Released as open source and GPL, Elementor enables developers to extend and improve it

icon-php

High quality code

A plugin’s quality depends on the code it is built on. We made sure Elementor is built with the best code architecture in mind

icon-search

SEO optimized

Elementor is based on the most recommended coding standards, making your pages SEO optimized out of the box

icon-rtl

Translation & RTL

Elementor fully supports languages and RTL pages. It also supports translation plugins like WPML and Polylang

icon-api

Born for expanding

Elementor uses the power of the WordPress community to incorporate new widgets, plugins and integrations

icon-html5

Custom CSS

Create your very own custom CSS for sections, rows, columns and widgets, and add them easily to your page