Squarespace-Alternative / Design wählen, zu deinem machen
Eine flexible Squarespace-Alternative. Erstelle ein Portfolio aus einem fertigen Design und ergänze weitere Arbeiten mit KI.
Gib deiner Arbeit eine Website, die du dir schon vorstellen kannst. Wähle ein OneDollarStock-Design und gib deiner KI die Dateien und Anweisungen, um Texte, Bilder und Layout anzupassen. Die Gestaltung steht bereits — jetzt machst du sie zu deiner.
Links siehst du das Original-Template. Rechts ein interaktives Beispiel mit vorbereiteten Änderungen an den Projektdateien. Der Dialog ist ein Beispiel; es ist keine KI live verbunden.
Wähle diese Methode für eine vorbereitete Portfolio- oder Firmenwebsite, die du mit KI änderst und als Quelldateien behältst. Du entscheidest über Darstellung und Hosting. Wenn du Squarespace-Shop, Terminplanung oder CMS nutzt, plane Ersatz oder Verbindung vor dem Wechsel.
Zum Vergleichen wischen →
Was dir wichtig ist
Squarespace
OneDollarStock Templates
Mit einem fertigen visuellen Design starten
✓Layouts und Templates von Squarespace.
✓Wähle ein Design mit bearbeitbaren Dateien.
KI bei der Arbeit an der Website nutzen
✓Squarespace bietet KI-Werkzeuge für Websites.
✓Passe das Projekt in deiner KI mit Dateizugriff an.
Inhalte in einem enthaltenen CMS bearbeiten
✓Squarespace enthält eine Umgebung zur Inhaltsverwaltung.
×Ein CMS ist im Template nicht enthalten.
Plattform-Hosting mit dem Website-Abo erhalten
✓Hosting ist Teil des Squarespace-Website-Abos.
×Wähle ein separates Hosting für das Projekt.
Ein vollständig gestaltetes HTML-Projekt aus dem Standard-Inhaltsexport erhalten
×Ausgewählte Inhalte werden als XML exportiert; die Gestaltung ist nicht enthalten.
✓Mit dem Template erhältst du den HTML-Quellcode des Designs.
Du möchtest zuerst das Design wählen und KI-Bearbeitung, Prüfung und Hosting darauf abstimmen.
Die Plattform-Dienste behalten
Du nutzt den Inhaltseditor oder andere Dienste der Plattform und möchtest sie dort verwalten.
02 / Deine Website
Kann ich eine ganze Website mit einem einzigen Prompt erstellen?
Ja. Das Template gibt deiner KI ein vollständiges Website-Design mit Struktur, Gestaltung und Interaktionen als Grundlage. Füge den enthaltenen Prompt oder RECREATE.md in deine KI ein und übergib die Projektdateien und Bilder. Du kannst auch direkt mit der enthaltenen HTML-Datei starten und Änderungen beschreiben. Prüfe das Ergebnis; funktionierende Formulare, Zahlungen oder ein CMS brauchen eine eigene Einrichtung.
Forma Studio
Ein ausdrucksstarkes Portfolio für ein Markenstudio.
Nutze dieses Template und RECREATE.md für mein Unternehmen. Behalte das Design und ersetze Beispielname, Angebot und Bilder durch meine angehängten Inhalte.
KI · Beispielantwort
Ich arbeite mit der bestehenden Struktur, ordne deine Inhalte den Abschnitten zu und liste fehlende Texte oder Bilder auf, bevor ich die Vorschau erstelle.
Du
Behalte das Layout. Nutze meine Leistungsbeschreibungen und verlinke den Hauptbutton mit meiner Buchungsseite.
Vom Template zu deiner Website
Das vollständige Paket übergeben
Quellcode, Anleitung und enthaltene Dateien.
Deine Inhalte ergänzen
Name, Angebot, Bilder und Ziel des Hauptbuttons.
Das Ergebnis öffnen
Die ganze Seite prüfen und Korrekturen anfordern.
Du passt ein vorhandenes Website-Design an, statt es auf einer leeren Seite zu beschreiben.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
Nutze den enthaltenen Quellcode und die Anleitung. Bitte die KI, das Design zu behalten, Beispiele durch deine Inhalte zu ersetzen und die fertige Seite zu zeigen. Die zwei Templates oben zeigen unterschiedliche Designs; die optionale Bearbeitungsdemo nutzt Formwell.
Ändere die Überschrift in meinen Firmennamen, nutze das angehängte Logo und mache den Hauptbutton dunkelgrün. Behalte den restlichen Aufbau.
KI · Beispielantwort
Ich suche Überschrift, Logo und Button-Stile im Projekt und bereite die Änderungen vor. Die vorhandenen Abschnitte bleiben erhalten; ich zeige dir die Vorschau.
Du
Kürze die Überschrift auf Mobilgeräten und verlinke den Button mit meinem Kontaktbereich.
Deine erste Änderung
Template-Dateien öffnen
Ordner und RECREATE.md an den Agenten übergeben.
Das Ergebnis beschreiben
Abschnitt, neuen Text, Bild oder Farbe nennen.
Prüfen und anpassen
Vorschau auf Desktop und Mobilgerät öffnen.
Du beschreibst die Änderung; das KI-Tool bearbeitet die Dateien. Du entscheidest über das Ergebnis.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
03 / Deine ersten Änderungen
Kann ich das selbst machen?
Ja — Änderungen an Texten, Farben, Bildern und Layout beschreibst du in normaler Sprache. Nutze ein KI-Tool, das die Projektdateien lesen und bearbeiten kann. Entpacke das Template, öffne den Ordner in deinem Agenten oder hänge unterstützte Dateien an den Chat an. Beschreibe dann genau, was sich ändern soll. Öffne die Vorschau und bitte um Korrekturen, bis sie zu deinem Unternehmen passt.
01
Template-Dateien öffnen — Ordner und RECREATE.md an den Agenten übergeben.
02
Das Ergebnis beschreiben — Abschnitt, neuen Text, Bild oder Farbe nennen.
03
Prüfen und anpassen — Vorschau auf Desktop und Mobilgerät öffnen.
Eigene Funktionen wie Anmeldung, Zahlungen oder Live-Daten können zusätzliche Dienste oder Fachhilfe benötigen.
Vorbereitetes Template-Beispiel ansehen
AI ChatBeispielablauf
Download-Paket · Formwell-Beispiel
Du
Ich habe Formwell entpackt. Welche Dateien gebe ich dir und wofür sind sie da?
KI · Beispielantwort
Gib mir den ganzen Ordner. index.html ist die Website, RECREATE.md beschreibt das Design und assets/ enthält die verwendeten Bilder. Ich lese Anleitung und Quellcode zusammen.
Du
Nutze die vorhandene Website als Ausgangspunkt und ersetze die Beispielinhalte durch meine.
Was du herunterlädst
Website-Quellcode
Bearbeitbares HTML, Stile und Interaktionen.
KI-Anweisungen
RECREATE.md für das gewählte Design.
Zugehörige Dateien
Enthaltene Bilder und andere Dateien beim Projekt belassen.
Ein Website-Projekt, das du behältst und in deinem Tool bearbeitest. Hosting und KI-Konto sind separat.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
04 / Was du kaufst
Was erhalte ich nach dem Kauf genau?
Du erhältst ein bearbeitbares Website-Projekt und seine KI-Anweisungen. Beim geprüften Formwell-Beispiel enthält index.html die Website, Stile und Interaktionen; RECREATE.md erklärt das Design; assets/ enthält vier zugehörige Bilder. Der Inhalt variiert je nach Template. Prüfe deshalb das Paket deines gewählten Produkts. Behalte die Dateien auf deinem Computer, um sie mit deiner KI zu bearbeiten oder an eine Person für die Veröffentlichung weiterzugeben.
Veröffentliche diese fertige Website mit Wrangler auf Cloudflare Pages. Sage zuerst, welchen Ordner du hochlädst und welche Berechtigungen du brauchst. Frage vor dem Upload oder Domain-Änderungen nach.
KI · Beispielantwort
Ich prüfe Dateien und Hosting-Konfiguration und bitte dich dann um Anmeldung oder den erforderlichen Zugriff. Ich zeige dir den Upload-Plan. Nach deiner Freigabe kann ich veröffentlichen und die zurückgegebene Adresse prüfen.
Du
Starte mit der Cloudflare-Adresse. Wir prüfen diese Version, bevor wir meine eigene Domain verbinden.
Lokale Dateien → Website im Internet
Vorbereiten und freigeben
Ordner, Hosting-Konto und Upload bestätigen.
Veröffentlichen und prüfen
Website-Ordner mit Wrangler hochladen und die zurückgegebene Adresse öffnen.
Domain verbinden
Domain dem Projekt zuordnen und DNS-Änderungen freigeben.
Dein KI-Agent kann die Website veröffentlichen, sobald du nötigen Zugriff und Freigabe erteilst.
Beispieldialog zur Veröffentlichung. Dieser Landingpage-Chat veröffentlicht keine Website.
05 / Online gehen
Wie wird aus dem Projekt meine veröffentlichte Website?
Wenn dir die Website gefällt, bitte einen KI-Agenten mit Dateizugriff, sie auf Cloudflare Pages, Vercel oder einem anderen geeigneten Hosting zu veröffentlichen. Der Agent braucht das Projekt, Zugriff auf dein Hosting-Konto und deine Freigabe vor dem Upload oder Änderungen an der Domain. Er kann die unterstützte CLI oder API nutzen, eine Vorschauadresse zurückgeben und dir beim Verbinden deiner eigenen Domain helfen.
Hosting ist der Ort, an dem deine Website-Dateien liegen; die Domain ist die Adresse, die Besucher eingeben. Starte mit der Vorschauadresse des Hostings und verbinde deine Domain, sobald die Website geprüft ist.
Die KI um Veröffentlichung bitten
Gib einem geeigneten Agenten den Website-Ordner, freigegebenen Hosting-Zugriff und deine Zustimmung. Er kann Cloudflare Wrangler oder Vercel CLI nutzen und dir beim Prüfen der zurückgegebenen Adresse helfen.
ZIP an den Hosting-Support senden
Frage, ob dein Hosting-Anbieter Hilfe bei der Einrichtung anbietet, und sende das fertige Projekt mit Anleitung. Leistung und mögliche Gebühren hängen vom Anbieter ab.
Entwickler oder IT-Kontakt fragen
Sende das ganze Projekt, Domain-Details und den gewünschten Kontakt- oder Buchungsdienst. Vereinbart, wer hochlädt und prüft.
Prüfe vor dem Start den Kontakt- oder Buchungsweg. Ein gestaltetes Formular allein versendet keine Nachrichten.
AI ChatBeispielablauf
Forma Studio · nächstes Update
Du
Hier sind die aktuellen Dateien. Ergänze meine neue Leistung und aktualisiere die Kontaktadresse. Behalte Design und Domain.
KI · Beispielantwort
Ich sichere die aktuelle Version, bereite beide Änderungen vor und zeige eine Vorschau. Nach deiner Freigabe kann ich das bestehende Hosting-Projekt mit deinem bereitgestellten Zugriff aktualisieren.
Du
Zeige mir vor der Veröffentlichung auch die mobile Version.
Dieselbe Website aktualisieren
Aktuelle Dateien nutzen
Alle Änderungen seit dem ursprünglichen Download einschließen.
Die nächste Änderung beschreiben
Inhalte ergänzen, Bilder ersetzen oder Layout anpassen.
Geprüfte Version veröffentlichen
Im bestehenden Hosting-Projekt bereitstellen.
Das nächste Update setzt deine eigene Website mit aktuellen Inhalten und derselben Adresse fort.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
06 / Die nächste Änderung
Kann ich die Website später noch ändern?
Ja. Öffne dasselbe gespeicherte Projekt, gib deiner KI die aktuellen Dateien und beschreibe, was du ergänzen oder ändern willst. Sichere die bestehende Version, prüfe die neue Vorschau und bitte den Agenten, das freigegebene Update im selben Hosting-Projekt zu veröffentlichen. Du musst das Template zur Bearbeitung dieses Projekts nicht erneut kaufen; die Website kann ihre bisherige Adresse behalten.
Die Gesamtkosten bestehen aus Template oder PRO-Zugang sowie KI-Abo, Hosting, Domain und den von dir gewählten Diensten. Template- und PRO-Preise stehen unten. Für die übrigen Kosten frage den Agenten, welche Dienste diese Website braucht, und prüfe deren aktuelle Gebühren. Eine Präsentationsseite und eine Website mit Zahlungen oder Mitgliederkonten kosten unterschiedlich viel.
Hier sind die Inhalte meiner aktuellen Website und das neue Template. Übernimm Angebot, Über-uns und Kontakt in das neue Design. Halte wichtige URLs in einer Migrationsliste fest.
KI · Beispielantwort
Ich ordne die Inhalte den Template-Abschnitten zu, nutze die gelieferten Originalbilder und markiere Lücken. Ich liste auch nötige Weiterleitungen und Dienste auf, die neu verbunden werden müssen.
Du
Lass die bisherige Seite online, bis ich die Vorschau freigebe und der Kontaktweg funktioniert.
Die Inhalte übernehmen, die du behalten willst
Inhalte sammeln
Aktuelle Texte, Originalbilder und wichtige URLs.
Im Template platzieren
KI um Austausch der Beispiele bei gleichem Design bitten.
Nach der Prüfung umstellen
Inhalte, Links, Dienste und Weiterleitungen prüfen.
Deine Inhalte kommen in ein neues Design. CMS, Shop und Buchungsdienste brauchen eine separate Verbindung.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
08 / Deine bisherige Website
Wie übernehme ich Inhalte meiner bisherigen Website in ein neues Template?
Gib deiner KI das neue Template sowie Texte, Originalbilder und wichtige URLs deiner bisherigen Website. Ein Agent mit Dateizugriff kann die alte Seite bei vorhandenem Zugriff prüfen; alternativ fügst du die Inhalte ein oder übergibst einen Export. Bitte ihn, alte Abschnitte dem neuen Design zuzuordnen, Beispielinhalte zu ersetzen und Lücken zu markieren. Prüfe Links und wichtige Weiterleitungen, bevor du die Domain umstellst.
01
Inhalte sammeln — Aktuelle Texte, Originalbilder und wichtige URLs.
02
Im Template platzieren — KI um Austausch der Beispiele bei gleichem Design bitten.
03
Nach der Prüfung umstellen — Inhalte, Links, Dienste und Weiterleitungen prüfen.
CMS-Inhalte, Shop-Daten und Buchungsdienste wechseln nicht allein durch Kopieren des Website-Designs. Frage deinen Agenten, welche Dienste neu verbunden werden müssen, und lasse die alte Seite bis zur Prüfung online.
Das Menü verdeckt auf dem Handy die Überschrift. Hier sind Projekt, RECREATE.md und Screenshot. Behebe das und behalte das Desktop-Layout.
KI · Beispielantwort
Ich prüfe mobiles Menü und Abstände, erkläre die Ursache und bereite eine gezielte Korrektur vor. Die mobile Vorschau zeigt dir das Ergebnis vor der Veröffentlichung.
Du
Sag mir, welche Dateien geändert wurden, damit ich die aktuelle Version behalte.
Der KI das tatsächliche Problem zeigen
Das Problem zeigen
Screenshot, Gerät und erwartetes Ergebnis.
Das Projekt beilegen
Aktuelle Dateien und Designanleitung.
Die Korrektur prüfen
Vorschau prüfen; für Integrationen bei Bedarf Fachhilfe nutzen.
Mit konkretem Kontext kann die KI das Problem beheben, statt die ganze Website neu zu erstellen.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
09 / Wenn du Hilfe brauchst
Was mache ich, wenn ich nicht weiterkomme?
Gib deiner KI die aktuellen Projektdateien, RECREATE.md, einen Screenshot und das genaue Problem. Zum Beispiel: ‚Das Menü verdeckt auf dem Handy die Überschrift. Behebe das, ohne das Desktop-Layout zu ändern.‘ Bitte sie, die Ursache zu erklären, die Korrektur vorzunehmen und den Test zu zeigen. Für Fragen zum Download oder Paket kontaktiere OneDollarStock. Kann der Agent eine eigene Integration nicht fertigstellen, gib Projekt und Problem an einen Entwickler oder Hosting-Support weiter.
Nutze das angehängte Formwell-Projekt und die Anleitung. Ersetze den Beispielnamen durch meinen Firmennamen und nutze meine Markenfarbe für die Hauptbuttons.
KI · Beispielantwort
Ich lese Quellcode und Anleitung, bereite Text- und Farbänderungen vor und zeige eine Vorschau. Du kannst sie mit dem Original vergleichen, bevor du dein nächstes Design wählst.
Du
Ersetze jetzt die Beispiel-Einleitung durch meinen Absatz.
Vor der Auswahl testen
Herunterladen und entpacken
Das originale Formwell-Projekt.
Anweisungen kopieren
Anleitung und Dateien an deine KI übergeben.
Für dich anpassen
Name, Angebot oder Farben ändern und Vorschau prüfen.
Teste die Dateien und den Prompt mit einem echten Projekt vor dem Kauf.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
10 / Die neue Methode testen
Kann ich die Methode vor dem Bezahlen testen?
Ja. Lade unten das kostenlose Formwell-ZIP herunter und entpacke es. Kopiere die vollständigen KI-Anweisungen, öffne oder übergib die Dateien in deinem KI-Tool und bitte um eine Änderung mit deinen eigenen Unternehmensinhalten. Du kannst denselben Bearbeitungsablauf testen, bevor du ein kostenpflichtiges Design wählst. Dein KI-Konto ist separat.
OneDollarStock setzt ein Projekt zur Vorbereitung der Plattform auf den Eintritt in den deutschen Markt im Rahmen des Akzelerationspfads „Go Global“ des Programms „Unicorn Hub Startup Booster“ um (Projektnr. FENG.02.28-IP.02-0013/23). Das Projekt wird aus Mitteln des Programms European Funds for Smart Economy 2021–2027 im Rahmen der Priorität „Innovation-friendly environment“, Maßnahme FENG.2.28 Startup Booster Poland, kofinanziert.
Mehr über das Projekt erfahren →
Savi
Template ansehen
Rondist
Template ansehen
Passer
Template ansehen
Outer Light
Template ansehen
Osma
Template ansehen
Nightglass
Template ansehen
Lark
Template ansehen
Drumlin
Template ansehen
Aveniq
Template ansehen
Novera
Template ansehen
Aurelia Atelier
Template ansehen
Nivora
Template ansehen
Savi
Template ansehen
Rondist
Template ansehen
Passer
Template ansehen
Outer Light
Template ansehen
Osma
Template ansehen
Nightglass
Template ansehen
Lark
Template ansehen
Drumlin
Template ansehen
Aveniq
Template ansehen
Novera
Template ansehen
Aurelia Atelier
Template ansehen
Nivora
Template ansehen
