Vorgefertigte Blöcke
19 Blöcke in 12 Kategorien (Header, Hero-Bereiche, Preise, häufig gestellte Fragen, Formulare, Fußzeilen …). Ein Klick fügt ihn in die Seite ein.
Canvas
Canvas: Erstelle Seiten und Websites mit KI und bearbeite sie ohne Programmieren
Der Canvas ist das Design-Panel des Chats mit ADRI. Du bittest ADRI um eine Seite, siehst sie sofort, bearbeitest sie mit der Maus oder mit Anweisungen und teilst sie mit einem Link. Er ist für alle, die eine Website oder eine Landingpage brauchen, ohne ein Projekt aufzusetzen.
Was ist das
Eine Leinwand neben dem Chat, um anzusehen und nachzubearbeiten, was ADRI erstellt.
Wenn du ADRI um eine Seite, eine Landingpage oder ein Skript bittest, öffnet sich das Ergebnis im Canvas, einem Panel rechts neben dem Chat. Dort siehst du es, wie es ein Besucher sehen würde, änderst es mit der Maus oder mit Anweisungen in natürlicher Sprache und speicherst es im Bereich der Konversation.
Er öffnet sich automatisch, wenn ADRI eine Webdatei generiert, oder manuell aus jeder Datei des Chats. Mit dem +-Button im Nachrichtenfeld erstellst du auch eine Web-Leinwand von Grund auf. Du kannst den Balken, der ihn vom Chat trennt, ziehen, um ihm mehr oder weniger Breite zu geben.
Erstellen
Bitte ADRI um die Seite, die du brauchst
Beschreibe sie
„Erstelle eine Landingpage für meine Englischschule mit Preisen und Kontaktformular.“ ADRI entwirft die Seite und legt das HTML im Arbeitsbereich ab.
Sieh sie dir an
Der Canvas öffnet sie mit seiner Vorschau. Ändere die Breite zwischen Mobil, Tablet und Desktop, oder nutze die geteilte Ansicht, um drei Größen gleichzeitig zu sehen.
Änderungen anfordern
„Mach diesen Button blau“, „füge einen Fragenabschnitt hinzu“. Jede Änderung von ADRI wird als Version gespeichert.
Die Vorschau lädt das CSS, das JavaScript und die Bilder neben dem HTML, wie ein Browser. Deshalb muss nicht alles in eine einzige Datei gepackt werden. Wenn du ein CSS aus dem Internet verlinkst, wird es möglicherweise nicht geladen: Lass die Styles im Arbeitsbereich.
Designer-Modus
Bearbeiten, ohne Code anzufassen
Komplette Vorlagen
Vier Ausgangspunkte: Produkt-Landingpage, Portfolio, Start-Dashboard und Blog-Startseite.
Direkte Bearbeitung
Aktivieren Sie Bearbeiten, klicken Sie auf einen Text und schreiben Sie. Wenn Sie fertig sind, wird gespeichert.
Inspizieren
Klicken Sie auf ein beliebiges Element und sehen seinen Selektor, seine Maße und seine Stile. Von dort aus können Sie ADRI um eine Änderung nur für dieses Element bitten.
Bilder
Laden Sie JPG, PNG, GIF, WebP oder AVIF hoch (bis zu 10 MB) oder ziehen Sie sie in das Panel, und sie werden in die Seite eingefügt.
Prüfung der Barrierefreiheit
Ein Hinweis markiert Bilder ohne Alternativtext, leere Links und Felder ohne Beschriftung.
Echte Daten
Daten Ihres Unternehmens direkt in der Seite
Sie können Platzhalter wie {{ invoice.count.pending }} oder {{ client.count }} schreiben, und mit dem Button Live ersetzt das Canvas sie durch Ihre Daten: Kunden, Leads, offene Rechnungen, offene Aufgaben, Ihren Namen oder das Datum. Es liest nur Ihre eigenen Datensätze. Das ermöglicht ein Start-Dashboard mit echten Zahlen statt Beispieldaten.
SEO und Versionen
Pflegen Sie die Seite und gehen Sie jederzeit zurück
SEO und soziale Netzwerke
Ein Formular bearbeitet den Titel, die Beschreibung sowie die Texte und das Bild, die beim Teilen in sozialen Netzwerken zu sehen sind.
Mit KI übersetzen
Übersetzt den sichtbaren Text in sieben Sprachen und speichert jede Übersetzung als neue Datei, ohne das Original zu verändern.
Versionsverlauf
Jedes Speichern, jede Bearbeitung oder Änderung von ADRI erstellt eine Version. Sie sehen sie in der Vorschau, vergleichen mit der vorherigen und stellen wieder her. Das Wiederherstellen ist ein weiterer Schritt im Verlauf: Es lässt sich immer rückgängig machen.
Testen und teilen
PHP und Python laufen in Ihrem Browser
Wenn ADRI Ihnen eine Website in PHP oder ein Skript in Python erstellt, führt der Tab Vorschau sie in Ihrem Browser aus: Sie navigieren, senden Formulare ab, sehen die Konsole und laden herunter, was generiert wird. Die Server von BionicAdri führen diesen Code nicht aus. In PHP ist die Datenbank SQLite; MySQL und PostgreSQL sind nicht verfügbar. Auch Anwendungen mit Flask, FastAPI und Streamlit werden angezeigt.
Um es einem Kunden zu zeigen, erstellt Teilen einen öffentlichen Link, der sich ohne Anmeldung öffnet und 1, 7, 30 oder 90 Tage gültig ist. Es ist eine Momentaufnahme des Zeitpunkts, in dem Sie ihn erstellen, und Sie können ihn jederzeit widerrufen. Es ist eine Demo zum Testen: Um eine echte Website zu veröffentlichen, brauchen Sie einen Server.
Preis
Ab 275 €/Monat, KI inklusive
Du zahlst pro Arbeitsplatz: Ein Arbeitsplatz ist eine KI-Aufgabe, die parallel läuft, keine Person, daher sind Nutzer unbegrenzt. Den Server, auf dem deine Daten liegen, wählst du separat, ab 100 €/Monat. Preise ohne MwSt.
Häufige Fragen
Was uns oft gefragt wird
Muss ich programmieren können, um das Canvas zu nutzen?
Nein. Sie beschreiben die Seite im Chat, sehen sie im Canvas und ändern sie mit der Maus oder mit Anweisungen. Wenn Sie programmieren können, gibt es auch einen Editor mit der geöffneten Datei.
Kann ich meine eigenen Bilder und Stile verwenden?
Ja. Sie laden Bilder in das Ressourcen-Panel hoch, und das CSS und JavaScript des Arbeitsbereichs werden in der Vorschau geladen wie in einem Browser.
Kann ich zu einer früheren Version zurückkehren?
Ja. Der Verlauf speichert die Versionen mit ihrer Herkunft (ADRI, manuell oder wiederhergestellt). Sie sehen sie in der Vorschau, sehen den Unterschied zur vorherigen und stellen die gewünschte wieder her.
Wird die Website im Internet veröffentlicht?
Nicht direkt. Das Canvas dient zum Gestalten und Testen. Sie können einen Demo-Link mit Ablaufdatum verschicken, aber um die Website endgültig zu veröffentlichen, brauchen Sie einen separaten Server.
Welche Sprachen kann die Vorschau ausführen?
PHP und Python laufen live in Ihrem Browser, mit ihren Grenzen: kein MySQL oder PostgreSQL, kein Zugriff auf andere Websites und keine Desktop-Fenster. Für andere Sprachen bitten Sie ADRI, sie auszuführen.
Unverbindliche Demo
Erzählen Sie uns, welche Seite Sie brauchen, und wir gestalten sie live gemeinsam mit Ihnen
Erzähl uns, wie du heute arbeitest, und wir zeigen dir, wie ADRI es mit deinen Daten machen würde. Ganz unverbindlich.