Wie Sie mit dem Elementor AI Assistant Zeit sparen und die Produktivität steigern können

In den letzten Jahren ist die Erstellung von Websites dank des Aufkommens von WordPress-Drag-and-Drop-Seitenerstellern wie Elementor . Doch selbst mit der Einfachheit, die Page Builder bieten, kann die Erstellung einer visuell beeindruckenden und funktionalen Website für manche immer noch eine entmutigende Aufgabe sein. Das ist der Ort, an dem Elementor KI comes in – die neueste Innovation von Elementor, die künstliche Intelligenz nutzt, um Benutzern in ihrem Workflow zu helfen, Websites mit Leichtigkeit zu erstellen. In diesem Artikel tauchen wir tief in den Elementor AI-Assistenten ein und untersuchen seine Funktionen und wie er Benutzern helfen kann, den Prozess der Website-Erstellung zu rationalisieren. Egal, ob Sie ein Anfänger oder ein erfahrener Webdesigner sind, der KI-Assistent von Elementor könnte die Lösung sein, nach der Sie gesucht haben, um langwierige/sich wiederholende Brainstorming-Aufgaben zu reduzieren und diese Zeit für den kreativen Designprozess zu nutzen.

Was ist Elementor AI?

Da KI in vielen Branchen zu einem wichtigen Werkzeug wird, kombiniert Elementor AI die Welten der KI und der Website-Erstellung und ist damit ein großartiges Produktivitätsprogramm für Kreative. Elementor AI kann Ihnen dabei helfen, bei verschiedenen Aufgaben, einschließlich dem Schreiben und Codieren von Inhalten, viel Zeit und Mühe zu sparen. Es kann Text für die Webseite "Write with AI" generieren (in der kostenlosen Version enthalten und Sie können das kostenlose Testkontingent verwenden), benutzerdefiniertes CSS für Elemente und Code-Snippets generieren, um Änderungen auf der gesamten Website vorzunehmen "Code with AI" (nur in der kostenpflichtigen PRO-Version). Bald wird Elementor AI auch in der Lage sein, Bilder zu generieren, was es noch vielseitiger macht. Finden Elementor AI Dokumentation für weitere Informationen.

Wie greife ich auf den Elementor AI Assistant zu?

Alle Elementor-Benutzer können jetzt den Elementor AI-Assistenten verwenden. Das bedeutet, dass Sie, wenn Sie Elementor auf Ihrer Website installiert haben, diese Funktion verwenden können, aber Sie müssen sicherstellen, dass Sie Ihr Elementor-Plugin bis 3.13 und höher . Auch wenn Sie ein Elementor Pro-Konto besitzen, müssen Sie Ihre Pro-Version auf 3.13 aktualisieren. Die KI-Generierung erfolgt über Elementor-Server, daher sollten Sie zuerst Ihre Website mit ihrem System verbinden. Beachten Sie, dass es sich bei dieser Funktion noch um eine Beta-Version handelt, sodass es bei der Verwendung zu Fehlern kommen kann. Sie müssen auch innerhalb des kontoweiten Kontingents für Eingabeaufforderungen Wert haben.

Sobald Ihr Plugin aktualisiert und Ihr Elementor-Konto verbunden ist, können Sie die brandneue Elementor AI-Assistentenfunktion ausprobieren. Wenn Sie die kostenlose Version verwenden, erhalten Sie eine kostenlose Testversion. In der Elementor Page Builder-Oberfläche sehen Sie Links zum Öffnen des KI-Assistenten. Wenn Sie sie nicht sehen, überprüfen Sie, ob Sie mit Ihrem Elementor-Konto verbunden sind und ob Sie eine aktualisierte Version von Elementor verwenden.

Wie schreibe ich Text mit Elementor AI?

Sobald Sie auf Elementor 3.13 aktualisiert haben, werden Sie im Page Builder feststellen, dass jedes Steuerelement, mit dem Sie Text einfügen können, jetzt die Option Mit KI schreiben über dem Text-Widget hat. Beachten Sie jedoch, dass nach dem ersten Ausprobieren der Text "Mit KI schreiben" durch das Elementor AI-Symbol (ein Symbol mit Sternen) ersetzt wird.

