Compatibility Tags

Compatibility Tags

As an open-source project, Elementor includes an extensive developers API, enabling the creation of a vast eco-system of 3rd party extensions that build on and enhance Elementor』s capabilities. In fact, there are over 500 addons that extend Elementor』s capabilities. 

When 3rd party developers don』t update their extensions to make them compatible with the latest versions of Elementor, Elementor users can experience problems with their sites. 

To protect your sites from possible future conflicts, we created a Compatibility Tag that notifies users about plugins that may not be compatible with their currently-installed version of Elementor. This will make it easier to debug issues if any arise.

This compatibility tag mechanism allows external developers to declare their compatibility and maintain their plugin headers and versions, which lets users know which plugin they need to update before Elementor updates.

Look for the compatibility tag next to any 3rd party plugins you are using before updating Elementor. If there is no compatibility tag, but Elementor knows that the 3rd party plugin is not compatible with a new version of Elementor, a message will be displayed if it is not safe to continue with the update.

For example, you may see an alert, followed by a list of incompatible plugins, similar to this:

Compatibility Alert – Some of the plugins you』re using have not been tested with the latest version of Elementor. To avoid issues, make sure they are all up to date and compatible before updating Elementor.

If compatibility tag compliance is followed, users will see a decrease in the chance of clashes, conflicts, and instability between an Elementor new release and any addons or plugins that are incompatible with it.

Compatibility tags provide transparency and information as to which plugins should be updated before Elementor updates.This mechanism reduces conflicts when using Elementor with external addons and 3rd party pluginsThis transparency and accountability for addons helps create the optimal experience for both plugin developers and for users because it reduces the friction that is sometimes experienced when add-ons conflict with new Elementor releases.

Elementor encourages all addon developers to add the compatibility tag to their plugins. Learn how.

Elementor 3.1 FAQ

Elementor 3.1 FAQ

Table of Contents

Landing PagesExperimentsAccessibilityimproved Asset LoadingDOMCompatibility Tags

LANDING PAGES

Q: How many landing page templates do you offer? 

A: Currently, there are 46 landing page templates available 

Q: Are landing pages available on the free version of Elementor?

A: Landing pages are available on both the Free and Pro version of Elementor

Q: Does Elementor Pro offer more templates than the free version?

A: Yes, you can sign up for Elementor Pro to enjoy all of the landing page templates

Q: Can I A/B test different landing pages?

A: Currently, we do not offer A/B testing via Elementor but you can use 3rd-party solutions compatible with Elementor.

Q: Can I move existing templates I』ve saved for landing pages into the new landing page section?

A: Although you can』t drag and drop an existing saved template to the Landing Pages saved templates list, you can do the next best thing. Create a new landing page, insert your existing saved template into it, and save the landing page. You』ve effectively duplicated the design into the Landing Page templates for reuse later.

Q: Can I import landing pages from other landing page platforms?

A: No, the Elementor Template Library only includes Elementor Templates.

EXPERIMENTS

Q: I thought that the Developer Edition was the one with experimental features?

A: The developer version includes features that are high risk, features that 「pre-date beta」. It』s a public alpha that gives our dev team feedback on testing features.

The experiments in the feature release are mature features that users can decide whether to activate or not. It』s an important precaution for users who want to update.

Both the developer edition and experiments allow us to increase our release rate and be more innovative, basically ship more features more frequently.

Q: What does 「Default」 mean? 

A: The default value can either be Active or Inactive and is defined by Elementor per experiment per release. The default can change according to conditions like new or existing websites.

Q: Can I deactivate an experiment if I no longer want to use it?

A: Yes! You can deactivate experiments at any time.

Q: Can you remove an experiment?

A: Yes, each experiment has a status. When the status is in Alpha phase, it can change multiple times. They are named because they are experimental and tend to change and evolve.

Q: Can these experiments affect live pages?

A: Of course. Please keep in mind that when using experiments features can change or be removed.

Q: What happens if I change an experiment to inactive after I already used it? 

A: If it was a visual experiment such as an extra widget, and you used it in your site this widget will disappear once the experiment is deactivated.

Q: Will you let us know before an experiment is removed?

A: Yes, we will communicate before removing experiments.

Q: How do you decide which experiments to keep?

A: We decide based on your feedback, the stability, and performance of the feature.

