You are receiving this error message because you are trying to install Elementor as a theme whereas it is a plugin.
You have to install it via 「plugins」 and not via 「Appearance > theme」 on your WordPress Dashboard:
Installation
Installing Elementor Pro
Please note also that you have to install Elementor free as well so that Elementor Pro can work given that the latter is an extension of the former.
The Progress Bar Widget allows you to add fully styled, animated progress bars to your page.
Content
Progress Bar
Title: Enter the title text that is displayed above the progress barType: Select a standard type, which sets the bar color (color can be changed under the Style tab). Choose from Default, Info, Success, Warning, or DangerPercentage: Set the completion percentage numberDisplay Percentage: Show or hide the actual percentage number text at the end of the barInner Text: Enter the text to be displayed within the bar
Style
Progress Bar
Color: Change the color of the barBackground: Choose the color of the background of the barInner Text Color: Choose the color of the text to be displayed within the bar
Title style
Color: Choose the color of the title text that is displayed above the progress barTypography: Set the typography options of the title text
Advanced
Set the Advanced options that are applicable to this widget
The Divider Widget allows you to add styled horizontal lines that divide your content.
You can choose either the standard line with nicely styled effects, or select from a variety of 25+ SVG dividers for enhanced design styling.
In addition, you can include text or icons before, after, or in the middle of your divider.
Content
Style: Choose between many classic and patterned styles, such as solid, curly, wavy, tribal patterns, arrows, pluses and more.Width: Control the width of the divider as percentage from 0 to 100 percent.Alignment: Align the divider to the left, center or right of the page.Add Element: Select from None, Text, or Icon. Select Text or Icon allows you to either enter the Text to be included or select or upload an icon from the Icon Library.
Style
Divider
Color: Choose the color of the dividerSize: Set the size/height of the divider, from 1 to 100, in either pixels or as a percentageAmount: Set the number of patterned elements to showGap: Slide to set the gap above and below the divider, from 1 to 50
Text
Color: Choose the text colorTypography: Set the typography options for the textPosition: Choose the position of the text in relation to the divider, selecting from Left, Center, or RightSpacing: Slide to add space between the text and the divider line, from 1 to 50
Icon
There are 3 different VIEWS for the widget: Default, Stacked, and Framed. Each comes with its own set of options.
VIEW: Default
Size: Set the size of the iconPrimary Color: Choose the icon colorPosition: Choose the position of the icon in relation to the divider, selecting from Left, Center, or RightSpacing: Slide to add space between the icon and the divider line, from 1 to 50Rotate: Slide to select the number of degrees to rotate the icon, from 0 to 360
VIEW: Stacked
Size: Set the size of the iconPadding: Set the padding around the iconPrimary Color: Set the color of the stack backgroundSecondary Color: Set the color of the iconPosition: Choose the position of the icon in relation to the divider, selecting from Left, Center, or RightSpacing: Slide to add space between the icon and the divider line, from 1 to 50Rotate: Slide to select the number of degrees to rotate the icon, from 0 to 360Border Radius: Set the border radius of the stack background to achieve rounded corners are completely round stacks
VIEW: Framed
Size: Set the size of the iconPadding: Set the padding around the iconPrimary Color: Set the color of the frame borderSecondary Color: Set the color of the iconPosition: Choose the position of the icon in relation to the divider, selecting from Left, Center, or RightSpacing: Slide to add space between the icon and the divider line, from 1 to 50Rotate: Slide to select the number of degrees to rotate the icon, from 0 to 360Border Width: Control the thickness of the frame borderBorder Radius: Set the border radius of the frame border to achieve rounded corners are completely round frames
Advanced
Set the Advanced options that are applicable to this widget
Elementor v2.4 introduces features that focus on improving your user experience: mobile control over background images, custom background size and position, safe mode for troubleshooting and more.
New Stability & Maintenance Features
Safe Mode Feature
Safe Mode helps identify any issue that interferes with Elementor loading. In most cases, loading issues are caused by conflicts between plugins or themes.
Using 『Safe Mode』 opens the Elementor editor on a clean version of WordPress, without loading a theme or any plugins. All plugins are deactivated and an empty theme file is loaded.
Note: Safe Mode can be activated only by site admins (i.e. users with administrator privileges), because only they can deactivate plugins. If you are not receiving the Enable Safe Mode option, please ask your site administrator to activate safe mode and troubleshoot the problem for you. In the case of a multisite setup, only Super Admins can activate Safe Mode.
Note: Safe Mode only affects logged in users while they are using the editor, and has NO effect on your site visitors or other logged in users. For them, the site will operate as usual, with the regular theme and plugins activated.
Async Database Upgrade System
In the past, certain upgrades required database changes to occur behind the scenes. For larger sites, this posed a problem which sometimes caused timeouts.
With the new Async Database upgrade system, we split the DB updates into chunks that run in the background in order to avoid these timeouts.
PHP Logger for System Info
Many support issues can be identified by following the PHP log file. By adding this log to the System info, we can empower our users and support staff to better understand the issue at hand, its root cause and relevant solution.
Respect the WP Tag
Until now, Elementor did not support the WordPress tag, which helps determine the preview text that is shown for blog posts in archive pages (not built using Elementor』s archive template). While this is not commonly used on modern themes, it provides backward compatibility for this functionality.
Read More Widget
We』ve added a Read More Widget for Themes that Support This Feature. Following the previously mentioned feature, you can now add the 『Read More』 widget to your posts, to set the text cut-off point in archive pages.
Note: This widget only affects themes that use the_content in archive pages.
Background & Border Customization
More Responsive Controls of Background & Borders
We』ve added the maximum flexibility for responsive design. The new version of Elementor lets users have complete control over the background and border design on desktop, tablet and mobile devices.
This control includes device-specific settings over background controls (image, position, attachment, repeat, and size) and border controls (border-radius and width).
Add custom options for Background Size & Background Position
You now have much more control over the background design. We are now adding two new custom controls for the background size and position options.
With custom position, you can manually set your desired background position on an X & Y axis. Instead of setting a general position like 『Top Left』, you now have the option to set the exact point that the background will align to.
Besides position, you can also set custom background image size. Choose 『Custom』 and set an exact width for your background image.
Revamped Admin Menu
Re-Organize the Templates Library Screens
To make it easier to handle the different Elementor dashboard screens, we』ve separated the previously named 『My Templates』 menu and renamed it as 『Templates』.
We』ve also positioned the Elementor & Library side menus higher up on the dashboard, to make it more accessible.
Add Categories Taxonomy for Templates Library
Now you can add different categories to your templates, making the workflow more efficient and better organized. Simply group templates by relating them to the desired category.
Restored Quick Edit for Templates
In the new version of Elementor, you can Quick Edit saved templates in order to instantly edit the template name, slug, status and categories without hassle.
The Icon widget is useful for displaying FontAwesome icons in numerous styles on your page.
There are 3 different views for the widget: Default, Stacked, and Framed.If Default view is chosen, the following options are available:
Content
Icon: Choose from a list of Font Awesome iconsView: Choose between default, stacked or framedLink: Enter the URL for the item』s link. Click the Link Options cog to either add rel=nofollow to the link or to open the link in a new window.Alignment: Align the icon to left, center or right.
Style
Icon
Normal
Primary: Choose the main and secondary colors for the iconSize: Increase or decrease the size of the iconRotate: Rotate the icon
Hover
Primary Color: Set colors for the hoverHover Animation: Set any animation for the hover stateSize: Set the exact size of the iconRotate: Rotate the icon up to 360 degrees
If Stacked or Framed view is chosen, the following options are available:
Content
Icon: Choose from a list of Font Awesome iconsView: Choose between default, stacked or framedShape: Choose the shape of the stack or frame, either Circle or SquareLink: Enter the URL for the item』s link. Click the Link Options cog to either add rel=nofollow to the link or to open the link in a new window.Alignment: Align the icon to left, center or right.
Style
Icon
Normal
Primary Color: Choose the primary color (the background or frame) color for the iconSecondary Color: Choose the secondary color, which is the color of the icon itselfPadding: Set the padding around the icon to control the size of the stack or frameSize: Set the size of the icon.Rotate: Rotate the icon up to 360 degreesBorder Radius: Set the border radius to control the corner roundness of the stack or frame
Hover
Primary Color: Choose the primary color (the background or frame) color for the iconSecondary Color: Choose the secondary color, which is the color of the icon itselfHover Animation: Choose an animation effect when hovering over the icon, such as Grow, Pulse, Skew, etc.Padding: Set the padding around the icon to control the size of the stack or frameSize: Set the size of the icon.Rotate: Rotate the icon up to 360 degreesBorder Radius: Set the border radius to control the corner roundness of the stack or frame
The new Elementor 2.2 includes some new great features, as well as a name change to an existing Elementor widget.
Navigator
Navigator is a navigation tree window that provides easy access to every element in the editor. It enables the user to drag elements throughout the page and edit them, quickly and easily. Navigator is particularly useful for long pages or pages with complex multi-layered designs, as well as for elements combining Z-Index, negative margin, position absolute, etc. It enables you to gain full control over the entire editing process.
Learn more about Navigator
Autocomplete URL for Internal Linking
Starting from version 2.2, once you start typing in the URL field, the system will automatically search for the text throughout all pages, posts, and media files in your WordPress.
Show Editing Handles
Shortly after the 2.1 release, we received several requests to restore the previous edit handles. Therefore, in this version, we brought them back, alongside the right click.Go to Settings > Advanced > Editing Handles > Enable.
Debug Bar
We added the ability to better debug the pages you load. The Debugger will help you understand why a particular template or theme file is being loaded, or whether they conflict with each other.
The Debugger is located in the admin bar throughout your WordPress site. If you are working in a development environment with the setting:
define( 'WP_DEBUG', true );
in the wp-config.php file, then the Debugger will automatically be activated. To manually activate the Debugger, go to the settings area of Elementor, and under Tools > Debug Bar > set it to Enable.
Columns Widget Now Renamed Inner Section
We renamed the 『 Columns』 widget to 『Inner-Section』 widget.
We have made the change because, after a continuous period of user-research, we found a disturbing common mistake made by users of all levels. When users needed to add a column to an existing section, instead of doing it using the right-click > add new column, users mistakenly dragged the Columns widget. This mistake adds unnecessary markup code to the page and may cause various unexpected behaviors.
Your hosting company has to check the error logs of your server so that we can know what is leading to this issue.
This is what you can try:
Ask your host provider to enable the ZipArchive: http://php.net/manual/en/class.ziparchive.phpAsk them to raise the memory limit to 256MB if your memory limit is under 256MB.It is possible also that there is a permission issue. This can be checked via the error logs of your server. Your hosting company can check it for you. They should check if the allow_url_fopen function is deactivated or not.Upgrade to PHP 7 or higher.Switch the loader method via Elementor > Advanced on your WordPress Dashboard:
With Slack integration, you can send submitted form data to predetermined text channels on Slack via a unique Webhook URL.
These actions will be performed after a visitor submits the form and is a great way to organize form data in a smart way.
Go to the 「Actions After Submit」 dropdown and click on the Add Action field > SlackChoose SlackThis adds a new Slack Dropdown. Click to open it
Selecting Slack Options
Note: Click to learn how to create a Slack webhook URL
Webhook URL: Enter Slack』s webhook URLChannel: Type a channel name, so the webhook knows where to send the form data to in Slack. Make sure that the channel already exists in your Slack workspace. The default is set to #generalUsername: Choose the username that will be shown as the senderPre Text: You can add some custom text which will appear below the UsernameTitle: Add a title for each messageDescription: Add a description for each messageForm Data: refers to the Name, Email and Message your visitor will fill in on the form. Select YES to turn it on or NO to turn it offTimestamp: Select YES to display timestamp or NO to turn it offColor: Set a custom color for the vertical line that appears to the left of the message.
Set the style and placement of the Archive Description within the Product Archive template
Alignment: Align the Archive Description widget to the left, right, center, or justifiedText Color: Set the color of the textTypography: Set the typography option of the text
Set an element to tilt in relation to the the visitor』s mouse movement.
Advanced or Style > Background
Motion Effects
Mouse Effects: Slide to ON3D Tilt: Click pencil edit iconDirection: Choose from Opposite or Direct. Opposite will tilt the element in the opposite direction of the mouse movement. Direct will tilt the element in the same direction as the mouse movement.Speed: Set the tilt speed from 0 to 10Apply Effects On: Select to apply the motion effects on Desktop, Tablet, and/or Mobile devices.Effects Relative To: Choose from Default, Viewport, or Entire Page
