elementor / elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.

Welcome to the Elementor GitHub repository!

Elementor is the most advanced front-end drag-and-drop website builder. Create high-end, pixel-perfect websites at record speeds. Build any theme, any page, and any design with no code.

Introducing a WordPress website builder with no limits of design. A website builder that delivers high-end page designs and advanced capabilities never before seen on WordPress.

It's time for Elementor Website Builder.

The leading website builder for any purpose

Whether you are a web designer looking for a way to achieve pixel-perfect websites, a marketer looking to get online fast, or a developer who wants to expand their capabilities, Elementor's website builder has what you need - intuitive drag-and-drop Editor, advanced design features and a complete open-source approach.

There are many other features to help you build better websites. Join the elite web professionals who enjoy Elementor Pro!

Elementor Roadmap

Discover what's Next in Elementor. Visit the Elementor Roadmap and learn about the status of upcoming or newly-released features.

Developer API

Elementor website builder is free and open source. It's the perfect plugin to extend and integrate further. It was envisioned with the developer in mind, and we have already seen some truly remarkable addons created by many skilled developers.

To help you get started and learn just how to integrate with Elementor, we have created the official Elementor Developers Center.

Check the Developers Blog to discover the latest information from our engineers working on the newest Elementor versions, or visit the Developers Documentation to learn how to extend Elementor and create your Addons.

Developers Community

Join our Developers Community and share tips, tricks, and knowledge with other developers about extending and developing Addons for Elementor.

Be a Contributor

Community contributions are always welcomed and help us remain the Number 1 WordPress Website Builder. Feel free to answer questions on GitHub and within the various Elementor communities.

There are many ways to contribute to Elementor:

Contribution Guidelines

Please read our Contribution Guidelines to learn the best practices for contributing to Elementor.

Bug Report

If you found a bug in the source code and can reproduce it consistently after troubleshooting it, you can help us by submitting a Bug Report.

Even better, you can submit a Pull Request with a fix, and we will happily review it.

Security Report

Join our community-driven Bug Bounty programs.

We leverage the collective expertise of our community, offering round-the-clock crowdsourced vulnerability detection. The programs provide a comprehensive overview of features and endpoints considered 'in scope,' reward specifics where relevant, and our complete terms and conditions.

To learn more about our security efforts, visit our Trust Center. Security issues can be reported through our dedicated Bug Bounty Programs page.

Feature Request

Do you have a brilliant idea, enhancement, or feature you would love to see in Elementor? We're all ears!

Suggest new ideas, features, or enhancements by submitting a Feature Request.
You can also support existing ideas by voting for your favorite requests.

Translate

The Elementor User Interface was designed with a global audience in mind. It supports a wide range of languages and is also RTL compatible. Out of the box, we offer support for over 60 languages.

Want to make a difference?
We would appreciate your contribution by adding a new language or helping translate existing ones at translate.wordpress.org. To assist you, we've built a short guide explaining how to translate and localize the plugin.

Support

Need Help, Guidance, Assistance, or Support?

Use one of the support channels below to find solutions to your questions and get assistance.

Note that we are unable to offer any support through this repository.

Please DO NOT open issues or discussions to request support.
For those, use the appropriate channels.

Find out how to submit a Support Ticket here.

Alternatively, you can visit one of these resources:

• Help Center
  Visit the Elementor Help Center to find solutions to the most frequent problems, or read the documentation about Elementor's many features.
• Academy
  Grow your Web Creator skills and learn to make the most of Elementor in the Elementor Academy.
• Global Community
  Join the Elementor Global Community on Facebook. Where all kinds of users come together to help each other.
• Support Forum
  If you have more questions, visit the free Support Forum on our WordPress plugin page.
• Elementor Website
  For more information about features, FAQs, and documentation, check out our website at Elementor Website Builder.

If you have an active Elementor Pro subscription, you are entitled to personal support. Please see your purchase email or visit your Elementor Account page for details.

Liked Elementor?

