Alfima Page Builder: Webseiten erstellen mit KI 🚀

Hallo und herzlich willkommen in diesem Video.

Heute zeige ich dir einmal, wie der neue Page Builder von Alfima funktioniert.

Was bedeutet neuer Page Builder?

Wir haben hier, wenn du auf Seite erstellen klickst, einen komplett neuen Bilder gebaut mit Funktionen, die wirklich crazy sind, wenn ich sie dir gleich zeige.

Kurzer Hinweis vorab, aber du siehst hier, dass ich viele Seiten erstellt habe, die dieses V Label haben.

Das ist quasi dein Signal dafür, dass das Seiten sind, die im neuen Bilder erstellt sind.

Es gibt aber auch noch die Seiten im alten Bilder, die werden weiterhin unterstützt, die können weiterhin bearbeitet und im alten Bilder kann auch weiterhin Seiten erstellt werden.

Es kann sein, dass wir in Zukunft irgendwann die Unterstützung für den alten Bilder entfernen, aber Stand jetzt ist sie ja noch da.

Wenn wir jetzt hier auf Seite erstellen klicken, dann haben wir weiterhin die KI Generierungsoption.

Wir haben immer noch die Option HTML zu importieren, eine bestehende Seite zu kopieren.

Wir wollen jetzt aber mal von Grund auf starten.

So und hier können wir, du siehst, es hat sich vom Look and Feel her ein bisschen verändert, aber im Endeffekt ist es noch still the same.

Wir können hier einmal grundsätzlich in die Seiteneinstellungen reingehen, über das Zahnrad, dort unsere Domain verbinden, Titel ändern, URL ändern, SEO Beschreibung ändern, Favicon haben sich viele gewünscht, ändern, die Textfarben, Buttonfarben und so weiter anpassen.

Wir haben zum Beispiel die Seitenschrift komplett überarbeitet, dass zum Beispiel bestehende Elemente nur noch überarbeitet werden, wenn bei der Schrift des Elements, ich zeig dir es mal kurz, die Standardschrift, sobald du hier etwas veränderst und dann gleichzeitig in den Seiteneinstellungen etwas veränderst, wird das nicht mehr überschrieben, haben sich super viele gewünscht.

Da siehst du, wir haben uns euer Feedback sehr zu Herzen genommen.

Grundsätzlich gibt es bei den Elementen hier nicht viel Neues.

Wir haben die beliebten Elemente drin gelassen.

Die Elemente, bei denen ihr der Meinung wart, dass man die nicht braucht, haben wir rausgenommen.

Da haben wir euer Feedback uns zu Herzen genommen.

Du kannst weiterhin hier dafür sorgen, dass du Spalten hast mit verschiedenen Spalten Anzahlen.

So kannst hier dann die Elemente reinziehen und die Seite genauso bauen, wie es dir beliebt.

So hier dann Bild reinmachen und so weiter und so fort.

Das ist genauso wie vorher und das sollte auch genauso smooth funktionieren wie vorher, nur dass du jetzt hier per Klick noch eine bessere Auswahl hast, sich das hier sofort anpasst per Klick, wie du hier siehst.

Du siehst immer genau, wo du bist und kannst dann auch in den übergeordneten Abschnitt und dann in die übergeordnete Seite reingehen.

Also das ist jetzt deutlich dynamischer und fühlt sich einfach besser an.

Gleichzeitig haben wir hier eine quasi Abschnittsübersicht eingefügt, wo du direkt hier in die einzelnen Spalten reingehen kannst und so Elemente auswählen kannst, was das Ganze, was die Auswahl von einzelnen Elementen noch mal deutlich einfacher macht.

Deswegen hier gerne einmal erkunden, welche Blöcke es gibt.

Wir haben zum Beispiel auch den häufige Fragen Block hinzugefügt, den sich viele gewünscht haben als Element, den man direkt benutzen kann und hier Sachen reinschreiben kann.

Also viele Neuerungen, aber auch viel, was gleich geblieben ist.

Grundsätzlich die größte Neuerung jedoch ist das KI Feature hier.

Du hast hier rechts auf der Seite ein Chatfenster, wo die KI wirklich weiß, was hier auf deiner Seite steht und die Elemente auf deiner Seite bearbeiten kann.

Und du kannst wirklich über alles mit dieser KI sprechen.

Du könntest hier die Headline auswählen.

Du siehst, dann ist hier auch die Headline ausgewählt.

Bitte mach die Schriftfarbe rot.

Wir haben die Headline ausgewählt gehabt, indem wir einfach darauf geklickt haben.

Dann weiß die KI, wir wollen die Headline bearbeiten und zack ist die Schriftart rot gemacht worden.

Und das kannst du natürlich jetzt bis ins kleinste Detail durchdedizieren.

Wir könnten auch hier die ganze Seite löschen und der KI einfach beschreiben, was für eine Seite wir haben wollen.

Und dann baut uns die KI diese Seite.

Dadurch, dass das drei bis fünf Minuten dauert, mache ich das jetzt mal hier nicht im Video, sondern ich zeige dir eine Seite, die ich per KI gebaut habe.

