Mit dem neusten Update von elementor, gibt’s nun die erst kürzlich vorgestellten AI Funktionen. In diesem Artikel zeige ich dir, wie dich die künstliche Intelligenz beim Aufbau deiner Webseite unterstützen kann.
Hier kannst du dir den Artikel auch als Video ansehen:
Neue AI Funktionen
Texterstellung wie bei ChatGPT
Ziemlich jeder, der sich mit Webseiten, Social Media oder anderen ähnlichen Bereichen beschäftigt, ist nicht am Thema ChatGPT vorbeigekommen.
Falls doch: Diesem Tool kann man Fragen stellen und bekommt verblüffend gute Antworten zurück. Daher lässt sich das Tool zB. gut für die Erstellung von Texten verwenden.
Eine ziemlich ähnliche KI – evtl. wird sogar die selbe verwendet – hat nun elementor in seinen PageBuilder direkt integriert. Das erspart einem viel Zeit. Man muss daher auch nicht die Tabs im Browser hin und her wechseln und Texte kopieren.
In vielen elementor Widgets kann man statt der manuellen Texteingabe nun einfach die AI darum bitten, einen passenden Text zu erstellen.
Hat man zum Beispiel keine Idee für den Aufbau eines Blogartikels, dann fragt man die AI einfach nach einem Text zum jeweiligen Thema.
In der Praxis sieht das dann zum Beispiel so aus:
Schreibe mir eine Überschrift zum Thema Surfen in Portugal.
Die AI liefert nach wenigen Sekunden eine passende Überschrift. Anschließend kann man diesen generierten Text nochmals überarbeiten oder sogar übersetzen lassen. Je genauer man den „Befehl“ formuliert, desto präziser liefert die KI den entsprechenden Text.
Das funktioniert für elementor Widgets für Überschriften, Texte, Aufzählungen und vieles mehr.
CSS Code generieren
Für alle Stylings, welche nicht mit den Standard Elementor Einstellungen möglich sind, braucht man meist hier und da ein wenig CSS Code, den man jedem Widget mitgeben kann. Die AI hilft einem nun dabei, diesen CSS Code zu schreiben. Man beschreibt ganz einfach, wie das jeweilige Widget aussehen soll, und elementor AI schreibt den CSS code gleich mit der richtigen Angabe des jeweiligen Klassennamen. Somit erspart man sich eine Menge Recherche und Ausprobieren des Codes.
Zoome das Bild bei Mouseover sanft und ändere den Border Radius auf 100%
Custom Code
Die künstliche Intelligenz spuckt auf Abruf nicht nur CSS-Code, sondern auch kompletten HTML-Code mit JavaScript Funktionen aus. Als Beispiel wäre eine Kalenderdarstellung oder ein Range-Slider um einen Betrag einzugeben.
Erstelle einen Range-Slider mit Werten von 0 bis 15 mit einem Default-Wert von 3
Preis
Momentan kannst du die neuen AI Funktionen kostenlos testen – ja, testen. Elementor schreibt, dass diese Testphase limitiert ist. Vermutlich liegt das Limit bei einer bestimmten Anzahl an Abfragen an die KI, jedoch weiß man aktuell noch nicht genau, wieviele es wirklich sind.
Nach der Testphase, kann man elementor AI in einem monatlichen Abo zukaufen, um es unlimitiert zu nutzen. Den genauen Preis für elementor AI findest du hier*.
Hier geht’s zu allen Infos von elementor AI*