• Join the Elementor Global Community on Facebook.
• Learn from our tutorials on Elementor's YouTube Channel.
• Or rate us on WordPress. It would mean the world to us! :)

elementor's Issues

Don't work in Microsoft Edge & IE11

subj :(

No folder for translation files

There is no folder defined for translation files, if one would want to load its own files, it must be on the plugin root folder.

Pages and Sections Templates

Could be available on the same list of widgets, but separated with the titles "Page templates" and "Section templates".

Page Templates would be a pre-built page, with sections and widgets pre-configured and styled.

Sections Templates would be small parts of that page with widgets pre-configured and styled.

Imagine your elementor.com website with each of that sections pre-built to just drag & drop and change text and images. For non designers this would be a wonderful help. I would like to provide a set of built in designs and let the user customize entirely if they really want.

For both Pages and Sections Templates, we could elaborate using the editor and save the content into a JSON file inside the theme folder. This will be loaded by the Elementor to list on the Page or Section Templates available from my theme. Advanced Custom Fields does that for example, there I can create forms and save them inside the theme folder as a JSON files to let ACF open it and use, I can edit my forms on my local version and the plugin updates the content on the JSON files, when I deploy the updates, the new setup inside these JSON are available instantly.

Image widget link-to field UX

I would expect to see here the same functionality as is wordpress image library.

Replace the "Link to" input field with a select box with 3 options: image url, custom url, none;

And when the user select the "custom url", he will see a new input field where he can enter the url.

Elementor seems to get stuck while loading

Been stuck on this screen for 10+ mins. Tested in firefox and chrome. Tried refreshing.

== Server Environment ==
    Operating System: Linux
    Software: Apache/2.4.10 (Debian)
    MySQL version: 5.1.73
    PHP Version: 5.6.14-0+deb8u1
    PHP Max Input Vars: 1000
    PHP Max Post Size: 64M
    GD Installed: Yes

== WordPress Environment ==
    Version: 4.5.2
    WP Multisite: No
    Max Upload Size: 64 MB
    Memory limit: 40M
    Permalink Structure: /%postname%/
    Language: en-GB
    Timezone: Europe/London
    Debug Mode: Inactive

== Theme ==
    Name: Twenty Fifteen
    Version: 1.4
    Author: the WordPress team
    Child Theme: No

== User ==
    WP Profile lang: en_GB
    User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36

== Active Plugins ==
    Elementor
        Name: Elementor
        Version: 0.2.4
        Author: Elementor.com

    Localendar Calendar for WordPress
        Name: Localendar Calendar for WordPress
        Version: 1.1.9
        Author: Thomas Griffin, localendar

    Paid Memberships Pro
        Name: Paid Memberships Pro
        Version: 1.8.6.8.1
        Author: Stranger Studios

    SEO Rank Reporter
        Name: SEO Rank Reporter
        Version: 2.2.2
        Author: David Scoville

    Ultimate Under Construction page
        Name: Ultimate Under Construction page
        Version: 1.9
        Author: HappyKite, Morrowmedia

    Yoast SEO Premium
        Name: Yoast SEO Premium
        Version: 3.0.7
        Author: Team Yoast

Resize the editor pane

The editor pane is too narrow when using the text editor widget or any textarea. The ability to make it wider would be good.

Elementor never loads

We're exploring Elementor as a page builder and aren't able to work with it because upon editing the standard WordPress sample page, it hangs on the loading graphic indefinitely.

The test site is using PHP Version 5.5.35 and MySQL 5.1.73 with WordPress 4.5.2. The only outside plugin is WooCommerce with 2.6.0. Running on Media Temple on its own database.

body class

Add a body class (e.g. elementor-page) to pages modified with Elementor.

Elementor doesn't work

Hello,

I just installed Elementor and when I'm trying to edit a page with the builder I get this

The entire page is empty with just one button, any clue?

Icon font manager

Ability to add your own icon fonts. Just uploding a zip with the font files, the css file and a conf file with the list of icon classes (maybe a json). And to remove the default font awesome (if the user wants).

New Widget: Image Gallery

Is it possible to create our own element?

New Widget: Testimonial

Global Font settings are not working

Updating Primary, Secondary Headline, Body text, Accent text settings make no effect

Add option to enable/disable global fonts

I need disable google fonts because my theme that controls my fonts.

Ideas!

Ideas, I have a ton of them. I post all here?

Hook to filter font icons

The control Icon does not allow me to change the set of icons available, its use font Awesome but my theme works with the Material Design Icons set. A simple hook to let me filter this list would be enough.

Configurations saved as JSON for Theme builders

I could configure the Elementor with my default options for Color Palette, Grid and others including all Widgets setups too, every element available on the elementor panel, they could be saved as a JSON file inside my Theme. If Elementor founds this/these files on the theme, it loads the content and use as defaults options for my theme. This option would be useful to make all the elements offered by the Elementor, perfectly combine with the styles of my Theme. Instead I let the user set the style of a widget to combine with the theme, i could pre-set this to them.

Advanced Custom Fields does that for example, there I can create forms and save them inside the theme folder as a JSON files to let ACF open it and use, I can edit my forms on my local version and the plugin updates the content on the JSON files, when I deploy the updates, the new setup inside these JSON are available instantly.

New Widget: SoundCloud [audio]

Element Animation (fade/slide in/out etc..)

Template Library

Options:

• Add option to save page content as a template in to the template library area (CPT)
• Export template file (json)
• Import template file (json) to the library
• Remove template from the library
• Editing template: title, content (?)

New Widget: Icon Box

WP gallery and elementor galery

Hi, I'm test Elementor Version 0.2.3 and Wordpress 4.5.2.

First: I tried to insert the default WP gallery in the frontend editing process, but only the shorcode is rendering. Is that a knowing Bug?

Second: Where can I find the elementor gallery widget? It isn't listed in the widget pallet.

Bug with progress bars

Everytime that a progress bar (component of elementor) enter or leave of screen is added the text (content of bar) inside it.

Set Custom Media Query Breakpoints

It would be great if one could set custom media query breakpoints from the WP admin. Thanks!

add price table!

Possibility of Elementor have a price table?

Initial test

Hey

Man I was impressed by your launch page and included demos. So much so that I wanted to take your plugin for a test run and share my initial test along the way.

I have just installed Elemontor. Having clear "arrows" where to go next is helpful.
Some plugins add a settings like so: Activate I Edit I Delete I Settings to make is fully clear where the settings for the plugin is located. (For those people who have too many plugins in the left sidebar and just can not locate it..:)

Nice Elementor icon!
Elementor settings page is the first page the user likely sees. Use it to promote the plugin features. Add some documentation a 5 minute video tutorial showing where to go from here OR/And some initial instructions that can be hidden away. Remember the user will not even have tested the plugin yet so it is good to give some guidance on what is next. As right now it is unclear on how to proceed.

I went to one of my posts.
A very huge red button seems almost like it is flashing in my face sits right below the Permalink.
I am looking at making the button smaller.
Such as

`

elementor-switch-mode button.elementor-switch-mode-button {

padding: 0 30px;
height: 40px;
/* line-height: 50px; */
width: 150px;

}
`

Pushing the text perhaps within 5 px of the left edge of the button.
Make the button a little smaller please.

Pressing to turn on the Elementor shows for a second the backend content screen then jumps to the frontend. Wow that was quick!

I first began clicking some of the Elements and nothing happened. Tried clicking the site title, top menu some images..nothing happened. Scrolled down and noticed that I could click within the content... Well I was editing the post content so that seems natural.

The content was seen within a tinymce Visual editing box very similar to the backend tinymce. I noticed the arrow pointing left and clicked it. It removed the Elementor section on the left. I moved the cursor on the edge between the two areas thinking that I could extend the Elementor section but that I could not do. That meant I saw this cramped area on the left showing the post content.
I clicked inside the post content right side box again thinking I could edit the text directly on the page but that did not work. I have to edit the content on the left.

** Editing content directly on the page in the right section along with inside the Elementor section to the left.

An inline toolbar showed up showing a pencil/edit - copy icon - x delete. This showed up every time I clicked inside the content. Not sure why right now....

Column-> Section-> duplicate and delete

I clicked column. Clicked classic whatever that means.

Clicked color and no change was seen in the content on the right. Then I noticed that there was an image saying some words. I clicked Image and changed it for something else and then deleted the image and the background color was seen. Perhaps start out with no image? So the background color is seen right away.

** Start with no image so using border color it is seen right away.

Border type, and then selecting a color. When I select a border color I want to see the effects right away. So default after having selected color could be to have 1 px locked so that I see right away the Width box right above.

** Selecting border color have a default border width show up in the border width box, so the border is seen right away.

I continued experimenting...

I dragged a column element into the content and dropped it. I dragged another as well. I have to column elements. Dragged an image element into it and found an image. I dragged a text block and dropped it below the image element in the same column.
I thought I would be able to click the image and resize it but that did not work. I Tried resizing the text element that did not work. I can resize columns but it seems I can not resize other elements. Ahh there is a spacer element that is neat.

What I missed.
Dragging out the Elementor section making it bigger to have more space to edit whatever I have selected on the right side.
Editing the full page if possible - Title, logo, menus etc etc.... Hmm might be a bit much to ask for.

I clicked a structure section in the Edit Section and it showed a down arrow structure showing a grey box. I am guessing something will happen when I click the correct area.

Add New Section...

Very neat! Creating a column like structure area.

I am going to stop writing now and just continue experimenting...

The bottom line....well I might have readjusted some of the stuff I mentioned above. It is so very important to work on consistency. Select your structure seems similar to columns.
There was some confusion at various points. It is great to see the various widget/elements I have not tried out yet. Some of the hurdles kinda put me out but with anything new it just takes a while to get into it. Hopefully the enjoyment is bigger then the learning hurdles.

Ok just a few more things.
When to edit when to preview. Adding a toggle It would be nice with a in your face tooltip a play icon to preview it.
Button. Type - switch this to select color wheel thingie. Border radius. Border color. Other options look nice!

Text/Visual editor

Some of my shortcodes need to be included as inline elements within paragraphs. Elementor's version of TinyMCE(?) seems more custom than WP's implementation, so shortcode buttons which normally allow me to place shortcodes are not being included.
Also, please allow full screen in the Text editor view. Consider manual control over adjusting the width of Elementor's toolbar – so constraining. Thanks!

Responsive font sizes

There is no option to set different font sizes for desktop and mobile on each widget. For some large elements like Quotes and Titles for example, this could be useful to stay readable on mobile. Maybe if the Responsive section on the Advanced tab could list additional font sizes for text elements found on that widget.

New Widget: Social Icons

Section: Backgorund Overlay for image and video background

New Widget: Carousel Gallery

Like a WordPress gallery but in the carousel display

New Toggle Control

Control Checkbox could be a Switcher/Toggle instead of a simple checkbox, or maybe another control.

Front-end style and px unit

Hi,

First of all, thank you for this amazing plugin it is incredible fast.

Second of all, I notice that in front-end.css the media queries are in px, there is a particular reason for that? Using the rem unit will make the page and elements more responsive and accessibility.

The same question is for paddings and font sizes.

Modify output of widgets

I would like to modify the html output of existing widgets and the core elements "column" and "section" to make use of frameworks like Bootstrap or ZURB Foundation.

Visual Composer does this for example with its function vc_set_shortcodes_templates_dir to view the custom folder for template files.

Image Box text-alignment

The "justify" option for the content in the Image Box adds the css text-align: block to the code. This must be text-align: justify.

What I would like to see, is a different alignment for the header and the content.

Thanks
Thomas

Save reperate settings per viewport?

Hi,

I was impressed with the quick pace that elementor enabled me to literally throw a page together and having things like font size sliders takes a lot of save/refresh/repeat time off the task. However, I think the full potential of that would be reached if the font and icon sizes could be saved individually for all viewports. A little checkmark on the respective device view saying "override viewport settings" would enable us to create perfectly aligned responsive websites in a lot less time.

I wanted to collect some opinions on that. Can someone think of a downside?

New Widget: Image Box

Does it work with Custom Post Types and Custom Fields?

Hi Pojo Team,

At first, thanks for gifting this awesome tool to the community.
My question is 'Does it work with Custom Post Types and Custom Fields'? To explain further, I am asking about the features that we get with wp-types Views plugin.

IMO, it would be really a great and revolutionary feature if you add this(if not already present) into elementor.

Video background disappears when using min height adjustment

When using a background video mp4 in a section, if I set the height to minimum height option, then use the slider, the video disappears. I have to exit and come back in to see the video again. I'm using Elementor with GeneratePress theme locally with DesktopServer.

Is it possible to add animation to images?

How to add a new widget?

Hello, first of all, great plugin, I rated 5 stars :)
I would like to add a new widget, but I can not declare my file, I use the following code:

