Zum Hauptinhalt springen

Neuer Page Builder: Seiten mit KI erstellen und bearbeiten

So funktioniert der neue alfima Page Builder: Seiten per KI-Chat erstellen und bearbeiten, Sektionen gezielt anpassen, Bilder aus der Mediathek nutzen und Credits sparen.

F
Verfasst von Finn Korte

Der Page Builder in alfima ist komplett neu gebaut. Die größte Neuerung: ein KI-Chat direkt neben deiner Seite, der weiß, was auf deiner Seite steht, und Elemente für dich erstellt und bearbeitet. Im Video oben zeigen wir dir alles in rund 13 Minuten — hier findest du die wichtigsten Punkte zum Nachlesen.

Neuer und alter Builder — was passiert mit meinen Seiten?

  • Seiten aus dem neuen Builder erkennst du in deiner Seitenübersicht am V-Label.

  • Deine bestehenden Seiten aus dem alten Builder funktionieren weiter und lassen sich weiterhin bearbeiten. Auch neue Seiten kannst du dort noch anlegen.

  • Möglicherweise stellen wir den alten Builder irgendwann ein — für neue Seiten empfehlen wir deshalb den neuen Builder.

Eine neue Seite starten

Über Seite erstellen hast du wie gewohnt mehrere Wege:

  • Komplett von Grund auf starten

  • Die Seite per KI generieren lassen

  • Bestehendes HTML importieren

  • Eine bestehende Seite kopieren

Seiteneinstellungen (Zahnrad-Symbol)

Dort legst du alles Globale fest:

  • Eigene Domain verbinden, Titel und URL ändern

  • SEO-Beschreibung und Favicon hinterlegen

  • Text- und Buttonfarben sowie die Seitenschrift anpassen

Neu und viel gewünscht: Wenn du die Schrift eines einzelnen Elements individuell änderst, wird sie nicht mehr überschrieben, sobald du später die globale Seitenschrift anpasst.

Elemente und Seitenaufbau

  • Du arbeitest weiterhin mit Spalten und ziehst deine Elemente per Drag & Drop hinein.

  • Wir haben die beliebten Elemente behalten und selten genutzte entfernt — dafür gibt es jetzt zum Beispiel einen Häufige-Fragen-Block (FAQ).

  • Die Auswahl per Klick ist deutlich direkter: Du siehst immer genau, wo du gerade bist, und springst von dort in den übergeordneten Abschnitt oder auf die ganze Seite.

  • Die neue Abschnittsübersicht zeigt dir alle Sektionen und Spalten — so wählst du auch verschachtelte Elemente schnell aus.

  • Deine Änderungen werden automatisch gespeichert, und über die Vor-/Zurück-Buttons machst du sie jederzeit rückgängig.

  • Über die Geräte-Ansichten prüfst du die Seite direkt für Handy, Tablet und Desktop.

Der KI-Chat: dein Webdesigner auf der Seite

Rechts findest du ein Chatfenster. Die KI kennt den Inhalt deiner Seite und kann Elemente direkt bearbeiten.

  • Einzelne Elemente ändern: Klicke z. B. die Headline an und schreibe „Bitte mach die Schriftfarbe rot" — die KI weiß dann, worauf du dich beziehst.

  • Sektionen umbauen lassen: Sektion auswählen, aufs KI-Symbol klicken und beschreiben, was dir nicht gefällt, z. B. „Diese Sektion sieht nicht professionell genug aus. Zu viel Text, zu wenig Visuelles. Bitte einmal umbauen aus Sicht eines professionellen Webdesigners."

  • Ganze Seiten erzeugen: Beschreibe die gewünschte Seite — die Generierung dauert etwa drei bis fünf Minuten. Einzelne Sektionen sind meist in unter einer Minute fertig.

  • Alles bleibt bearbeitbar: Die KI baut keine starre HTML-Seite, sondern echte Elemente in unserem Baukasten. Jeden Text, jedes Icon und jedes Bild kannst du danach selbst anpassen.

Wichtigster Tipp: Sektion auswählen und Credits sparen

Der Chat mit der Seite verbraucht KI-Credits. Wenn die ganze Seite ausgewählt ist, muss die KI auch die ganze Seite lesen — das kostet deutlich mehr.

Wähle deshalb immer zuerst die Sektion aus, die du ändern möchtest. Nur wenn du wirklich die komplette Seite umbauen willst, lässt du die ganze Seite ausgewählt.

Bilder: Mediathek und lizenzfreie Vorschläge

  • Du kannst der KI ein Bild aus deiner Mediathek mitgeben und sie damit eine Sektion bauen lassen — du musst also keine externen Links mehr heraussuchen.

  • Die KI fügt auf Wunsch auch lizenzfreie Bilder ein. Aktuell findet sie in etwa 40–50 % der Fälle ein passendes Bild; wir bauen lieber einen Platzhalter ein, als ein Bild ohne saubere Lizenz zu verwenden. KI-generierte Bilder setzen wir bewusst nicht ein. An der Trefferquote arbeiten wir weiter.

Buttons werden automatisch verknüpft

Sagst du der KI, für welches Produkt die Seite gedacht ist, verlinkt sie die Buttons direkt mit dem passenden alfima-Produkt. Du musst dich also nicht mehr um jedes Button-Ziel kümmern — die Seite ist praktisch sofort verkaufsbereit.

Dynamische Elemente und Custom HTML

Du kannst auch interaktive Elemente beschreiben, zum Beispiel einen Rechner. Die KI baut dafür eigenes HTML — und kann dieses Custom-HTML-Element auf Zuruf später weiter anpassen („Mach den Rechner rot statt grün"). Wähle das Element vorher aus, damit die KI weiß, worum es geht.

Wenn etwas nicht passt

Die KI liegt gelegentlich noch daneben — etwa wenn unklar ist, ob sie dein hochgeladenes Bild oder das Produktbild verwenden soll. Melde uns solche Fälle gern über den Support-Chat. Jede Rückmeldung hilft uns, die Generierung weiter zu verbessern.

Viel Spaß beim Ausprobieren — wir sind gespannt, welche Seiten du baust!

Hat dies deine Frage beantwortet?