ACCESSIBILITY

Q: How does this help me?

A: Making websites accessible is best practice. In addition, this can improve the ranking and accessibility of your site.

Q: Why is this an experiment?

A: The html output has been changed and can influence custom code implemented in your site.  

Q: Why is this experiment automatically turned on?

A: The experiment is turned on only for new installations of Elementor – new sites

IMPROVED ASSET LOADING

Q: Do I need to manually activate this?

A: You need to go to the experimental section in the settings and turn it on.

Q: Why do I need to activate it?

A: because it contains some changes in the files you load and can affect the way your site behaves if there are 3rd party addons that depends on Elementor to load certain script.

Q: What does this actually do?

A: This experiment currently loads only required JS handlers and the Swiper library in each page load. For example if you don』t have an Image Carousel widget in your page – your visitor won』t load the swiper.js file or other JS files related to this specific widget. It loads scripts conditionally.

Q: Does this apply to Pro widgets as well?

A: You will have to download the latest version of Elementor Pro to use Improved Asset Loading Properly. Further improvements may be included in the next Elementor Pro version.

Q: I』m using a 3rd party plugin for Elementor and it stopped working with this experiment on. What should I do? 

A: If there』s any conflict with a 3rd party addon please deactivate this experiment and contact the plugin author to adjust his addon to use conditional loading.

ֿQ: My site got slower, not faster. What gives?

We saw the performance improvements have a positive impact on speed and load time, and this will only get better once we roll out 3.1 Pro. However, a few users noted a decrease in load speed. This is very likely due to a rare server issue.

We introduced a new method for attaching a JS handler to an element, thus enabling to break the loading method into small chunks. Users with the HTTP/2 protocol active in their sites will benefit from efficient loading, due to Multiplexing. This allows a browser to request all the assets in parallel resulting in a dramatic performance gain.

Q: What is HTTP/2 protocol?

A: Instead of linear loading of assets, it will load in a parallel way. The breaking into chunks will increase the requests the site is creating but will handle them more efficiently if the server supports it. AND – we haven』t yet introduced the Pro version reference for this – so when it will be released you will see an additional, likely stronger, impact.

You can read about the new HTTP2 protocol here: https://www.pingdom.com/blog/will-http-2-make-your-site-faster/

DOM IMPROVEMENTS

Q: Didn』t you already do this? Why is this happening again, now?

A: DOM improvements were introduced in 3.0, and caused conflicts for our users. In this release, we removed it and added it back in as an experiment. It is now active on New sites only.

COMPATIBILITY TAGS

Q: How does this help me?

A: To protect your sites from possible future conflicts, we created a Compatibility Tag that notifies you about plugins you are using that may not be compatible with your currently-installed version of Elementor. 

Q: How will I know if a plugin is incompatible with the latest version of Elementor?

A: You will receive an alert. For example, you may see an alert in the list of plugins in your dashboard that says something like this:

Compatibility Alert – Some of the plugins you』re using have not been tested with the latest version of Elementor. To avoid issues, make sure they are all up to date and compatible before updating Elementor.

This alert will be accompanied by a list of the plugins that may be problematic.

Code Highlight (Pro)

Code Highlight (Pro)

Elementor』s Code Highlight widget enables you to use syntax highlighting to present code examples in a readable, easy to copy format.

Language: Select your coding language to properly highlight your code』s syntax. Options include 50+ of supported languages such as Markup, HTML, XML, SVG, Mathml, CSS, Javascript, ActionScript, PHP, Ruby, etc.Code: Enter the snippet of code that you wish to display on the pageLine Numbers: Choose Show to display line numbers next to each lineCopy to Clipboard: Choose Show to allow users to copy the code with a single click on the Copy button in the upper right corner of the code box.Highlight Lines: Designate one or more lines to be highlighted. In the example above, lines 1 and 2 (designated by 「1-2」) and line 8 are highlighted by a different background color than lines 3 through 7. Sets of numbers should be separated by a comma. (e.g. 2-7, 10, 13-15 would highlight lines 2 through 7, line 10, and lines 13 through 15.)Word Wrap: Toggle to Show/Hide word wrapping. Theme: Select a theme for the code display. Both light and dark themes are available to choose from.Height: Enter a height for the code box.Font Size: Set your code』s font size.

Animated Headline (Pro)