Sie können sowohl Überschriften als auch lange Beschreibungen schreiben. Wenn Sie auf das KI-Symbol in einem Überschriftentext-Widget klicken, öffnet sich ein neues Fenster. Hier können Sie Ihre Eingabeaufforderung eingeben und neuen Text generieren. Es werden auch einige nützliche Eingabeaufforderungen vorgeschlagen, um die Art von Text zu generieren, die nützlich sein wird. Zum Beispiel

Schreiben Sie einen einprägsamen Slogan über....

Schreiben Sie eine ansprechende Einleitung über...

Schreiben Sie einen Absatz über...

Schreiben Sie einen Aufruf zum Handeln über...., etc.

Sie können damit beginnen, eine dieser vorgeschlagenen Eingabeaufforderungen auszuwählen und zu bearbeiten. Sie können auch Ihre eigene Eingabeaufforderung eingeben. Diese KI ist kontextsensitiv, sodass sie automatisch Text vorschlagen kann, der zu dem Widget passt, auf dem Sie es verwenden.

Der Text, den Elementor AI generiert, hängt von den Eingabeaufforderungen ab, die Sie verwenden. Wenn Sie eine beschreibende Eingabeaufforderung verwenden, die beschreibt, was genau Sie wollen, erhalten Sie bessere Ergebnisse. Anstelle einer kurzen Aufforderung wie "Schreiben Sie eine Beschreibung über die neuen umweltfreundlichen wiederverwendbaren Wasserflaschen unseres Unternehmens" wird beispielsweise eine detaillierte Aufforderung wie "Schreiben Sie eine Produktbeschreibung für unsere neue Linie umweltfreundlicher wiederverwendbarer Wasserflaschen. Heben Sie die einzigartigen Eigenschaften der Flaschen hervor, wie z. B. ihre BPA-freie Konstruktion und ihr auslaufsicheres Design, und betonen Sie ihre Vorteile für die Umwelt. Verwenden Sie einen freundlichen, zugänglichen Ton und halten Sie die Beschreibung unter 150 Wörtern, um bessere Ergebnisse zu erzielen.

Elementor AI generiert nicht nur neuen Text, sondern kann auch den von Ihnen geschriebenen Text bearbeiten. Sobald Sie Ihren eigenen Text in ein Text-Widget eingefügt haben, wird er automatisch im KI-Fenster angezeigt. AI Assistant bietet Ihnen mehrere Optionen für diesen Text: Sie können die von Ihnen verwendete Sprache vereinfachen, den Text kürzer oder länger gestalten und Ihre Rechtschreib- und Grammatikfehler korrigieren. Mit diesem KI-Tool benötigen Sie kein weiteres Plugin wie Grammarly, um Ihr Schreiben zu überprüfen. Interessanter ist, dass Sie auch den Ton Ihres Schreibens ändern können. Sie können den Text freundlich, professionell, lässig, unkompliziert, inspirierend usw. klingen lassen.

Eine weitere großartige Option mit diesem KI-Tool ist die Fähigkeit zu übersetzen. Mit einem Klick auf eine einfache Schaltfläche können Sie den von Ihnen geschriebenen Text in eine andere Sprache übersetzen. Derzeit bietet Elementor 29 Sprachen an, darunter Arabisch, Chinesisch, Tschechisch, Dänisch, Niederländisch, Englisch, Finnisch, Französisch, Deutsch, Griechisch, Hebräisch, Hindi, Ungarisch, Indonesisch, Italienisch, Japanisch, Koreanisch, Malaiisch, Norwegisch, Polnisch, Portugiesisch, Rumänisch, Russisch, Slowakisch, Spanisch, Schwedisch, Thailändisch, Türkisch und Vietnamesisch.

Sobald Sie ausgewählt haben, was Sie mit Ihrem Text tun möchten, können Sie auf die Schaltfläche Text verwenden am unteren Rand des Fensters klicken. Wenn Sie mit dem von Ihnen geschriebenen Text nicht zufrieden sind, können Sie auch mit der Schaltfläche Neue Eingabeaufforderung (die sich neben der Schaltfläche Text verwenden befindet) einen neuen KI-generierten Text erstellen. Lesen Sie den ganzen Text Dokumentation darüber, wie man das benutzt.

Wie generiere ich Code-Snippets mit Elementor AI?