function new_widget() {
    
    $build_widgets_filename = [
        'widget1',
        'widget2',
    ];

    foreach ( $build_widgets_filename as $widget_filename ) {
        include( $this->plugin_path . 'includes/widgets/' . $widget_filename . '.php' );

        $class_name = ucwords( $widget_filename );
        $class_name = str_replace( '-', '_', $class_name );
    }

}
add_action( 'init', 'new_widget', 20 );

But this code does not work, can you help me?
Thank you a lot :)

New Widget: Slideshow Gallery

Trello Public Roadmap and Ideas

Hi Folks,

Any chance of having a public Trello board with the Roadmap and a voting system of future features? I believe there are several collaborators and have a vision of what needs to be done help collaboration and also testing.

Add Parallax Background effect for section

Using Elementor with front page widget locations in Genesis child themes?

(Edit)

What about adding Elementor widgets to widget locations in a theme?
Meaning use it as a page builder and as a widget builder like https://wordpress.org/plugins/so-widgets-bundle/ It would have a nice double function. Elementor widgets would be available in multiple ways.

The thought is that Genesis has a lot of widget locations for the front page. Using Elementor to add widgets directly into the widget locations would be great.

An example from Genesis is the following tutorial I have been readjusting: http://easywebdesigntutorials.com/customizing-altitude-pro-genesis-child-theme/