Animated Headline (Pro)

The Animated Headline widget allows you to create attention grabbing headlines that either rotate or include highlighted animation.

Content

Headline

Style: Choose Highlighted or Rotating style

If Highlighted style is chosen, the following options become available:

Shape: Choose the shape of the highlight, including Circle, Curly, Underline, Double, Double Underline, Underline Zigzag, Diagonal, Strikethrough, and XBefore Text: Type the headline text that will appear before the highlighted textHighlighted Text: Type the text that will be highlightedAfter Text: Type the headline text that will appear after the highlighted textInfinite Loop: Set to Yes to have the animation loop endlessly or set to No to have it only play once and then remain frozen at the end of the animation.Duration: Set the amount of time in milliseconds that the animation takes for one loop.Delay: If Infinite Loop is set to Yes, this option becomes available. Set the amount of time in milliseconds between each loop.Link: Enter the URL for the item』s link. Click the Link Options cog  to set more link options.Alignment: Set the alignment of the headline, Left, Center, or RightHTML Tag: Set the heading』s HTML tag to H1- H6, Div, Span or Paragraph

If Rotating style is chosen, the following options become available:

Animation: Choose the animation of the rotating text including Typing, Clip, Flip, Swirl, Blinds, Drop-in, Wave, Slide, and Slide DownBefore Text: Type the headline text that will appear before the rotating textRotating Text: Enter the list of rotating text, in the order of rotationAfter Text: Type the headline text that will appear after the rotating textInfinite Loop: Set to Yes to have the animation loop endlessly or set to No to have it only play once and then remain frozen at the end of the animation.Duration: Set the amount of time in milliseconds that the animation takes for one loop.Link: Enter the URL for the item』s link. Click the Link Options cog  to set more link options.Alignment: Set the alignment of the headline, Left, Center, or RightHTML Tag: Set the heading』s HTML tag to H1- H6, Div, Span or Paragraph

Style

Shape (option only available if Highlighted type is chosen)

Color: Choose the color of the highlighted shapeWidth: Set the width of the highlighted shapeBring to Front: Slide to Yes to Bring the shape to the frontRounded Edges: Slide to Yes to round the edges of the shape

Headline

Text Color: Choose the color of the headline』s before and after textTypography: Set the typography options for the headline』s before and after text

Animated Text

Text Color: Choose the color of the animated textTypography: Set the typography options for the headline』s animated text

Advanced

Set the Advanced options that are applicable to this widget

Read the full release post about the Animated Headline widget

Creating a Single Post Template with Elementor Pro

Creating a Single Post Template with Elementor Pro

When you use a theme for your website, you get your theme』s Single Post Template.

It』s made out of different elements: a Post Title, Post Content, a Featured Image, Metadata, Comments, etc.

With Elementor you can control the Layout & Design of the Single Post Template – on any theme.

Under Templates > Add New, from the dropdown select Single Post, give it a name, and click Create Template.Choose a Post Block and Insert. Alternatively, you can design your own.Click the gear icon in the lower left corner of the widget panel to select a specific post as the preview example while editing.Edit any elements as you』d like. After you』ve finished designing, click Publish.Choose a Condition. Click to learn about conditions.

Templates > Add New

Choose Template Type

Select from the Templates Library and Insert

Choose which post to preview while editing

Edit any elements needed, then Publish and set Display Conditions

To view an in-depth video on how to create a single post template click here. Read more in our step-by-step how to build a single template tutorial.

Only posts that use the Default Template will have the Single Post Template applied to them, even if they otherwise meet the Display Conditions criteria. Posts that use Canvas or Full Width template (or any template other than Default) will not have the Single Post Template applied to them.

Elementor Pro New Pricing Model

Elementor Pro New Pricing Model

On February 9th, Elementor announced that On March 9th, 2021, Elementor will be adding new Studio and Agency Pro subscription plans and adapting the Expert plan, to best accommodate users』 growing needs. See the full announcement on the blog >  https://elementor.com/blog/announcing-new-pro-plans/ 

We gathered the most frequently asked questions so far.

Q: As an existing active customer, will the new plans affect me?

A: No. These changes will only apply to new purchases. If you』re on an existing active subscription plan, nothing changes for you.

Q: My License expired X days ago, can I still enjoy the current prices? 