So, das war, du siehst, es ist ein Prompt gewesen, ein Prompt hier, den ich gesendet habe.

Mehr Chat war es nicht.

Ein Prompt und eine Antwort von der KI und ich habe diese Seite hier bekommen.

So, ich mache das mal hier.

Ich habe eine Sache getestet.

Ich mache die Sache mal wieder breit.

Du siehst auch, es gibt automatische Speicherung.

Es gibt einen Vor und Zurück Button, damit du Änderungen rückgängig machen kannst.

Es funktioniert alles wunderbar.

So, jetzt hier ein Prompt.

Diese Seite wurde erstellt und ich kann jetzt ohne Probleme auf dieser Seite alles bearbeiten.

Siehst du, es ist nicht so, dass die KI was erstellt hat, was man nicht bearbeiten kann, sondern alles ist wunderbar bearbeitbar.

Du kannst hier überall reinklicken, den Text ändern, du kannst ranzoomen, du kannst auf die einzelnen Geräte gehen, dir das angucken, auf Handy, auf Laptop und so weiter und so fort.

Also es funktioniert alles wunderbar.

Und wir könnten jetzt hier zum Beispiel reingehen und diese Sektion auswählen.

So, da auf das KI Logo hier klicken und diese Sektion sieht mir nicht professionell genug aus.

Zu viel Text, zu wenig Visuelles.

Bitte einmal umbauen aus Sicht eines professionellen Webdesigners.

So, das geben wir der KI jetzt, klicken hier auf Senden und dann liest die KI die Seite.

Da ein ganz, ganz wichtiger Bitte immer immer auswählen die Sektion, die du bearbeiten willst.

Wenn du immer quasi die ganze Seite ausgewählt hast und dann dem Hey, bitte passe die und die Sektion an, dann wird immer die ganze Seite mitgesendet, weil die KI natürlich die ganze Seite prüfen muss und dann verbrauchst du mehr Credits, weil natürlich Credits verbraucht werden, wenn du hier mit der Seite chattest.

Deswegen kleiner Trick, immer vorher die Sektion auswählen, die du ändern möchtest, außer natürlich du möchtest die ganze Seite verändern, dann versteht sich von selber, dass du die ganze Seite ausgewählt lässt.

Aber so sparst du dir eine ganze, ganze Menge Tokens und sorgst dafür, dass die nicht so schnell leer gehen.

So, jetzt du siehst also wie lange hat das gerade gedauert?

30 Sekunden.

Ich bin nicht mal fertig geworden mit dem Labern.

Und wir können uns hier live ansehen, dass es eine ganz andere visuelle Sprache jetzt hier gebaut hat.

Und das Krasseste ist, guck mal, das ist nicht irgendwie eigenes HTML oder so, das ist alles hier in unserem Baukasten drin.

Und du kannst jetzt in jeden einzelnen Text reingehen und die Dinge hier anpassen und selber bearbeiten.

Also ich mache das mal hier ein bisschen größer.

Zack.

Also du kannst jeden Text jetzt hier reinklicken, bearbeiten.

Es ist alles, jedes Icon ist veränderbar.

Ich könnte jetzt hier reinklicken, mir ein anderes Icon auswählen und zack.

Ja, also komplett crazy.

Viel professioneller, viel mehr Möglichkeiten.

Und was auch ohne Probleme geht, ist füge eine Sektion ein, in der einige Hunderassen mit Bildern von Hunden gezeigt werden, um zu verdeutlichen, für welche Rassen es funktioniert.

Fachlich gesehen ist das jetzt natürlich Stuss, was ich mache, aber wir sagen jetzt mal der KI, dass sie Bilder einfügen soll und du siehst die KI Hey, du bearbeitest noch die Sektion von vorhin, Bitte gehe mal auf die ganze Seite, damit auf der ganzen Seite das verändert wird.

Und jetzt warten wir einmal kurz ab, bis das generiert ist.

So wunderbar.

Ich weiß jetzt nicht, wie lange das gedauert hat.

Du kannst hier auf meine Uhr gucken.

Ich glaube zwei Minuten, drei Minuten hat es gedauert.

Und er hat eine Sektion eingefügt, wo er verschiedene Hunderassen genannt hat und dann ein entsprechendes Bilderelement eingefügt hat, wo wir dann ein Bild hochladen können.

Wir haben auch Unterstützung dafür eingebaut, dass lizenzfreie Bilder hinzugefügt werden, sofern die KI lizenzfreie Bilder für deinen konkreten Wunsch findet.

Das Feature ist noch nicht perfekt, weil wir halt wirklich lieber kein Bild einfügen, als wenn wir ein Bild nehmen würden, was nicht lizenzfrei ist.

Und Wir wollen keine KI generierten Bilder hier einfügen.

Deswegen, ich würde sagen, so in 40 bis 50 Prozent der Fällen findet unsere KI jetzt schon ein Bild und ansonsten, wie hier gibt dir die KI einen Platz, wo du dann ein entsprechendes Bild hochladen kannst.

Das werden wir aber auf jeden Fall noch optimieren, dass das eine höhere Trefferquote hat.