It is a popular one page Child theme named Altitude Pro. It contains multiple front page widget locations and it contains multiple background images one can insert through the customizer. Insert the background images and these show up in the front page widget locations (as long as there is a widget in the specific location).

It would be great to insert Elementor widgets into widget locations of the front page of Altitude Pro.

This would mean having an additional tabbed panel inside the Appearance -> widgets settings.
Which could say Elementor. Click it to see the various widgets available. Click or drag it to a widget location in whichever theme your using.

(A use case.)
Today many of the Genesis child themes have a documentation for setting up the demo content. Usually a text widget using html for creating a button, links and more. Not easy for a beginner to get into. It would be a lot easier to use Elementor to add widgets instead of using text widgets.

Negative letter-spacing

The Letter Spacing control accepts only positive values, but sometimes I receive layout designs using negative values on title texts, a little compressed like for example -0.03em or -0.5px that outputs the same spacing.

Javascript click events

The Elementor click events override the widgets click events. For example there is no way to see tab 2 of the tab widget. And it would be useful to see tab 2 etc. while editing it's content.

A related idea would be make it possible to navigate to other pages using the site navigation (like the wp customizer does).

Add Gradient capability for Background control

adding shortcodes into the tab doesnt work

I tried adding shortcodes into the tab feature and it's not working.