Zum Inhalt springen
DEINE ADRESSE. DEINE WEBSITE. KONTAKT FÜR KUNDEN.

Zeige Kunden deine Website unter deiner eigenen Domain. Gib ihnen einen klaren Weg zum Kontakt oder zur Buchung.

Wähle ein fertiges HTML-Design und passe Inhalte mit deiner KI an. Stelle die Website auf deinem gewählten Hosting bereit und verbinde Kontakt oder Buchung mit deinem Dienst. OneDollarStock liefert Design und bearbeitbare Dateien.

Claude Code · Codex · Cursor · Gemini CLI
Serein → Vale Studio
Originales Serein: großer Titel SEREIN STUDIO und eine Illustration von Personen und Pflanzen auf grünem Hintergrund.
AI ChatZusammenfassung einer Beispielanweisung
Du

Arbeite mit index.html und RECREATE.md von Serein. Bereite das fiktive Vale Studio vor: Name und Zeichen V. im Header, Titel „VALE STUDIO“, Label „Beispiel eines Bewegungsstudios“ und Beschreibung aus der vollständigen Anweisung. „Kontakt und Kursanfrage“ führt zum bestehenden Kontakt, „Lerne das Studio kennen“ zur Studiobeschreibung. Behalte Illustration und Design. Speichere die Datei und zeige die Vorschau.

index.html · RECREATE.md
KI

Die Vorschau zeigt das vorbereitete Vale Studio. Die Hero-Schaltfläche führt zum Kontakt, die zweite zur Studiobeschreibung. Illustration und Design bleiben.

Vorbereitetes Gesprächsbeispiel. Die Schaltfläche kopiert die vollständige Anweisung zur Dateibearbeitung. Keine Live-Verbindung zur KI.

Vollständiger Auftrag zum Kopieren

Serein und ein vorbereiteter Einstieg für das fiktive Vale Studio. Name und Hero-Inhalte wurden geändert; weitere Abschnitte behalten die englischen Quelltexte.

Projektdateien

Entpacke das Projekt und gib deiner KI index.html und RECREATE.md. Ergänze eigene Inhalte und Kontaktdaten.

index.htmlRECREATE.md
01 / VON DER VORSCHAU ZUR WEBSITE FÜR KUNDEN

Ein Kunde kann die Adresse öffnen und deinen Kontakt finden.

Bereite drei Dinge vor: eine Seite mit deinen Inhalten, eine Adresse zum Teilen und einen Kontaktweg. Prüfe den gesamten Ablauf als Besucher, bevor du Kunden den Link sendest.

01

Teile eine Adresse deiner Website.

Wähle Hosting und verbinde deine eigene Domain. Öffne die öffentliche Adresse auf Smartphone und Computer, um die Website außerhalb der lokalen Vorschau zu prüfen.

02

Führe Kunden zum richtigen Kontakt.

Ergänze eigene E-Mail-Adresse, Telefonnummer oder die Adresse eines funktionierenden Buchungsdienstes. Verlinke die Schaltfläche mit deinem gewählten Kontaktweg.

03

Prüfe, wo die Anfrage ankommt.

Verbinde ein Formular mit einem Nachrichtendienst. Sende eine Testanfrage und prüfe den Empfang; gehe bei Buchungen die Terminauswahl durch.

Die gezeigten Projekte enthalten bearbeitbares HTML und eine RECREATE.md-Anleitung. Den genauen Paketinhalt findest du auf der Vorlagenseite.

02 / KONTAKT PASSEND ZU DEINEM ANGEBOT

Passe Kontakt an deinen gewünschten Anfrageweg an.

Nutze den bestehenden Kontaktbereich für eigene E-Mail-Adresse und Schaltflächentext. Das vorbereitete Beispiel öffnet das E-Mail-Programm; ersetze die Adresse vor der Veröffentlichung durch deine eigene.

Vale Studio
Kontakt der ersten Vale-Studio-Version: ursprünglicher englischer Serein-Text und Schaltfläche Find a practice neben einer Illustration mit sitzender Person und Pflanze.
AI ChatBeispielanweisung
Du

Ändere in der gespeicherten index.html von Vale Studio nur den Kontakt. Label: „Kontakt / Beispiel“. Überschrift: „Schreib uns.“. Beschreibung: „Frage nach Kursen im Vale Studio. Ersetze die Beispieladresse [email protected] vor der Veröffentlichung durch deine eigene.“. „E-Mail öffnen“ öffnet das E-Mail-Programm mit [email protected] und Betreff „Kursanfrage für Vale Studio“. Behalte die übrige Seite. Speichere die Datei und zeige die Vorschau.

