Elementor
✅ 🔥 Elementor v3.13 Beta 4 Release 🔥 #22119
Replies: 81 comments 167 replies
-
|
Wow you guys are keeping it coming with feature packed updates 👏 Question about the grid feature, is it possible to make a layout like this using the native grid tools in the editor? Where the first column spans the length of 3 rows?
|
Beta Was this translation helpful? Give feedback.
-
|
Hi, right now this is not possible, but we are going to improve it in future releases to let you have more control over the items inside the grid. 😉 |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
|
Added a ticket for the AI text continuity already: #22113
it would be great if it kept the context (here German language). |
Beta Was this translation helpful? Give feedback.
-
|
Hey @m1ga, Thanks for sharing the issue! 🙏 |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
|
A great update🔥. Thanks to the Elementor team. In the initial review of css grid, there are a few things I need to mention. 1- There is no option to determine the position of containers within a container grid (Grid column and Grid row). Therefore, it is not possible to create two-dimensional designs. 2- I think it would be much better if the Grid Outline option was in the form of an icon in the grid container handle. Because it would be faster to access. 3- In the image below, isn't the flex and grid preview wrong?
As you know, flex is one-dimensional and grid is two-dimensional. But the preview is completely reversed. 4- If the number of containers in the container grid is large (for example, 12), then turning on and off the Grid Outline option is delayed. bug.mp4In the following, there are two very important topics about css grid that I want to address, and actually two ideas to improve css grid. 1- In its current state, the Grid Outline is barely visible. Because with the addition of the container, we will have two dotted lines and it is a little hard to distinguish between the two. Because we don't know which one is Grid Outline.
2- When we convert flex to grid, the columns and rows in the grid are set as 3 and 2. I think it would be much better if the column and row values are 1 and 1 by default. After adding the containers, we can change these two values. Actually the video below is what I'm thinking. When we convert Flex to Grid, the structure of the main container does not change. Because columns and rows are 1 by default. When I add containers, I change the number of columns and rows. grid.mp4I hope it was useful. |
Beta Was this translation helpful? Give feedback.
-
|
Great testing!
I would say the images are correct: grid shows a fixed grid, flexbox shows a flexible layout. That's how I would explain those images. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the detailed feedback @79ho3ein! Let me try to answer each point individually. 🙏 |
Beta Was this translation helpful? Give feedback.
-
|
Changing the Grid Outline color is a good idea. Because it is not well seen at the moment. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @79ho3ein, I wanted to update you to give feedback on your points:
That's correct. Since this is the first stage of the Grid Container, we wanted it to be as simple as possible for a few reasons, the most important ones are:
This means there is more to come, and we will add more functionality once we are confident that the base functionality works as expected.
That's great feedback and a good suggestion! Thanks for sharing your thoughts! However, the functionality of the editing handles is not the same functionality of the controls in the Widget Panel. They use separate methods and it would require a total rewrite of at least one of them. So for now, this is not something we are planning to do. It's a great suggestion though, nonetheless. 😉
That's a good point. We are discussing ways of improving the workflow, and we will take this into consideration. However, it makes more sense right now to have the Grid represented the way it is, while having already established Flexbox examples that are more in line with the flexbox illustration in question.
Thanks for raising this issue. We are currently working on improving the canvas and overall editor response for nested elements, and this is part of that effort. Unfortunately, we don't have an ETA on when this will happen, and it won't be due in this release. Be rest assured we are working on this.
Thanks for the suggestion! 🙏
Thanks for the suggestion! We are thinking of ways to improve the UX and workflow, and we will discuss this suggestion. However, it is likely we will keep it the way it is to ensure the user understands they are editing a Grid. Having only one column could be confusing. Thanks for your patience, and for sharing your thoughts! Keep it coming! 💪 🙏 |
Beta Was this translation helpful? Give feedback.
-
|
Hi @nicholaszein, Thank you for your time. (I apologize for the delay. Because I did not receive an email) |
Beta Was this translation helpful? Give feedback.
-
|
When i'm trying to generate Code with AI i get this error |
Beta Was this translation helpful? Give feedback.
-
|
Hi Gabriel, thanks for the feedback! 🙏 we are aware of this issue, and it's being investigated. A workaround is to reconnect. https://elementor.com/help/disconnecting-reconnecting-your-elementor-account/ |
Beta Was this translation helpful? Give feedback.
-
|
The new Elementor updates are great. I am really excited😍 I have a question for the Elementor team. Considering that you published the css grid in this version, do you have a plan to add block, section and div widgets like bricks and webflow? That would be really great. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @Joliamendi, this was asked a few times before, so I'll try to summarize our position about other builders. First of all, the answer is not for the time being. Containers can be sections, blocks, and divs. So there is no need to add a separate block for each tag. This only makes things more complicated without really needing to. Advanced users think this helps save time, but this can be debatable. As for other builders, here's our position:
So if you think this is really needed, submit a new Feature Request, and we will consider adding it if there is enough demand for it. 😉 |
Beta Was this translation helpful? Give feedback.
-
This improved the workflow a lot, sorry the Elementor guys didn't add it. |
Beta Was this translation helpful? Give feedback.
-
|
Hello, apart from what was mentioned above, I find that when creating a grid, only the first "container" can add a widget and in the structure of said grid the 6 "containers" of the grid are not visible. |
Beta Was this translation helpful? Give feedback.
-
|
Hi, @karenkcas, thanks for the feedback! 🙏 You might need to submit a Bug Report on this. Let me investigate this further, and get back to you shortly. 😉 |
Beta Was this translation helpful? Give feedback.
-
|
Hi @karenkcas, I wanted to give you an update on this. We are considering changing this mechanism to make it easier for users to add more items to the grid. We don't have an ETA for this yet, but it should be part of this release if we can come up with a solid solution! Thanks for sharing your feedback! This is really great and much appreciated! Keep it coming! PS: You don't need to submit a Bug Report for this, as at this point this isn't really a bug, just a limitation. Thanks 🙏 |
Beta Was this translation helpful? Give feedback.
-
|
Nicholas asked me to share this from the Global Elementor FB page, about some slightly odd results I got from the AI. As I said there, it was a 'torture test' -- I was asking it to write about my small town in Ontario. Here's what I got from the same prompt in Elementor and ChatGPT -- the Elementor AI hallucinations are between the ** parts. The prompt was 'write a brief intro about the town of Almonte, Ontario' ChatGPT: Almonte is a charming town located in Eastern Ontario, Canada. Situated on the picturesque banks of the Mississippi River, Almonte is known for its historic architecture, scenic natural surroundings, and vibrant community. The town has a rich industrial past, having been home to several textile mills in the 19th and early 20th centuries, and today it is a popular tourist destination with a thriving arts and culture scene. Almonte is also known for its annual festivals and events, including the popular Puppets Up! International Puppet Festival and the North Lanark Highland Games. Whether you're interested in history, nature, or the arts, Almonte offers a unique and welcoming experience for visitors of all ages. Elementor AI: Almonte is a charming town located along the Mississippi River in Eastern Ontario, Canada. Considered a part of Mississippi Mills, Almonte is known for its picturesque scenery, historic architecture, and friendly community. The town was once a hub for textile manufacturing, but has since transformed into a thriving tourist destination. Visitors can take a stroll along the riverfront, explore the quaint shops and boutiques on Mill Street, or visit the many cultural and artistic attractions, ** including the Canadian Museum of Nature's Research & Collections Facility. Almonte is also home to the famous Canadian actor and comedian, Dan Aykroyd, who has helped put the town on the map. ** Whether you're seeking outdoor adventure, leisurely activities, or cultural experiences, Almonte has something for everyone to enjoy. |
Beta Was this translation helpful? Give feedback.
-
|
I'll add that Dan Ackroyd does have a home not all that far from here, but it's still about a 90-minute drive :) |
Beta Was this translation helpful? Give feedback.
-
|
Thanks @brent-e! We really appreciate it! 🙏 |
Beta Was this translation helpful? Give feedback.
-
|
Conditional display of interest widgets was a great solution. But it would be great if you make it easier to add widgets to favorites in the next step. Adding to favorites using right-click takes a little longer. It is better if the favorite icon is displayed at the same time as the hover widgets so that it can be added to the favorite with one click, it will be much faster.
Since I always pay attention to details, I want to mention a few small things in this version. 1- The page name tooltip is attached to the top bar.
2- When we choose a color, the distance from the 4 sides of the color is not equal.
Also, in the same section, when we choose a dark color, small white dots appear in the 4 color directions. 3- When the recent pages section appears in the top bar, it is completely attached to the top bar. It is better to move it slightly from the top. Just like the previews you have shown so far.
|
Beta Was this translation helpful? Give feedback.
-
The best way to display is like the oder panels on elementor logo or angle button next to publish button. Mine looking so:
|
Beta Was this translation helpful? Give feedback.
-
|
Hi @Michaelgimii, I wanted to give you an update about the points you raised! 🙂
We are considering ways to make it easier for users to pin their Favorite Widgets, but we haven't changed this yet for a simple reason:
Good catch, we will look into improving the UI! 💪
Can you show an example? I couldn't reproduce this on my end. |
Beta Was this translation helpful? Give feedback.
-
Thanks for the feedback @fabienzensperger! 🙏 |
Beta Was this translation helpful? Give feedback.
-
Chrome browser, Windows |
Beta Was this translation helpful? Give feedback.
-
|
Thanks @Michaelgimii, I think this is related to the same issue we had with the Switch controls showing the background behind them when in Dark mode. I'll make sure to add this to our Facelift list. |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
|
With the new beta's installed I now get a non dismissible banner message at the top of every editor page "Don’t miss out on the new version of Elementor" "Update to the latest version of Elementor to enjoy new features, better performance and compatibility." "Update Now". This should either be a dismissible message or excluded from beta's as its quite annoying. |
Beta Was this translation helpful? Give feedback.
-
|
I get the same message |
Beta Was this translation helpful? Give feedback.
-
|
Hi, This is a known bug and we are working on a fix for the next beta release. |
Beta Was this translation helpful? Give feedback.
-
|
Same here! |
Beta Was this translation helpful? Give feedback.
-
|
same here |
Beta Was this translation helpful? Give feedback.
-
A question about the new AI tool. What are the usage restrictions, caps and pricing for it?From only quickly scanning your AI terms and conditions it is more referenced as a free trial and your own discretion as mentioned under the 'Free Trial' and 'No Refund Policy' headings:
Ideally working for a web design agency where we attach our Elementor account to activate the pro licence on our client websites, we wouldn't want our clients abusing our usage limits of this tool, so ideally would be best to have maybe per user or role access restrictions maybe? My 2-pence is that I don't use the pro support or the provided templates, just the pro functions, so when fully released will pro users get more access or tokens per month for example? Or is the scheme that everyone can use this AI tool but will be in touch with account holders that over use the service to talk about extra costs? The company I work for loves the new AI tools coming to the market so would like to know the usage restrictions around this tool. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @perks98, @codeagencybe, and @sf-steve,
Right now we don't have a solution for this. We have plans to improve the overall Role Manager features, but not for the time being.
No, the Elementor AI is not the same as Chat-GPT. It's a dedicated instance tailored for Elementor websites. You can read more about it in the blog post. |
Beta Was this translation helpful? Give feedback.
-
|
Hey guys, you can learn more about the Elementor AI subscription from the new pricing page: |
Beta Was this translation helpful? Give feedback.
-
But if i write a german text, the answer of ai is in english, that is not a good help for me. |
Beta Was this translation helpful? Give feedback.
-
|
@penum you can ask in German and it should answer you in German. If it doesn't you can simply change the language in the options below your prompt. |
Beta Was this translation helpful? Give feedback.
-
I test it, but the only answer, you can see, at different times, in the morning, in the evening,...at midday. |
Beta Was this translation helpful? Give feedback.
-
|
The icons for the mega menu are a great addition. These work great when they are displayed left or right of the menu item. Current |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the feedback @hitsgee! 🙏 |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
|
Hi @Camilo517, this issue is not part of this release and it's still in review. Please, remember to keep the conversation about this beta. Your feedback about the features being discussed here is crucial for releasing a stable and reliable plugin. We are eager to know about your experience with these new features. Thanks 🙏 |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
|
In the RC beta I think the grid outlines have gotten worse. Now it adds another row even if set to one and as this extra field has a bigger height it messes with the design. Also the outline preview gap issue is still there. An extra note I've noticed is that the colour swatch preview is now smaller which is odd. 2023-05-05.09-06-25.mp4
|
Beta Was this translation helpful? Give feedback.
-
|
Hi @perks98, we are aware of the added row, and it was made like this by default. It doesn't affect the final result, it's only there for easy access. We might change this in the future, but we had to make it this way to allow a better workflow with D&D. As for the color swatch, this is a consequence of the new accessibility improvements made to the editor UI. We will discuss this internally and consider increasing the size of the square. Thanks for the feedback! 🙏 |
Beta Was this translation helpful? Give feedback.
-
|
@nicholaszein see the screenshot below when I tested the grid this morning. I just don't think this looks good when editing the page, sure it is easier to add another widget but as an overview not good. Maybe the extra box should appear when the grid container parent or any direct child element within it is focused or selected maybe?
|
Beta Was this translation helpful? Give feedback.
-
|
Hi @perks98, for now, this is going to behave this way, but we are looking into alternatives, and this should change in the future as we add more features to the grid. If you try the preview you will see that the added row will shrink away. We decided to release it this way because it is way better than what we had before, which was almost impossible to work with, or at least very painful. |
Beta Was this translation helpful? Give feedback.
-
There are a few things about Beta 4 that are my personal opinion and I hope they are useful.1- In beta 4, the default border size of containers has been doubled. In my opinion, if it is 1 pixel like before this version, it will be great and its elegance will be preserved. before :
now (beta 4) :
Even the inner containers that have been changed to the new color have a 2px border that looks thick. Also, the width of the widgets border.
2- Not sure if this is a conscious change or not. But in the nested tabs widget, the main container in the center has a handle and also this container can be removed, which was not the case before beta 4. before :
now (beta 4) :
3- If we enable the Editing Handles option, there is still a little pink color in the background.
4- Inner containers are displayed as dotted lines when out of focus. This makes containers that have padding by default hard to distinguish with this dash.
Finally, I have a suggestion, I hope it will be useful. Currently, containers are displayed in three forms. pink (parent container), dark (internal containers) and dotted (containers in non-focus mode). This doesn't sound very interesting.
|
Beta Was this translation helpful? Give feedback.
-
|
Hi @79ho3ein! Thank you for your feedback! We will discuss this internally and consider tweaking it. Please understand that aside from the little glitches, like the "little pink", these changes were made with accessibility in mind. |
Beta Was this translation helpful? Give feedback.
-
|
Elementor team, there is no doubt that your team is wonderful and powerful. But can I ask you a question? Do you use any UI, UX designers in your team?In almost every update, you try to make improvements in UX, UI, some basic things like containers, etc. But every time you make a change, it gets worse than before. Why should the selected color be displayed as a boarder in the focus status?
Why should the container be displayed as a dotted line in normal mode, but its border should be displayed when selected? The difference in the level of the borders due to the increase in the weight of the borders of the containers.
Please keep these things in mind. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for the feedback @Joliamendi! 🙏 We really appreciate it, and we will keep these things in mind. As for the color swatch, this is a consequence of the new accessibility improvements made to the editor UI. We will discuss this internally and consider changing the color of the outline. |
Beta Was this translation helpful? Give feedback.
-
|
In the color picker section, there is a background for before, which makes white points in the color picker attract attention after selecting a color in dark mode. This problem used to exist in the editor's switcher buttons, but it was fixed.
|
Beta Was this translation helpful? Give feedback.
-
|
Hi @Michaelgimii, this one didn't make it to this release. We will address it in a future release. Thanks for the feedback though! 🙏 |
Beta Was this translation helpful? Give feedback.
-
|
Something not related exactly to this beta but is something to do with ongoing UI improvements that @nicholaszein I hope you can relay to the developers if possible. Please put on your list to fix/improve nested containers with 0px when they overlap, just need to mention it while the iron is still hot on UI improvements. When containers were first released padding was 0px by default which was perfect but since for backward compatibility and to put a quick plaster on it added 10px by default so they don't overlap. Not every container needs padding. |
Beta Was this translation helpful? Give feedback.
-
|
Hi, @perks98 and @Michaelgimii. Yes, I'm aware of this condition. Aside from @Michaelgimii's feature request, how would you suggest the overlapping handles should appear in this case? |
Beta Was this translation helpful? Give feedback.
-
|
I think the only way is to use navigator. There is no problem to use it because new page builders or even Photoshop cannot be used without the layers panel (navigator). |
Beta Was this translation helpful? Give feedback.
-
|
Hi @nicholaszein please see GIF image below of a very rough mockup of how potentially to have it apply. So add a handle that appears when hovering over the edit handle block that appears after a 0.6 - 0.8 second transition delay and when clicked it shows a list of containers with the current container greyed out and hopefully have it so as you hover over the containers it outlines them.
Alternatively, if you want to be on the same page as Gutenberg you can have a handle to the left as the parent selector and scales up, see GIF below of what I mean.
|
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the feedback @Michaelgimii! 🙏 Although it may not appear (and I apologize for sounding like we aren't), we do care about how advanced users can benefit from more advanced work flows. In fact we are constantly researching ways to improve the work flow for all users, especially our seasoned ones, which includes you too. 🙂 We are just getting started with the Container, and we want to keep improving the intercafe and availability of the tools. At the end of the day, we aim to make the best for all use cases, and this is something that requires balance. The idea is to be simple, but feature rich, or in other words, efficient. This is very hard to achieve in one fell swop because of many reasons, the main one being backward compatibility. So we are taking our time. We are slowly but steadily moving forward, and you can expect many improvements. It might not be exactly the way you want it, but I can assure you, feedback like yours is extremely helpful, and allows us to strive for the best. So thank you for taking the time to share your thoughts, requests, and bug reports. We really appreciate it. You guys all rock! 💪 Keep tuned, we have great plans for you! 😉 |
Beta Was this translation helpful? Give feedback.
-
|
Hey @perks98! That's awesome feedback! Thank you so much for taking the time to create and share that mockup! I'll relay this to the R&D team. 🙏 |
Beta Was this translation helpful? Give feedback.
-
So with regard to this point, I only see deterioration in Beta 4! This new grey, which by the way has a bad contrast to the black icons. Basically, the discussions were about the color, but if it has to be pink, which I've almost gotten used to by now, then please leave everything in the same color. As always, or at least since the containers. Then that with nested tabs, etc. the first sub-container now also has this bar at the top instead of this little box on the left within the container lines is totally stupid. First, it's no longer a consistent design compared to the other 2-level containers, and second, it doesn't look particularly good. The color field was okay before, too, but now it's a mess. Why? I have a feeling that we're addressing things here and you're getting it all wrong, at least most of it. If something needs to be changed, it's the button with the arrow in the new top bar to the dropdown with the display conditions, because it's always pink! Especially, such relatively large design changes to a Release Candidate Beta? Does that mean the supposedly last beta for the release in which such far-reaching changes occur? I do not get it! It's just cheeky to pack so many changes (not wanted in this beta) so close to the beta. What are you thinking? If I'm honest, I'm getting tired of the beta tests, it takes a lot of energy if you stay here for a long time and always encounter headwinds from Elementor. I'm considering whether this is my last participation in the beta program. I really like the development and I think it's going in the right direction in general and I love the people at Elementor, but if you keep doing your own thing without responding to beta requests then it doesn't make sense to me . Thank you and until then.. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @fabienzensperger, thank you for your sincere feedback! ❤️ Please allow me to ascertain that what you say here is always taken into consideration! Your feedback is priceless to us, and we are always very grateful for all the insights and inputs you share with us! Please understand that we are still in the process of improving the editor UI, and there is a lot we have planned, including addressing all the points you mentioned here and in other beta threads. Nothing is set in stone yet, and we will improve things if we see they are necessary. We are also working with data we gather from Customer Support, Usage shared by users, and R&D. These changes are not made arbitrarily, there is always a reason why we do them. It might not make sense now, but I can assure you they will make sense when we finish making all these changes. It is likely that we might change them again, iterate, test, and make mistakes until we find a solution that is most beneficial for all our users. I completely understand your frustrations, but I hope you can reconsider. 🙏 I've forwarded this to the team so they can discuss it. Kind regards, and take care |
Beta Was this translation helpful? Give feedback.
-
|
If you decide that the inner containers are distinct from the parent containers, it is much better if only the color of the handle of the inner container changes. Not the color of the entire border and its thickness.
|
Beta Was this translation helpful? Give feedback.
-
|
Thanks @Michaelgimii! 🙏 We will consider it. |
Beta Was this translation helpful? Give feedback.
-
|
I can't seem to get the beta to show up in plugins for some reason. They have previously just fine. Yes I have beta enabled in tools. I can get the pro version to show beta 4 but not the free version. I have had it enabled now for like a week.
|
Beta Was this translation helpful? Give feedback.
-
|
Hi @kdub718, sometimes it takes some time for the WP repo to fetch the update. If you are still not receiving the update, please try to click the
If that doesn't work, you can download the beta4 from the Advanced tab in the plugin page, or from the link below and simply upload the plugin. WordPress will ask if you want to replace the files.
Download link - Elementor Core v3.13-beta4: https://downloads.wordpress.org/plugin/elementor.3.13.0-beta4.zip |
Beta Was this translation helpful? Give feedback.
-
|
Hi Are these two ( A , B) important bugs in the Mega Menu widget fixed in this version, or will they be fixed in the next version? These two bugs are very important. Especially the B bug, it makes the mega menu widget practically difficult to use. |
Beta Was this translation helpful? Give feedback.
-
|
Looks like both of your issues were added to the next version after 3.13 |
Beta Was this translation helpful? Give feedback.
-
|
release notes are committed 7642e5b so I don't think anything more will be merged |
Beta Was this translation helpful? Give feedback.
-
|
Hi @Michaelgimii, these issues are still being fixed, and could not make it to this release. We are working on them and they will be released either with 3.14 or with a patch as soon as they are ready to be merged. Kind regards |
Beta Was this translation helpful? Give feedback.
-
|
Hello, everyone! We have great news! 🙌 📢 We're happy to announce that Elementor Core 3.13.0 has been released! 🥳Elementor Pro version 3.13.0 will be released shortly after. ✅ Feel free to check it out and update your plugin to the new version! Thank you, everyone, for your awesome feedback, and for helping shape the future of Elementor! We will make sure our R&D team gets every point and suggestion here raised, and we hope to see you soon in our next public beta (we have some new tweaks I'm sure you'll like! 🤫). See you soon! 💪 Cheers 🥂
|
Beta Was this translation helpful? Give feedback.
-
|
Hey, everyone! 📢 Elementor Pro v3.13.0 has been released! 🥳✅ Feel free to check it out and update your plugin to the new version! Cheers 🥂
|
Beta Was this translation helpful? Give feedback.
and others
-
===========
Beta 4 UPDATED - PLEASE READ BELOW!
===========
Hi Elementor Beta Testers 👋
We are incredibly excited to introduce our new beta versions, Elementor 3.13. These versions include early access to a free trial of Elementor AI, which will transform the way you build websites. These updates also include a new CSS Grid Container, enhancements to the new Menu widget, additional UI updates to streamline your workflow, and more.
Try out our new beta versions and let us know what you think about our newest additions, which include:
Introducing: Elementor AI - Transform the Way You Build Websites
Boost your productivity and efficiency, while elevating your website's design and content with Elementor AI. With a native integration to Elementor, the generative AI product empowers you to create and improve your website’s text, and customize your website design using professional custom code, without having to write a single line of code yourself. With contextual prompt suggestions, Elementor AI makes it seamless to create consistent messaging across your site, and translate it to multiple languages. Additionally, Elementor AI’s Code Assistant empowers you to create and add custom code snippets anywhere.
In the first phase, Elementor AI will be available in the following areas:
Content area - in the content (text) area of every widget, there will be a new feature ‘Write with AI’ available in the content area of the widget panel, and in the Editor when highlighting specific text.
Custom HTML - the HTML widget has a new ‘AI Code Assistant’ to help with generating or enhancing HTML scripts.
Custom CSS [available for PRO subscriptions only] - you will be able to use the AI Code Assistant in the Custom CSS of every widget. The AI Code Assistant will generate Custom CSS that is relevant to each widget you use it on, to provide you with relevant results.
Custom Code [available for PRO subscriptions only] - Custom Code in the WordPress dashboard will also have an ‘AI Code Assistant’ to generate custom code snippets, such as Google Analytics code or Facebook Pixel code to measure the impact of your website’s pages.
How to Test It:
New Layout Option in Containers - CSS Grid
With Containers, you can achieve infinite design possibilities that accommodate any device, while improving your website's performance. Now, when you add a Container, you can choose between Flexbox or Grid Containers. Using Grid Containers is ideal for grid-like layouts, helps you maintain the alignment of elements in the Container, and reduces the learning curve associated with the transition from the section-column layout to the container layout.
With Grid Containers, you can choose the number of rows and columns you want to compose your grid, determine the distance between your columns and rows using the Gaps control, and choose whether you want Auto-Flow to go based on column or row. You can also justify and align content and items, similar to how you would a Flexbox Container.
Each cell in the Grid can accept one element, that can be styled and edited as you normally would. To achieve a higher level of sophistication, you can place a Flexbox Container inside the cell of a Grid, and place as many elements as you’d like to, within the Flexbox Container.
To use the Container Grid, make sure to enable the Flexbox Container and the Grid Container features from WordPress Dashboard → Elementor → Settings → Features.
How to Test It:
[Pro] New Styling Capabilities in the Menu Widget
Elementor 3.12 first introduced the new Menu widget, which enables you to create simple, single level menus to sophisticated dropdown content menus. Elementor 3.13 includes two new styling capabilities available in the Menu widget:
How to Test It:
Elementor Interface Revamp
In Elementor 3.12, we began the gradual roll out of upcoming changes to the Elementor interface. These changes are written in React, which improves performance and allows for future product growth and scale. Additionally, these changes promote Elementor best-practices, resulting in better and more streamlined user experience.
Experiment: Top Bar Expanded
Elementor 3.13 expands the capabilities available in the Top Bar:
[Pro] Automatically Populate The Post Excerpt from Your Post’s Content
Up until now, if you used the Post Excerpt widget or dynamic tag, the content would populate dynamically from the Custom Excerpt you had to manually insert in WordPress. WIth this update, you can choose whether you want to automatically populate your Post Excerpt’s content from the first few characters in your post, or from your Custom Excerpt in WordPress. This has been one of the main requests since the introduction of the Loop Builder, and the ability to add the Post Excerpt widget anywhere within your loop item.
How to Test It:
Performance Improvements
In previous versions performance improvements focused on the most common widgets on the main pages. With Elementor 3.13, the focus was shifted to widgets used mainly on inner pages, where site visitors often spend most of their time.
The Author Box, Post Info and Price List widgets display images and user profile pictures, these images now have a lazy load applied to them. This change should improve the initial page load of your inner pages.
In addition, since the Header appears above the fold, it should always load immediately upon page load. Therefore, lazy load was removed from headers to improve the visitor experience when using the Lazy Load Background Images experiment.
Accessibility Improvements
Elementor 3.13 is full of tweaks and fixes that improve your website’s accessibility, as well as the Elementor Editor. In this version, we focused on keyboard navigation, implementing additional ARIA tags, fixing existing ARIA compliance issues, and applying semantic markup.
The menu toggle icon in the WordPress Menu widget can now be opened and closed with the Enter / Space keys, in addition to a mouse click.
The toggle icon in the Table of Content widget can now be focused on, and opened/closed using keyboard keys, and also includes all the relevant ARIA tags.
The Call to Action widget, Media Carousel widget and the Slides widget all display background images. The background images now have ARIA tags containing the images ALT text.
The Search Form widget received several a11y improvements. First, a hidden label was added to the form for screen readers, a few ROLE and ARIA tags were added and the buttons can now be accessed using your keyboard. Moreover, when using multiple search forms widgets on the page, you no longer have duplicate IDs.
The Gallery widget is now accessible to keyboard users in a unique scenario. When the images have no links (meaning that they are not focusable), but you set them to display the image titles on hover. In this case, keyboard users can’t navigate to the images to see the image text.
Fixed an issue in the Progress Bar widget that led to lower Lighthouse / PageSpeed scores in the accessibility section when inner text is not provided.
The Elementor Editor, where you spend most of your time, is receiving a lot of accessibility attention. Starting with semantic markup, ARIA attributes, landmark elements, making different elements accessible for screen-readers & keyboard-users, and improving the usability for non-mouse users.
General Improvements
More Improvements
Free version
Pickrlibrary to v1.8.2eiconslibrary to v5.20.0aspect-ratiofallback in Video widget for old browsersPro version
Make An Impact: Share Feedback Before Features Are Released
We’re always looking to get to know Elementor customers on a deeper level. If you’re interested in meeting with our team and sharing your insights, feedback, and feature requests, you’re welcome to sign up for some quality time with us here. Or download Elementor’s Dev Edition. Talk soon!
How to Install the Beta Version
If you still haven't enabled beta testing in Elementor, please follow these steps:
Notes
As we make changes to our GitHub in an effort to keep it organized, improve the way we deliver information to you, and our ability to review your feedback, please follow the instructions below when reporting bugs, or making feature requests:
Designated time for release:
May 9, 2023 (Estimated)Many thanks for your support and help!
Cheers,
Elementor Team
Beta Was this translation helpful? Give feedback.
All reactions