Aber ansonsten siehst du also, wie wir in kürzester Zeit ja wirklich hier so eine Seite gebaut haben, wirklich nicht länger als 10 Minuten.

Und das habe ich, glaube ich, noch gar nicht gezeigt.

Wenn wir in die Button Einstellungen gehen, Hier ist das Produkt von Alfima schon verbunden.

Also ich hatte ihm ja gesagt, warte, ich zeig dir das mal kurz.

Ich hatte ihm gesagt, für welches Produkt er mir die Seite bauen soll und er hat hier überall schon im Button die richtige nächste Seite verbunden.

Also ich muss mir nicht mal mehr Gedanken machen, auf was der Button verlinkt und so weiter, weil das ja alles in Alfima liegt.

Bedeutet hier ist alles ready.

Ich bin wirklich in kürzester Zeit verkaufsbereit.

Und das ist, glaube ich, etwas, was dir sehr, sehr viel helfen wird in deiner Arbeit.

Wir können jetzt noch einmal versuchen hier, wobei, ne, das würde jetzt das Video zu lange strecken, das mache ich jetzt nicht.

Ich will dich auch nicht langweilen hier mit irgendwelchen Tests.

Teste selber mal für dich.

Du kannst hier wirklich die verschiedensten Dinge machen.

Ich kann dir mal kurz zeigen, ich glaube, das war in diesem Account.

Jetzt finde ich es nicht wieder.

Ich glaube, ich finde es nicht wieder.

Aber hier zum Beispiel auch eine Seite.

Das Bild hat zum Beispiel unsere KI gefunden, sieht ganz anders aus, wie du siehst.

Und da vielleicht noch mal einen Punkt, Da habe ich eine Seite generiert, die sieht komplett anders aus.

Also du siehst auch nicht mehr, es ist nicht mehr irgendwie ein Template oder so, sondern die Seite sieht komplett anders aus.

Wundere dich jetzt nicht hier drüber, das ist ein Template Produktbild, aber das sieht komplett anders aus.

Und hier der Rechner zum Beispiel funktioniert.

Also du kannst auch solche dynamischen Elemente einfügen, indem du einfach der KI, wir können uns ja mal hier den Chat angucken, indem du einfach der KI sagst, was genau du auf der Seite haben möchtest, was für einen interaktiven Rechner du haben möchtest oder wie auch immer.

Und dann funktionieren diese Elemente ohne Probleme.

Du siehst, dann baut unsere KI dir eigenes HTML und du kannst sogar sagen, dass die KI dieses eigene HTML anpassen soll.

Also du siehst, ich habe jetzt dieses Custom HTML ausgewählt und könnte jetzt Bitte verändere die Rechneranzeige oder mach den Rechner rot anstatt grün oder was auch immer.

Und das könnte unsere KI machen.

Wichtig ist, wähle immer die Sektion aus, mit der du jetzt auch wirklich sprechen möchtest, mit der du chatten möchtest.

Du kannst hier auch der KI, das kann ich vielleicht auch mal zeigen, Du kannst aus deiner Mediathek so zack, hier mein Produktbild, Bitte füge eine Sektion ein, in der das Produktbild ist.

Du kannst aus der Mediathek Bilder von dir auswählen, die der KI geben.

Zack, du siehst ganze Seite auswählen, die der KI geben und dann fügt die KI dieses Produktbild auf der Seite ein.

Also auch nicht mehr irgendwie in Claude irgendwelche komischen Links hinterlegen oder so, sondern unsere KI weiß Bescheid.

Du hast die Mediathek in Alfima, da sind alle deine Bilder verwaltet.

So, mal gucken, wo hat es das eingefügt?

Übersehe ich jetzt was?

Ich glaube, es hat nur ein Bildplatzhalter eingefügt, weil es denkt, dass es das Produkt ist, Produktbild ist.

Du siehst, manchmal halluziniert die KI auch noch, aber das ist, denke ich, ganz normal, wenn das passiert, Sag uns da gerne Bescheid, wenn du solche Fälle hast, in denen die KI halluziniert, weil jede Generierung für sich, wir arbeiten da ja wirklich mit dem neuesten Model von Claude, hast du Zugriff drauf.

Deswegen immer Bescheid geben, wenn du solche Fälle hast.

Das ist überhaupt kein Problem.

Ach hier, guck mal, da ist das Bild.

Er dachte jetzt, weil die Seite für ein anderes Produkt gebaut ist, dachte er, er soll das Produktbild nehmen und das Produkt selber hat aber kein Produktbild, deswegen war er gerade verwirrt.

Du siehst, manchmal ist er noch verwirrt.

Soll ich jetzt das hochgeladene Bild nehmen?

Soll ich das Bild nehmen vom Produkt?

Dementsprechend da immer gerne uns Feedback geben, wenn du irgendwelche Sachen findest, die nicht auf den ersten Schritt gleich verständlich sind.

Aber ansonsten wünsche ich dir viel Spaß mit dieser neuen Funktion.

Ich bin super gespannt darauf, welche Seiten ihr bauen werdet.

Und ganz lieben Gruß aus der Zentrale.