KI

Der Kontakt hat jetzt angepasste Texte und eine Schaltfläche zum Vorbereiten einer E-Mail. Die Adresse ist als Beispiel gekennzeichnet. Ein Klick öffnet das E-Mail-Programm; der Besucher sendet die Nachricht.

Ursprünglicher englischer Kontakt und eine vorbereitete Vale-Studio-Version. Das Beispiel-mailto öffnet ein eingerichtetes E-Mail-Programm. Der Besucher sendet die Nachricht.
03 / EINE WEBSITE FÜR DEIN ANGEBOT WÄHLEN

Wähle ein Layout für deine eigene Domain.

Öffne die vollständigen Vorschauen und prüfe den Platz für Angebot und Kontakt. Beginne mit dem Design, das deinem Vorhaben am nächsten kommt.

Serein / illustriertes Kursangebot

Serein / illustriertes Kursangebot

Ein grünes Bewegungsstudio-Design mit Illustrationen und Kontaktbereich. Prüfe das Layout für deine eigenen Kurse.

Vollständige Vorlage ansehen
Stillday / fotografische Leistungspräsentation

Stillday / fotografische Leistungspräsentation

Ein Wellness-Design in Lavendeltönen mit Fotos und Leistungsbeschreibungen. Sieh es dir an, wenn Fotografie deine Website prägen soll.

Vollständige Vorlage ansehen
Novera / kreativer Studioauftritt

Novera / kreativer Studioauftritt

Eine dunkle Studiopräsentation mit Projektbildern und Kontakt. Prüfe den Platz für dein eigenes Angebot.

Vollständige Vorlage ansehen
04 / DEN WEG VOM BESUCH ZUM KONTAKT VORBEREITEN

Nutze das fertige Layout und verbinde die benötigten Dienste.

Die Vorlage liefert Design und bearbeitbare Dateien. Passe Angebot und Kontaktdaten mit KI an; deine gewählten Dienste übernehmen Nachrichten oder Buchungen.

01

Die Website an dein Angebot anpassen.

Lass deine KI Inhalte, Marke und Kontakt in den gewählten Vorlagendateien bearbeiten.

02

Adresse und Dienste verbinden.

Veröffentliche die Dateien auf deinem Hosting, verbinde deine Domain und richte Kontakt oder Buchung ein.

03

Prüfen und den Link teilen.

Öffne die öffentliche Website und prüfe Schaltflächen sowie den Anfrageweg. Sende dann Kunden die Adresse.

Design und Anleitung im Paket

  • Bearbeitbares HTML mit Angebots- und Kontaktlayout zum Anpassen an dein Unternehmen.
  • Eine RECREATE.md-Anleitung, die das gewählte Design für die weitere Arbeit beschreibt.
  • Illustrationen oder Materialien laut Produktpaket; die SVG-Illustrationen von Serein stehen im HTML.

Was du noch vorbereiten musst

  • Nutze ein Werkzeug, das Dateien liest und speichert, etwa Claude Code, Codex, Cursor oder Gemini CLI. Du wählst und bezahlst deine KI separat.
  • Bereite Hosting, Domain sowie Nachrichten- oder Buchungsdienst vor. Konten, Einrichtung und Gebühren sind separat.
  • Prüfe vor dem Teilen die öffentliche Adresse auf dem Smartphone und den tatsächlichen Empfang einer Anfrage oder den Buchungsablauf.

Probiere eine Website-Bearbeitung mit kostenlosem Formwell.

Lade das Projekt herunter und lass deine KI Name oder Kontaktdaten ändern. Öffne die Vorschau und sieh, wie du Dateien für deine eigene Website vorbereitest.

Formwell kostenlos herunterladen

DIE TEMPLATE-BIBLIOTHEK

Wähle das Website-Design, das du veröffentlichen möchtest.

Entdecke fertige HTML-Websites. Wähle ein Design, passe die Inhalte mit deiner KI an und richte dann Hosting und die nötigen Verbindungen ein.

Den gesamten Katalog ansehen

82 Website-Templates

WÄHLE DEINEN ZUGANG

Nimm eine Vorlage. Oder die ganze Bibliothek mit Website-Vorlagen, Fotos, Mockups, Presets und mehr — in einem PRO-Plan.

Du hast dein Design gewählt? Nimm eine einzelne Vorlage. Du möchtest weitere Websites erstellen und kreative Materialien nutzen? Wähle PRO.