Wenn Sie ein WordPress-Theme und einen Seitenersteller wie Elementor verwenden, müssen Sie Ihren eigenen Code schreiben, um Anpassungen für Ihre Website hinzuzufügen. Dies sind Dinge, die mit dem Standard-WordPress-Theme oder der Einrichtung des Seitenerstellers nicht erreicht werden können, sodass Sie Ihre eigenen Code-Hacks schreiben oder einen Entwickler zur Hilfe beauftragen müssen. In der Regel ermöglicht das Theme oder der von Ihnen verwendete Seitenersteller das Hinzufügen / Einbinden von benutzerdefinierten Funktionen in verschiedene Bereiche Ihrer Website wie die Kopfzeile, die Fußzeile, den Body-Bereich und so weiter.

Mit dem Elementor AI-Assistenten haben Sie jetzt die Möglichkeit, Generieren Sie benutzerdefinierte Code-Snippets für verschiedene Anforderungen . Vorbei sind die Zeiten, in denen Sie nach Code-Snippet-Tutorials suchen mussten, um etwas zu erledigen. Sie können auch Plugins weglassen, die Ihrer Website kleine Code-Hacks hinzufügen. Die von Elementor AI generierten Code-Snippets wurden speziell für die Arbeit mit der Elementor-Umgebung entwickelt, sodass die Wahrscheinlichkeit, dass sie Ihre Website beschädigen, minimal ist. Um diese Funktion zu verwenden, gehen Sie zu Elementor > wählen Sie benutzerdefinierten Code und fügen Sie Neu hinzu. Sie sehen die Schaltfläche "Code schreiben" direkt neben Standort. Wenn Sie auf diese Schaltfläche klicken, wird das Eingabefenster für die KI-Eingabeaufforderung geöffnet. Beschreiben Sie die Funktion, die Sie erreichen möchten. Sie erhalten auch einige vorgeschlagene Eingabeaufforderungen wie: Schreiben Sie einen Einbettungscode für Facebook Pixel, HTML-Code, der die folgende PDF-Datei in eine Webseite einbettet: Link zu PDF, Iframe-Code zum Einbetten eines Spotify-Widgets auf der Webseite usw.

Sie können auch Ihre eigene Eingabeaufforderung eingeben. Sie können beispielsweise eine Eingabeaufforderung eingeben, um alle Bildschirmoptionen zu entfernen, die normalerweise in einem WordPress-Dashboard verfügbar sind. Klicken Sie nun auf Code generieren. Die KI generiert innerhalb von Sekunden einen Code-Schnipsel für Sie.

Wie füge ich benutzerdefiniertes CSS zu Elementen hinzu?

Anwendung KI zum Generieren von benutzerdefiniertem CSS zu Elementen auf der Seite hinzufügen, wählen Sie zunächst das Elementor-Widget aus, an dem Sie CSS-Änderungen vornehmen möchten. Gehen Sie dann zur Registerkarte Erweitert des Widgets und wählen Sie Benutzerdefiniertes CSS. Sie sehen eine Schaltfläche mit der Aufschrift "Code mit KI" – klicken Sie darauf. Auch diese Option gibt Ihnen einige vorgeschlagene Eingabeaufforderungen wie: Erstellen Sie einen Ausblendeffekt für dieses Element, Ändern Sie die Farbe eines bestimmten Textabschnitts, passen Sie die Größe des Logos an, wenn die Besucher scrollen usw.

Alternativ können Sie auch eine Eingabeaufforderung eingeben, um die gewünschte Änderung zu beschreiben. Sie können z. B.

• Hover-Effekte hinzufügen – Ändern Sie die Farbe oder Deckkraft eines Widgets, wenn ein Benutzer den Mauszeiger darüber bewegt.

• Verwenden Sie Animationen – fügen Sie Ihren Widgets Bewegungen oder Übergänge hinzu, um sie visuell interessanter zu machen.

• Ändern Sie die Hintergrundfarbe oder das Bild eines Widgets.

• Verwenden Sie Rahmen- und Abstandseigenschaften, um Widgets ein definierteres oder räumlicheres Erscheinungsbild zu verleihen usw.

Sobald Sie der KI Ihre Anforderung beschrieben haben, müssen Sie nur noch auf die Schaltfläche Code generieren in der unteren rechten Ecke klicken. Elementor AI generiert automatisch den CSS-Code für Sie. Klicken Sie dann auf Einfügen, um diesen Code zum Widget hinzuzufügen.

