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.

Meine Website-Vorlage wählen Zugang zur PRO-Bibliothek ansehen

Claude Code · Codex · Cursor · Gemini CLI

Serein → Vale Studio

AI ChatZusammenfassung einer Beispielanweisung

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

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

Arbeite mit index.html und RECREATE.md von Serein. Ändere nur den Namen im Header und die Hero-Inhalte zum fiktiven Vale Studio. Setze lang="de" und den Dokumenttitel auf „Vale Studio — Prepared Publication Example“. Behalte im Link .brand href="#top", setze aria-label="Vale Studio", ändere .brand-mark von S. zu V. und den Namen zu Vale Studio. Setze .hero .eyebrow auf „Beispiel eines Bewegungsstudios“. Behalte die h1-Struktur und schreibe genau VALE <span>STUDIO</span>. Beschreibung .hero-intro: „Ein fiktives Bewegungsstudio. Entdecke die Kurse und kontaktiere uns für deine erste Kursanfrage.“. Setze in .hero-actions die erste Schaltfläche „Kontakt und Kursanfrage“ mit href="#contact" und die zweite „Lerne das Studio kennen“ mit href="#about". Behalte Pfeil-Markup und bestehende Ankerabschnitte. Behalte ursprüngliches Layout, Farben, Schriften, sämtliche SVG-Illustrationen, CSS, JavaScript, untere englische Abschnitte und den ursprünglichen Kontakt von Serein. Speichere index.html und zeige die Vorschau.

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.

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.

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.

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

AI ChatBeispielanweisung

Ä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.

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

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

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

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.

Die Website an dein Angebot anpassen.

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

Adresse und Dienste verbinden.

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

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

Soma Vale – Website Template for AI Agents

Soma Vale Template ansehen

Cirra Flow – Website Template for AI Agents

Cirra Flow Template ansehen

Tandemly – Website Template for AI Agents

Tandemly Template ansehen

Stillform Studio – Website Template for AI Agents

Stillform Studio Template ansehen

Morrow Studio – Website Template for AI Agents

Morrow Studio Template ansehen

Serein Template ansehen

Kintara Workflow Template – Website Template for AI Agents

Kintara Workflow Template Template ansehen

Morrow Care – Website Template for AI Agents

Morrow Care Template ansehen

Aster People Studio – Website Template for AI Agents

Aster People Studio Template ansehen

Morrow Field – Website Template for AI Agents

Morrow Field Template ansehen

Numae Practice – Website Template for AI Agents

Numae Practice Template ansehen

Rallymere – Website Template for AI Agents

Rallymere Template ansehen

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.