A: Anyone who would like to enjoy the current plans is invited to purchase before March 9th, 2021, which includes both new purchases and renewals of expired subscriptions.  

Thereafter, Personal and Plus plans are not changing in terms of price or service, so can currently be repurchased at the current price. 

Q: I want to upgrade my license, what will be the price? A: When upgrading, you will only need to pay for the difference between your current license and the one you are upgrading to, based on a prorated price, depending upon how much time is left on your current subscription.Until March 9, upgrading will be to the current plans and the proration cost will be accordingly. From March 9th, upgrading will be available to the new plans only and the proration cost will be according to them.From March 9 until June 9 2021, users with an active Expert plan ($199 / year for 1000 sites)  will be able to upgrade to the Agency with the limited time offer 50% discount for upgrade and on the renewals.

Q: I see my package name will change from 「personal」 to 「essential」, does it mean the terms have changed? 

A: Starting from March 9 2021 the names of the Personal and Plus plans will be changed to Essential and Advanced, respectively. The price point and terms remain the same.

Q: Is this Expert 50% upgrade offer a one time offer or does it also apply to renewals?

A: From March 9 until June 9 2021, users with an Expert plan ($199 / year for 1000 sites) will be able to upgrade to Agency with the limited time offer 50% discount for upgrade and on the renewals. 

Q: If my Expert license renewal is due in July, will I still have an option to get a 50% offer on the Agency? 

A: The 50% offer is valid until June 9, 2021 and the upgrade can be done regardless of when your subscription is due to be renewed.

When upgrading, you will only need to pay for the difference between your current license and the one you are upgrading to, based on a prorated price, depending upon how much time is left on your current subscription. The 50% discount will be applied to the prorated price, and your upcoming renewal date will stay the same.

Q: Can I enjoy the upgrade offer moving from Experts to Studio? 

A: The 50% limited time offer discount applies to upgrades from Experts ($199 / year for 1000 sites) to Agency only.

Site Identity

Site Identity

Control your site』s identity, including its Site Name, Site Description, Site Logo, and Favicon right from Elementor』s Site Settings.

From any Elementor page or post, click the hamburger menu in the upper left corner of the Widget Panel, then navigate to Site Settings > Settings > Site Identity

Site Name: Enter the name of your site.Site Description: Enter a short tagline or description of your siteSite Logo: Select your site』s logo image from the media librarySite Favicon: Select your site』s favicon image from the media library

How To Order Elementor Pro

How To Order Elementor Pro

Ordering Elementor Pro is a simple 3-step process.

Choose A Subscription Plan

Elementor Pro is available at 5 subscription levels: Essential, Advanced, Expert, Studio, and Agency. Click the Buy Now button for the subscription that best fits your specific needs. To purchase Elementor Pro click here.

Supply Your Payment Details

Enter your payment information.

Email address: This will be the official email address connected to your account and will be used to login in the futureFirst and Last Names: Enter your full nameCountry/Region: Enter your countryState/Province: Enter your state, province or other regional area if applicableZip/Postal Code: Enter your zip or postal codeCompany Name (optional): Optionally enter the name of your companyVat Number (optional): Enter your Vat Number if applicableReview the order summary and enter a Discount Code if you have oneSelect to pay either via a credit card (using Stripe payment processor) or PayPalIf using a credit card, enter your card number, expiry date, and card code (CVC) number. If using PayPal, enter your PayPal email address and follow PayPal』s processing instructions.

Download Elementor Pro

Click the Download Elementor Pro button to download the zip file to your computer. Once your file has downloaded, you are ready to install Elementor Pro. Learn how to install Elementor Pro.

How To Upgrade Your Current Elementor Pro Plan

Login to your account at my.elementor.comClick on Upgrade next to your current licenseEnter your payment details as outlined above

Note: The upgrade you are purchasing will take effect immediately. Your subscription renewal date remains unchanged, so this payment is for only what』s left for this year. The next payment, on your renewal date, will be at the regular annual price of your new plan.

Can I Use Elementor Pro to Create Websites for Clients?

Can I Use Elementor Pro to Create Websites for Clients?

Sure you can! We』ve deliberately built Elementor Pro to help you get more clients, by completing projects faster with better results. 

According to our terms, this license does not give you the rights to resell Elementor Pro. It only gives you the right to install it on the websites of your clients so that you can build pages.