Mit Onepage AI 2.0 (Vibe-Coding) starten wir eine völlig neue Art, in Onepage zu entwickeln, eine Methode, die die Lücke zwischen KI-gestützter Codegenerierung und visueller Bearbeitung schließt.
Mit Vibe-Coding kannst du vollständig anpassbare Komponenten, Abschnitte oder ganze Seiten direkt in deinem Onepage-Projekt erstellen. Diese werden nahtlos neben deinen regulären, visuell bearbeitbaren Inhalten auf derselben Seite angezeigt.
So verbindest du brillante Designumsetzung mit voller Kontrolle. Kein anderer Builder oder Vibe-Coding-Tool bietet diese Möglichkeit.
🎬 Am Ende des Artikels findest du unsere aktuelle Videoanleitung!
Die Vorteile von Vibe-Coding
Mit Vibe-Coding in Onepage erhältst du die gleiche kreative Leistungsfähigkeit wie bei eigenständigen KI-Code-Generatoren (zum Beispiel Lovable, Bolt, v0), ohne das zu verlieren, was Onepage ausmacht: den visuellen Editor, DSGVO-Einwilligungen, Formulare & Funnels, hochwertige Vorlagen sowie die Möglichkeit, Websites an Kunden zu übergeben, die diese selbst verwalten können.
Warum das ein großer Schritt ist:
Erstelle alles, was du dir vorstellen kannst: individuelle Animationen, interaktive Rechner, einzigartige Layouts oder experimentelle Designs aus deinen Prompts.
→ Wenn man es mit KI vibe-coden kann, kannst du es in Onepage nutzen.
KI-generierte Einstellungen für jede Komponente: Jede generierte Komponente enthält ein visuelles Einstellungsfenster, mit dem du Texte, Farben, Verhalten und Layout anpassen kannst, ohne den Code zu bearbeiten.
→ Du kannst die KI sogar anweisen, zusätzliche Einstellungen hinzuzufügen.
Vibe-Code ergänzt deine regulären Inhalte: Nutze KI-Abschnitte für Hero-Bereiche oder komplexe Interaktionen, während du andere Bereiche weiterhin klassisch im Editor baust.
Hybrider Ansatz: Eine Seite kombiniert zwei Stärken, KI-Generierung und klassischen Editor.
Kundenübergabe möglich: KI-generierte Elemente bleiben editierbar und können an Kunden übergeben werden. Sie verfügen über eigene Einstellungspanels und sind damit wartbar.
Abschnitt mit der KI erstellen
Um einen Abschnitt mit der KI erstellen zu können, gehe wie folgt vor:
Schritt 1: In Onepage einloggen
Melde dich bei Onepage an: Onepage Login
Schritt 2: Bestehendes Projekt öffnen oder neues erstellen
Du kannst entweder ein neues Projekt anlegen oder dein bestehendes Projekt öffnen, in dem du mit Vibe-Coding starten möchtest.
Schritt 3: Neuen Abschnitt hinzufügen
Wenn du deine gewünschte Seite geöffnet hast, kannst du einen neuen Abschnitt hinzufügen, indem du auf das blaue "+"-Symbol klickst und anschließend Vibe-Abschnitt - Mit KI erstellen auswählst.
Wenn du eine neue Seite erstellst, klickst du auf + Abschnitt hinzufügen und wählst anschließend Vibe-Abschnitt - Mit KI erstellen aus.
📌 Hinweis: Wenn du auf "Seite mit KI erstellen" klickst, kannst du nicht nur einzelne Abschnitte, sondern direkt eine komplette Seite generieren lassen.
Weitere Informationen dazu findest du im Abschnitt: Seite mit der KI erstellen
Schritt 4: Prompt schreiben
Jetzt kannst du in das Eingabefeld deinen Prompt einfügen und der KI genau beschreiben, was sie erstellen soll. Je klarer und detaillierter dein Prompt ist, desto besser wird das Ergebnis.
Wir haben dazu auch einen hilfreichen Artikel erstellt, in dem du Tipps zum Prompten findest: Vibe-Coding: So schreibst du effektive Prompts für bessere Ergebnisse
Die KI kann dabei nicht nur Layouts erstellen, sondern auch Animationen, Effekte, interaktive Elemente und komplett individuelle Designs umsetzen.
Zum Beispiel:
"Erstelle eine spektakuläre Hero-Section im 'Matrix'-Stil. Der Hintergrund soll eine tiefschwarze, digitale Leere sein, in der ein vertikaler Regen aus leuchtend neongrünen Code-Zeichen (Digital Rain) fällt. Das Design muss futuristisch und cyber-orientiert wirken, mit subtilen Glitch-Effekten und einer High-Tech-Ästhetik. Im Zentrum soll ein prominenter Call-to-Action Button platziert sein, der durch eine Animation wie ein plötzliches System-Popup erscheint und einen pulsierenden Neon-Glow-Effekt besitzt. Nutze eine monospaced Schriftart (wie bei Terminals) für die Überschrift, um das Hacker-Feeling zu verstärken. Die gesamte Sektion soll sich anfühlen wie ein Einstieg in eine digitale Simulation."
Da du nur einen Abschnitt erstellst, muss der Reiter "Vibe Section" in diesem Fall aktiviert bleiben.
Die KI analysiert deinen Prompt und generiert daraus automatisch den passenden Code für deinen Abschnitt.
📌 Hinweis: Die Generierung kann etwas Zeit in Anspruch nehmen, bitte habe etwas Geduld.
Schritt 5: Ergebnis überprüfen
Die KI informiert dich, sobald der Abschnitt fertig erstellt wurde. Dabei erhältst du eine kurze Übersicht darüber, was generiert wurde, sowie die verfügbaren Einstellungen ("Controls"), über die du Inhalte wie Texte, Farben oder Abstände selbst anpassen kannst.
Live würde der Abschnitt dann folgendermaßen aussehen:
Schritt 6: Inhalte über die Controls bearbeiten
Du kannst Texte, URLs, Farben, Effekte oder Abstände (je nachdem, was erstellt wurde) im Nachhinein jederzeit selbst über die Controls anpassen, ohne dass die KI das erneut für dich generieren muss.
Klicke dazu einfach auf den Abschnitt, der mit Vibe-Coding erstellt wurde. Dort werden dir die einzelnen Elemente angezeigt, die du anschließend ganz einfach bearbeiten kannst.
Schritt 7: Code bearbeiten & Controls hinzufügen
Wenn du das Layout anpassen, Animationen hinzufügen oder entfernen oder Inhalte ergänzen möchtest, kannst du der KI einfach direkt mitteilen, was geändert werden soll, ein kompletter Neustart ist dafür nicht notwendig.
Du kannst auch gezielt neue Steuerungsmöglichkeiten anfordern, zum Beispiel dass du die Abstände oben und unten selbst einstellen möchtest oder andere individuelle Controls benötigst.
Klicke dafür einfach auf Chat oben links beim Abschnitt und beschreibe der KI, welche Anpassungen vorgenommen werden sollen.
In unserem Beispiel haben wir der KI mitgeteilt:
"Bitte passe die bestehende Hero-Section wie folgt an: Der Digital Rain soll nicht von oben nach unten, sondern von unten nach oben fallen, sodass der Effekt wirkt, als würde der Code aus der Tiefe der digitalen Leere aufsteigen.
Zusätzlich sollen Controls für Abstände hinzugefügt werden, sodass ich die Abstände oben und unten flexibel selbst einstellen kann (z.B. Padding/Margin der Sektion). Alle anderen bestehenden Design-Elemente, Animationen und der "Matrix"-Stil sollen unverändert beibehalten werden."
Die KI hat den "Digital Rain" jetzt so angepasst, dass er von unten nach oben aufsteigt. Zusätzlich wurde bei den Controls eine weitere Kategorie hinzugefügt, über die sich die Abstände individuell einstellen lassen.
Sollte die KI deine Anweisungen nicht direkt verstehen, kannst du einfach einen Screenshot hochladen und ihr so genau zeigen, was du meinst.
Schritt 8: Mit dem nächsten Abschnitt weitermachen
Wenn du mit deinem Abschnitt zufrieden bist, kannst du mit dem nächsten Abschnitt weitermachen und ihn genauso erstellen wie zuvor.
Alternativ kannst du im Chat oben in der Leiste auf das "+" klicken und so einen weiteren Abschnitt hinzufügen und direkt erstellen.
So kannst du anschließend zwischen den jeweiligen Abschnitten wechseln und befindest dich immer im richtigen Chat, um weitere Anpassungen durchführen zu lassen.
KI innerhalb eines bestehenden Abschnitts nutzen
Du kannst auch bestehende Abschnitte erweitern oder anpassen. Gehe dazu wie folgt vor:
Schritt 1: In Onepage einloggen
Melde dich bei Onepage an: Onepage Login
Schritt 2: Bestehendes Projekt öffnen
Öffne dein bestehendes Projekt und scrolle zu dem Abschnitt, in dem du mit dem Vibe-Coding beginnen möchtest.
Schritt 3: Element hinzufügen
Gehe mit der Maus zwischen die Elemente an die Stelle, an der du das neue Element einfügen möchtest. Klicke anschließend auf das "+"-Symbol und wähle Mit KI erstellen aus.
Schritt 4: Prompt schreiben
Jetzt kannst du in das Eingabefeld deinen Prompt einfügen und der KI genau beschreiben, was sie erstellen soll. Je klarer und detaillierter dein Prompt ist, desto besser wird das Ergebnis.
Zum Beispiel:
"Erstelle einen modernen, cleanen Öffnungszeiten-Abschnitt. Zeige die Öffnungszeiten übersichtlich als Liste:
Montag, Mittwoch, Donnerstag: 10:00 - 18:00 Uhr
Dienstag, Freitag: 08:00 - 13:00 Uhr
Samstag, Sonntag: Geschlossen
Füge zusätzlich eine Live-Status-Anzeige hinzu, die automatisch erkennt, welcher Wochentag und welche Uhrzeit aktuell sind.
Wenn das Unternehmen aktuell geöffnet ist, soll angezeigt werden: "Jetzt geöffnet" (grün, mit dezenter Puls-Animation). Wenn geschlossen: "Jetzt geschlossen" (rot, ruhig, ohne Animation).
Der Status soll sich automatisch aktualisieren und die aktuellen Öffnungszeiten berücksichtigen."
Die KI analysiert deinen Prompt und generiert daraus automatisch den passenden Code für deinen Abschnitt.
📌 Hinweis: Die Generierung kann etwas Zeit in Anspruch nehmen, bitte habe etwas Geduld.
Schritt 5: Ergebnis überprüfen
Die KI informiert dich, sobald der Abschnitt fertig erstellt wurde. Dabei erhältst du eine kurze Übersicht darüber, was generiert wurde, sowie die verfügbaren Einstellungen ("Controls"), über die du Inhalte wie Texte, Farben etc. selbst anpassen kannst.
Schritt 6: Inhalte über die Controls bearbeiten
Du kannst Texte, Einstellungen, Farben oder Effekte (je nachdem, was erstellt wurde) im Nachhinein jederzeit selbst über die Controls anpassen, ohne dass die KI das erneut für dich generieren muss.
Klicke dazu einfach auf den Abschnitt, der mit Vibe-Coding erstellt wurde. Dort werden dir die einzelnen Elemente angezeigt, die du anschließend ganz einfach bearbeiten kannst.
Schritt 7: Code bearbeiten & Controls hinzufügen
Wenn du das Layout anpassen, Animationen hinzufügen oder entfernen oder Inhalte ergänzen möchtest, kannst du der KI einfach direkt mitteilen, was geändert werden soll, ein kompletter Neustart ist dafür nicht notwendig.
Du kannst auch gezielt neue Steuerungsmöglichkeiten anfordern, zum Beispiel dass du die Abstände oben und unten selbst einstellen möchtest oder andere individuelle Controls benötigst.
Klicke dafür einfach auf das erstellte Element und anschließend auf Chat und beschreibe der KI, welche Anpassungen vorgenommen werden sollen.
In unserem Beispiel haben wir der KI mitgeteilt:
"Bitte passe das Layout an: Der Text "Schließt heute um 18:00 Uhr" soll linksbündig sein. Im linken Bereich des Abschnitts befindet sich aktuell zu viel Abstand. Bitte entferne diesen zusätzlichen Abstand, sodass alle Inhalte sauber linksbündig ausgerichtet sind.
Zusätzlich sollen Controls für Abstände hinzugefügt werden, sodass ich die Abstände oben und unten flexibel selbst einstellen kann (z.B. Padding/Margin der Sektion)."
Die KI hat den Text und den Abschnitt nun linksbündig gesetzt. Zusätzlich wurde bei den Controls eine weitere Kategorie hinzugefügt, über die sich die Abstände individuell einstellen lassen.
Sollte die KI deine Anweisungen nicht direkt verstehen, kannst du einfach einen Screenshot hochladen und ihr so genau zeigen, was du meinst.
Seite mit der KI erstellen
Mit Vibe Coding kannst du nicht nur einzelne Abschnitte erstellen, sondern auch komplette Seiten mit mehreren Bereichen auf einmal generieren lassen.
Dabei beschreibst du der KI einfach, wie deine Seite aufgebaut sein soll, welche Inhalte enthalten sein sollen und welchen Stil du dir wünschst. Die KI erstellt daraufhin automatisch die gesamte Seitenstruktur für dich.
Schritt 1: Neue Seite erstellen
Lege zunächst eine neue Seite in deinem Projekt an, klicke dazu oben rechts auf den blauen Button "Erstellen".
Schritt 2: Vibe-Coding-Chat öffnen
Klicke auf den Button: Seite mit KI erstellen.
Alternativ kannst du auf + Abschnitt hinzufügen klicken und anschließend Vibe-Abschnitt - Mit KI erstellen auswählen.
Entferne dabei den Reiter "Vibe-Section".
Schritt 3: Beschreibe deine gewünschte Seite
Nun kannst du der KI genau erklären, welche Bereiche deine Seite enthalten soll.
Beispiel-Prompt:
"Erstelle eine futuristische Landingpage für ein KI-Startup. Die Seite soll sich anfühlen wie eine Mischung aus Apple, Stripe und einer Sci-Fi-Filmwebsite.
Nutze einen dunklen Hintergrund mit Neon-Verläufen in Blau, Lila und Türkis. Die Seite soll folgende Abschnitte enthalten:
Einen Hero-Bereich mit animiertem Hintergrund, Glow-Effekten und einem großen Titel.
Eine interaktive Produktvorstellung mit schwebenden Karten.
Einen Bereich mit Zahlen und Statistiken, die beim Scrollen hochzählen.
Einen Abschnitt mit Kundenlogos und animierten Testimonials.
Einen Feature-Bereich mit Hover-Effekten und Glassmorphism-Design.
Eine Zeitleiste, die sich beim Scrollen aufbaut.
Einen Call-to-Action mit animiertem Farbverlauf.
Verwende moderne Scroll-Animationen, Fade-Ins, Scale-Effekte, sanfte Übergänge zwischen den Abschnitten und subtile Parallax-Effekte. Jeder Abschnitt soll sich visuell vom Vorherigen unterscheiden und durch kreative Übergänge verbunden werden."
📌 Hinweis: Die Generierung kann etwas Zeit in Anspruch nehmen, bitte habe etwas Geduld.
Schritt 4: Ersten Entwurf überprüfen und komplette Seite erstellen lassen
Die KI analysiert zunächst deinen Prompt und erstellt den ersten Abschnitt deiner Seite. Anschließend fragt sie dich, ob du mit der Stilrichtung, den Farben, Animationen und dem allgemeinen Design zufrieden bist.
Falls noch Anpassungen gewünscht sind, kannst du direkt mit der KI weiterschreiben und Änderungen vornehmen lassen, bis das Ergebnis deinen Vorstellungen entspricht.
Sobald du zufrieden bist, kannst du der KI einfach mitteilen, dass sie weitermachen soll. Anschließend generiert sie automatisch die restlichen Abschnitte deiner Seite im gleichen Stil und sorgt für ein konsistentes Design sowie passende Übergänge zwischen den einzelnen Bereichen.
Schritt 5: Ergebnis überprüfen
Die KI informiert dich, sobald deine Seite fertig erstellt wurde. Dabei erhältst du eine kurze Übersicht darüber, was generiert wurde, sowie die verfügbaren Einstellungen ("Controls"), über die du Inhalte wie Texte, Farben etc. selbst anpassen kannst.
Die Seite würde live folgendermaßen aussehen:
Schritt 6: Inhalte über die Controls bearbeiten
Du kannst Texte, Einstellungen, Farben oder Effekte (je nachdem, was erstellt wurde) im Nachhinein jederzeit selbst über die Controls anpassen, ohne dass die KI das erneut für dich generieren muss.
Klicke dazu einfach auf den Abschnitt, den du bearbeiten möchtest. Dort werden dir die einzelnen Elemente angezeigt, die du anschließend ganz einfach bearbeiten kannst.
Schritt 7: Änderungen an der Seite vornehmen lassen
Wenn du Änderungen auf der gesamten Seite vornehmen möchtest, kannst du bei einem beliebigen Abschnitt auf Chat oben links klicken und anschließend den Reiter "Vibe-Section" oder den gewählten Abschnitt rausnehmen.
Danach kannst du der KI per Prompt mitteilen, welche Anpassungen für die gesamte Seite vorgenommen werden sollen.
Zum Beispiel:
"Die Übergänge gefallen mir bereits sehr gut. Bitte passe sie noch etwas an: Verbinde die einzelnen Abschnitte nicht mit geraden Kanten, sondern nutze organische, fließende Wellenformen und asymmetrische Übergänge. Die Seite soll dadurch noch moderner und dynamischer wirken und die Bereiche harmonisch miteinander verbinden."
Schritt 8: Änderungen pro Abschnitt durchführen
Du kannst auch pro Abschnitt Änderungen durchführen lassen und beliebige Controls hinzufügen. Scrolle zum gewünschten Abschnitt, den du bearbeiten möchtest, klicke auf Chat und formuliere deinen Prompt.
Alternativ kannst du bei einem beliebigen Abschnitt auf Chat klicken und anschließend den Abschnitt auswählen, auf den sich deine Anfrage beziehen soll.
Zum Beispiel:
"Ich möchte, dass die Timeline horizontal statt vertikal scrollt.
Außerdem hätte ich gerne Controls, mit denen ich einstellen kann, ob die Schritte 1-5 zum Beispiel umkreist, ausgefüllt oder als Viereck dargestellt werden."
Die KI hat die Timeline nun horizontal angeordnet. Zusätzlich wurde bei den Controls eine weitere Kategorie hinzugefügt, über die du die Darstellung der Schritte selbst anpassen kannst.
Sollte die KI deine Anweisungen nicht direkt verstehen, kannst du einfach einen Screenshot hochladen und ihr so genau zeigen, was du meinst.
📌 Hinweis: Für die besten Ergebnisse empfehlen wir, Abschnitt für Abschnitt erstellen zu lassen. Dadurch kann die KI gezielter auf deine Anforderungen eingehen und Anpassungen präziser umsetzen.
Die Erstellung einer kompletten Seite eignet sich hervorragend, um schnell einen ersten Entwurf zu erhalten. Wir empfehlen jedoch, einzelne Abschnitte direkt separat mit der KI zu erstellen oder die generierte Seite anschließend Abschnitt für Abschnitt weiter zu optimieren. So kann die KI deutlich gezielter auf Layout, Inhalte, Animationen, Effekte und individuelle Anpassungswünsche eingehen.
Tipps für bessere Ergebnisse
Damit du mit Vibe-Coding möglichst gute Ergebnisse erzielst, hilft vor allem eine klare und detaillierte Beschreibung deiner Idee. Je genauer du der KI erklärst, was du möchtest, desto besser kann sie das gewünschte Ergebnis umsetzen.
Beschreibe zum Beispiel den gewünschten Stil deines Elements. Das kann verspielt, minimalistisch, modern, technisch oder auch sehr kreativ sein. Auch kleine Stilhinweise wie Farben, Stimmung oder Layout-Vorlieben helfen der KI enorm.
Wichtig ist außerdem: Je präziser dein Prompt ist, desto besser wird das Ergebnis. Statt nur "Diagramm erstellen" solltest du genau beschreiben, was gebaut werden soll, also welche Funktionen, Effekte, Animationen oder Interaktionen enthalten sein sollen, je nachdem, wie du es dir vorstellst.
Du kannst jederzeit Feintuning betreiben, also nach der ersten Version weitere Anpassungen anfordern. So kannst du Schritt für Schritt das Ergebnis verfeinern, statt alles auf einmal perfekt beschreiben zu müssen.
Sehr hilfreich ist auch die Möglichkeit, Screenshots hochzuladen, um bestehende Designs nachzubauen oder visuell als Referenz zu nutzen.
Achte außerdem darauf, im Prompt nicht nur den Stil, sondern auch die konkreten Inhalte zu beschreiben.
Lass dich inspirieren
Mit Vibe-Coding kannst du nahezu alles erstellen, von einfachen Komponenten bis hin zu komplexen Anwendungen. Je besser du deine Idee beschreibst, desto beeindruckender werden die Ergebnisse. Damit kannst du individuelle Komponenten, komplette Hero-Bereiche oder sogar komplexe Anwendungen direkt aus einem Prompt erstellen.
Zur Inspiration findest du hier zwei Beispielprojekte:
Für den Einstieg empfehlen wir außerdem unseren Prompting Guide. Dort zeigen wir dir anhand vieler Beispiele, wie du noch bessere Ergebnisse mit Vibe-Coding erzielst.
Video-Tutorial
Für einen besseren Überblick über den Ablauf kannst du dir auch unser Video-Tutorial unten ansehen:
Häufig gestellte Fragen (FAQ)
Sind die Texte suchmaschinenoptimiert?
Sind die Texte suchmaschinenoptimiert?
Die Texte sind grundsätzlich suchmaschinenlesbar, sodass Suchmaschinen sie erfassen und indexieren können.
Eine direkte SEO-Optimierung ist aktuell aber noch nicht vollständig im Editor integriert. Falls du möchtest, kann die KI jedoch SEO-relevante Elemente im Code ergänzen, zum Beispiel strukturierte Inhalte oder Meta-Informationen.
Wichtig ist auch: H1-H6-Überschriften kannst du im Editor nicht direkt festlegen, sie lassen sich aber über die KI im Code entsprechend erzeugen, wenn eine saubere Struktur benötigt wird.
Wie kann ich Änderungen rückgängig machen?
Wie kann ich Änderungen rückgängig machen?
Änderungen werden automatisch als Version gespeichert, sobald du deine Seite über "Update" speicherst. Über die Versionshistorie kannst du jederzeit eine frühere Version wiederherstellen. Mehr dazu findest du im folgenden Artikel unter "Versionsverlauf": Frühere Versionen wiederherstellen
Alternativ kannst du auch die KI bitten, bestimmte Änderungen gezielt rückgängig zu machen.
Welche Einschränkungen gibt es bei externen Inhalten?
Welche Einschränkungen gibt es bei externen Inhalten?
Externe Inhalte wie Musik, Videos (z.B. YouTube) oder Skripte können eigenen Nutzungsbedingungen der jeweiligen Anbieter unterliegen. Musik oder Sounds können nur über externe URLs eingebunden werden, direkte MP4-Dateien lassen sich nicht hochladen oder direkt einbetten.
Bitte beachte außerdem, dass bei der Einbindung externer Dienste wie YouTube oder ähnlichen Plattformen gegebenenfalls datenschutzrechtliche Anforderungen gelten. Es liegt in deiner Verantwortung zu prüfen, ob und wie diese Einbindungen in deiner Datenschutzerklärung berücksichtigt werden müssen.
Was kann ich tun, wenn etwas nicht funktioniert oder ein Fehler auftritt?
Was kann ich tun, wenn etwas nicht funktioniert oder ein Fehler auftritt?
Wenn die Generierung nicht funktioniert, kannst du zuerst die Seite neu laden. Wenn die Herausforderung weiterhin besteht, kannst du einen Screenshot an die KI senden und sie bitten, den Fehler zu analysieren und zu beheben.
Kann die Ladegeschwindigkeit durch Vibe-Coding beeinflusst werden?
Kann die Ladegeschwindigkeit durch Vibe-Coding beeinflusst werden?
Die Ladegeschwindigkeit kann beeinträchtigt werden, wenn sehr viele oder komplexe Custom-Codes und Animationen verwendet werden.
Da Vibe-Coding individuell generierten Code nutzt (z.B. für Effekte, Interaktionen oder dynamische Inhalte), kann dies, je nach Umfang und Komplexität, die Performance der Seite beeinflussen.
Achte darauf, nur die wirklich notwendigen Effekte einzusetzen, und teste deine Seite regelmäßig. Besonders viele Animationen oder aufwendige Skripte sollten gezielt und sparsam verwendet werden, um eine optimale Ladezeit sicherzustellen
Meine Seite wurde beim Google Speedtest schlecht bewertet, was kann ich tun?
Meine Seite wurde beim Google Speedtest schlecht bewertet, was kann ich tun?
Wenn eine Seite im Google Speedtest schlecht abschneidet, kann die KI gezielt dabei helfen, Optimierungen vorzunehmen.
Du kannst der KI einfach einen Screenshot deiner Google-Speedtest-Ergebnisse zur Verfügung stellen und sie bitten, die Performance zu verbessern. Die entsprechenden Optimierungen werden dann umgesetzt.
In einem unserer Tests konnte dadurch der Performance-Wert beispielsweise von 66 auf 93 gesteigert werden.
Wie verlinke ich einen mit KI erstellten Button mit einem bestimmten Abschnitt?
Wie verlinke ich einen mit KI erstellten Button mit einem bestimmten Abschnitt?
Du kannst der KI einfach in natürlicher Sprache sagen, wohin der Button führen soll. Die Aktion "Scrollen bis" ist in den Code-Abschnitten nicht vorhanden.
Beispiel: "Bitte verlinke den Button 'Jetzt Termin Buchen' mit dem Abschnitt 'Termin vereinbaren‘“
Die KI erkennt dabei die genannten Bezeichnungen, durchsucht die Seite nach dem passenden Abschnitt und hinterlegt automatisch die entsprechende Verlinkung im Button.
Oder du setzt einen Anker-Link über Benutzerdefinierte Attribute und hinterlegst den Link anschließend direkt im Button, der von der KI erstellt wurde. Mehr dazu findest du in unserem Artikel: Anker-Links setzen
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂





