Wenn der von Ihnen eingefügte Code nicht die gewünschten Ergebnisse liefert, können Sie den Code löschen und mit einer anderen Eingabeaufforderung einen neuen Code generieren. Sie müssen Versuch und Irrtum machen, um genau das gewünschte Ergebnis zu erzielen.

Hier sind einige Best Practices, die Sie bei der Verwendung dieser Funktion beachten müssen:

• Speichern und sichern Sie Ihre Seite immer, bevor Sie benutzerdefinierte Codes hinzufügen, die mit Elementor AI generiert wurden.

• Wenn Sie benutzerdefiniertes CSS zu einem bestimmten Element hinzufügen, fügen Sie das Wort "Selektor" in den Code ein, um Auswirkungen auf andere Teile der Seite zu vermeiden.

• Wenn Sie Elementor AI verwenden, um Code neu zu generieren, ohne ihn einzufügen, wird der vorherige Code überschrieben. Bewahren Sie bei Bedarf eine Kopie des vorherigen Codes in einem separaten Dokument auf.

• Seien Sie vorsichtig, wenn Sie mehrere Codeausschnitte einfügen, da diese miteinander in Konflikt geraten können.

• In einigen Fällen ist der generierte Code möglicherweise nicht perfekt und muss möglicherweise angepasst werden.

• Das Elementor-Support-Team bietet keine Hilfe für diese KI-generierten Codes an. Es liegt in der Verantwortung des Benutzers, den von Elementor AI erstellten Code zu überprüfen und zu debuggen.

Wissenswertes vor der Verwendung des Elementor AI-Assistenten

• Elementor AI generiert manchmal Text, der nicht korrekt ist, oder Text, der aufgrund sogenannter KI-Halluzinationen vollständig erfunden ist. Dies ist der Fall, wenn ein Modell der künstlichen Intelligenz, z. B. ein Sprachmodell, Inhalte erstellt, die logisch und kohärent erscheinen, aber nicht auf sachlichen Informationen basieren. Diese Halluzinationen können in Form von falschen Aussagen, falschen Daten oder sogar völlig fiktiven Szenarien auftreten.
• Wenn Sie vorhaben, benutzerdefiniertes CSS oder benutzerdefinierten Code mit Elementor AI zu verwenden, ist es wichtig zu beachten, dass diese Funktionen nur in der Elementor Pro-Version verfügbar sind. Der KI-Writer ist jedoch auch für kostenlose Elementor-Benutzer verfügbar.
• Das Elementor AI-Abonnement ist mit Ihrem Elementor-Konto verknüpft und nicht spezifisch für eine Website oder Lizenz. Das bedeutet, dass Sie Elementor AI auf mehreren Websites, die mit Ihrem Konto verbunden sind, ohne zusätzliche Kosten verwenden können.
• Während der kostenlosen Testversion von Elementor AI wird den Benutzern nur eine begrenzte Menge an kostenlos generierten Inhalten zur Verfügung gestellt. Das bedeutet, dass Sie ein promptes Kontingent erhalten. Wenn Elementor AI jedoch eine von Ihnen gegebene Eingabeaufforderung nicht generieren kann, wird Ihr Kontingent an generierten Inhalten nicht aufgebraucht.
• Wenn Sie beim Versuch, eine Eingabeaufforderung an Elementor AI zu senden, die Fehlermeldung "Bad Gateway" sehen, bedeutet dies, dass es ein Problem mit dem Server oder der Verbindung zwischen Ihrem Computer und dem Dienst gab. Dieser Fehler kann aufgrund von Problemen mit Ihrer Internetverbindung, Ihrem Browser oder den Einstellungen Ihres Computers auftreten.

Schlussfolgerung

Elementor AI ist eine leistungsstarke Ergänzung zu diesem beliebten WordPress-Seitenersteller. Der Elementor AI-Assistent kombiniert die Welten der KI mit der Erstellung von Websites und kann Ihnen helfen, Zeit und Mühe bei verschiedenen Aufgaben zu sparen, einschließlich dem Schreiben und Codieren von Inhalten. Die KI kann Text generieren, benutzerdefiniertes CSS für Elemente erstellen und benutzerdefinierten Code für die Website erstellen. Es kann sogar Text in viele verschiedene Sprachen übersetzen. Wenn Sie ein Elementor-Benutzer sind, stellen Sie sicher, dass Sie Ihr Plugin auf Version 3.13 oder höher aktualisieren, um Elementor AI noch heute auszuprobieren.