With the latest update of elementor, there are now the recently introduced AI functions. In this article, I’ll show you how artificial intelligence can help you build your website.
Here you can also watch the article as a video (activate subtitles!):
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
New AI functions
Text creation like ChatGPT
Pretty much everyone who deals with websites, social media or other similar areas has not passed the topic of ChatGPT.If you do: You can ask this tool questions and get amazingly good answers back. Therefore, the tool can be used eg. well for the creation of texts.
A rather similar AI – possibly even the same one is used – has now been integrated directly into elementor’s PageBuilder. This saves a lot of time. So you don’t have to switch tabs back and forth in the browser and copy texts.In many elementor widgets you can now simply ask the AI to create a suitable text instead of entering it manually.
For example, if you don’t have an idea for the structure of a blog article, then you simply ask the AI for a text on the respective topic.In practice, it looks like this, for example:
Schreibe mir eine Überschrift zum Thema Surfen in Portugal.
The AI delivers a suitable headline after a few seconds. You can then revise this generated text again or even have it translated. The more precisely you formulate the „command“, the more precisely the AI delivers the corresponding text.
This works for elementor widgets for headings, texts, bullets and much more.
Generate CSS code
For all stylings, which are not possible with the standard Elementor settings, you usually need a little CSS code here and there, which you can give to each widget. The AI now helps you to write this CSS code. You simply describe how you want the widget to look like, and elementor AI writes the CSS code with the correct class name. This saves a lot of research and trial and error of the code.
Gently zoom the image on mouseover and change the border radius to 100%.
Custom Code
The artificial intelligence spits out not only CSS code but also complete HTML code with JavaScript functions on demand. An example would be a calendar display or a range slider to enter an amount.
Create a range slider with values from 0 to 15 with a default value of 3
Price
At the moment you can test the new AI features for free – yes, test. Elementor writes that this test phase is limited. Presumably, the limit is a certain number of queries to the AI, but it is currently not known exactly how many there really are.
After the trial period, you can buy elementor AI in a monthly subscription to use it unlimited. The exact price for elementor AI can be found here*.
Click here for all info from elementor AI*