Ein einzelnes Template

Dein gewähltes HTML-Design und Dateien zum Anpassen vor der Veröffentlichung.

€32,32 EUR/ Template

  • Dein gewähltes Website-Design
  • Quelldateien und KI-Anweisungen
  • Einmal zahlen
Mein Website-Projekt wählen

PRO Yearly

Die gesamte PRO-Bibliothek: Nutze Designs und kreative Materialien während deines aktiven Abonnements.

€167,18 EUR/ Jahr

  • Die gesamte Website-Template-Bibliothek
  • Fotos, Mockups, Presets, LUTs und Texturen
  • Ein Jahr Zugang zur PRO-Bibliothek
  • Automatische Verlängerung jedes Jahr. Jederzeit kündbar.
Spezielles Lifetime-Angebot

PRO Lifetime

Dauerhafter Zugang zur PRO-Bibliothek mit einer Zahlung für weitere Websites und kreative Materialien.

Vorheriger Preis€667,67 EUR

€221,81 EUR/ einmalig

  • Die gesamte Website-Template-Bibliothek
  • Fotos, Mockups, Presets, LUTs und Texturen
  • Lifetime-Zugang zur PRO-Bibliothek
  • Einmal zahlen. Keine jährliche Verlängerung.

Preise für Commercial Use. Preise und Steuern werden im Checkout bestätigt. KI-Tool, Domain und Hosting sind separat.

05 / BEVOR DU KUNDEN DIE ADRESSE SENDEST

Prüfe die Veröffentlichung und den Empfang von Anfragen.

Was brauche ich zur Veröffentlichung unter meiner Domain?

Bereite Website-Dateien, Hosting und Domain vor. Stelle nach der Anpassung die Dateien auf deinem Hosting bereit und richte die Domain nach dessen Anleitung ein. Öffne die öffentliche Adresse und prüfe Bilder, Links und Smartphone-Ansicht. Der Vorlagenkauf liefert das HTML-Design; Hosting, Domain und Veröffentlichung richtest du separat ein.

Wie kann ein Formular Nachrichten empfangen?

Ergänze ein Formular auf der Seite und verbinde es mit einem Dienst, der Nachrichten empfängt und weiterleitet. Richte Felder, Empfänger und Versandstatus nach dessen Vorgaben ein. Sende eine Testnachricht und prüfe ihre Ankunft.

Wie ergänze ich Kontakt oder Buchung auf der Website?

Du kannst eine Schaltfläche mit eigener E-Mail-Adresse oder Telefonnummer verlinken oder die Adresse deines funktionierenden Buchungsdienstes ergänzen. Ein Formular benötigt einen angeschlossenen Nachrichtendienst. Wähle den passenden Weg, lass deine KI Dateien bearbeiten und prüfe ihn auf der öffentlichen Website. Kalender, verfügbare Termine und Bestätigungen richtest du in deinem Dienst ein.

Was zeigen Vergleiche und KI-Gespräche auf dieser Seite?

Es sind vorbereitete Bearbeitungen für das fiktive Vale Studio in HTML-Kopien. Die erste ändert den Einstieg, die zweite Kontakttexte und einen Link zum E-Mail-Programm. Ersetze die Beispieladresse durch deine eigene. Der Besucher sendet die Nachricht; der Vergleich bestätigt keinen Empfang. Kopiere die erste vollständige Anweisung in deine KI und stelle die Projektdateien bereit.

Kann ich die Website nach der Veröffentlichung aktualisieren?

Du kannst Inhalte, Kontakt oder Schaltflächen in den Projektdateien durch deine KI bearbeiten lassen. Prüfe die gespeicherte Vorschau, veröffentliche die geänderten Dateien auf deinem Hosting und teste erneut öffentliche Adresse und Kontakt. Behalte die Einstellungen verbundener Dienste oder passe sie bei Änderungen des Ablaufs an.

Bereite eine Website vor, zu der du deine Kunden führst.

Wähle eine Vorlage, passe Angebot und Kontakt an und stelle die Website unter deiner Adresse bereit. Prüfe den Anfrageweg, bevor du den Link teilst.

06 / VERÖFFENTLICHUNG UND ANFRAGEN VORBEREITEN

Teile die Website. Verbinde das Formular mit dem Nachrichtendienst.

Erfahre, wie du ein HTML-Projekt unter deiner Adresse bereitstellst und benötigte Funktionen verbindest.