> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/website-aus-vorlage-erstellen-und-veroffentlichen.md). # Website aus Vorlage erstellen und veröffentlichen Erstelle eine Website aus einer Vorlage, passe sie vollständig an, verbinde die Domain und prüfe die veröffentlichte Fassung. Eine Vorlage ist ein schneller Startpunkt für eine Website. Sie enthält bereits Aufbau und Gestaltung, ist aber noch nicht deine fertige Seite. Erst wenn du Inhalte, Navigation, Domain und Tests vollständig geprüft hast, wird daraus eine verlässliche öffentliche Website. Der sichere Ablauf lautet: **anlegen → Vorlage prüfen → Inhalte ersetzen → Seiten testen → Domain verbinden → Domain zuordnen → veröffentlichen → öffentliche Adresse kontrollieren**. ## Was du vor dem Start brauchst Lege diese Dinge bereit, bevor du eine Vorlage auswählst: | Was bereitstehen sollte | Warum es wichtig ist | | ------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- | | Logo, Bilder und Texte | So bleiben keine Beispielbilder oder Platzhalter auf der fertigen Website. | | Entscheidung über Startseite und weitere Seiten | Damit Besucherinnen und Besucher sofort verstehen, wo sie anfangen und wie sie weitergehen. | | Zugang zur Verwaltung deiner Domain | Für die spätere Verbindung müssen je nach Situation Einträge bei deinem Domainanbieter bestätigt oder ergänzt werden. | | Entscheidung für Hauptadresse oder Unteradresse | Kläre, ob die Website direkt unter deiner Hauptadresse oder unter einer eigenen Unteradresse erreichbar sein soll. | | Liste der benötigten Formulare, Kalender oder Downloads | Damit du diese Funktionen vor der Veröffentlichung gezielt testen kannst. | Eine Domainverbindung kann Zeit brauchen. Plane die Veröffentlichung daher nicht unmittelbar vor einer Kampagne oder einem wichtigen Termin. ## Eine neue Website anlegen 1. Öffne **Websites** → **Websites**. 2. Wähle **Neue Website**. 3. Wähle **Aus Vorlagen**. 4. Vergib einen eindeutigen internen Namen, zum Beispiel „Website Herbstaktion“ oder „Neue Unternehmenswebsite“. 5. Öffne die Vorlagenübersicht. 6. Suche eine Vorlage, deren Seitenaufbau zu deinem Ziel passt. 7. Öffne die Vorschau und übernimm die Vorlage erst, wenn Struktur und Anzahl der Seiten passen. Eine Vorlage mit den richtigen Bereichen spart mehr Zeit als eine Vorlage, die nur optisch gefällt. Prüfe in der Vorschau besonders: * Gibt es eine klare Startseite? * Sind die benötigten Seiten vorhanden, etwa Leistungen, Über uns und Kontakt? * Passt die Navigation zu deiner geplanten Besucherreise? * Gibt es eine sinnvolle Stelle für eine Anfrage, Terminbuchung oder andere Handlung? * Enthält die Vorlage Abschnitte, die du wirklich brauchst? Die Vorlage erstellt noch keine öffentliche Website. Sie öffnet einen Entwurf, den du in Ruhe bearbeiten kannst. ## Vorlagen vollständig anpassen Öffne jede Seite einzeln im Editor. Ersetze nicht nur die große Überschrift, sondern kontrolliere alle sichtbaren Inhalte. ### Diese Inhalte müssen ersetzt oder geprüft werden | Bereich | Was du konkret prüfst | | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------ | | Texte | Überschriften, Fließtexte, Schaltflächen, Hinweise und jede Beispielaussage müssen zu deinem Angebot passen. | | Bilder | Entferne fremde Beispielbilder. Prüfe, ob eigene Bilder korrekt zugeschnitten und auf Mobilgeräten verständlich sind. | | Navigation | Jeder Menüpunkt muss auf die richtige Seite führen. Nicht benötigte Menüpunkte entfernst du. | | Schaltflächen | Jede Schaltfläche braucht ein klares Ziel: eine Seite, eine Anfrage, einen Termin oder eine passende Aktion. | | Formulare | Feldnamen, Pflichtfelder, Bestätigung und der Eingang im Kontaktbereich müssen getestet werden. | | Seitentitel und Beschreibung | Ergänze sie in den Seiteneinstellungen für die Darstellung in Suchergebnissen und Linkvorschauen. | | Seite nach einer Aktion | Nach einer Anfrage oder Registrierung sollte eine verständliche Bestätigungsseite oder klare nächste Information folgen. | Lass niemals Blindtexte, allgemeine Vorlagennamen, fremde Kontakte, Beispieladressen oder nicht funktionierende Schaltflächen stehen. Eine optisch schöne Vorlage wirkt unfertig, sobald ein einziger Hinweis nicht zu deinem Unternehmen passt. ## Die Website als Besucher testen Verwende **Vorschau**, bevor du die Domain verbindest oder veröffentlichst. Sie zeigt dir die Seite ohne die Bearbeitungswerkzeuge. Gehe dabei Seite für Seite vor: 1. Öffne die Startseite in der Vorschau. 2. Klicke jeden Menüpunkt an. 3. Klicke jede Schaltfläche an. 4. Fülle jedes Formular mit einer Testangabe aus. 5. Prüfe, ob die erwartete Bestätigungsseite erscheint. 6. Kontrolliere, ob die Testeinsendung im Kontaktbereich ankommt. 7. Wechsle in die Mobilansicht und wiederhole die wichtigsten Schritte. 8. Speichere den geprüften Stand. Eine Änderung ist noch nicht öffentlich, nur weil du sie gespeichert hast. Erst **Veröffentlichen** macht den gespeicherten Stand für Besucher sichtbar. Mehr zum sicheren Speichern, Vergleichen und Wiederherstellen findest du unter [Entwürfe, Versionen und Veröffentlichung von Seiten](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/entwurfe-versionen-und-veroffentlichung-von-seiten). ## Domain verbinden Die Domain ist die öffentliche Adresse, unter der Menschen deine Website aufrufen. Das Verbinden allein reicht nicht aus: Danach musst du die bestätigte Domain auch der richtigen Website zuordnen. 1. Verlasse den Editor und öffne die **Einstellungen** der Website. 2. Wähle bei **Domain** die Option zum Verbinden. 3. Gib die Adresse ein, die Besucher später nutzen sollen. 4. Folge den angezeigten Schritten. Je nach Anbieter werden die notwendigen Einträge automatisch übernommen oder du trägst sie selbst ein. 5. Warte, bis die Domain als verbunden, bestätigt oder aktiv angezeigt wird. 6. Kehre zu deiner Website zurück und wähle die bestätigte Domain in der Domain-Auswahl. Bei einer manuellen Verbindung ist Genauigkeit entscheidend: Ein falscher Eintrag, eine zusätzliche widersprüchliche Zuordnung oder eine noch nicht abgeschlossene Änderung kann verhindern, dass die Website erreichbar wird. DNS-Änderungen können bis zu 24 Stunden benötigen. Prüfe nicht nur einmal direkt nach dem Speichern, sondern kontrolliere den Status später erneut, wenn die Domain zunächst noch aussteht. Die vollständige Schrittfolge einschließlich Fehlerprüfung findest du unter [Domain mit Website oder Funnel verbinden](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/domain-mit-website-oder-funnel-verbinden). ## Domain und Seitenpfad richtig zuordnen Nach der erfolgreichen Verbindung ordnest du die Domain deiner Website zu. Danach prüfst du den **Pfad** – also den Teil der Adresse hinter deiner Domain. | Dein Ziel | So prüfst du die Zuordnung | | ------------------------------------------------------- | --------------------------------------------------------------------------------- | | Die Startseite soll direkt unter deiner Adresse öffnen. | Prüfe, ob die vorgesehene Startseite als Standardseite eingestellt ist. | | Eine Seite soll unter einer Unterseite erreichbar sein. | Vergib einen eindeutigen Pfad, zum Beispiel `/kontakt` oder `/leistungen`. | | Mehrere Seiten gehören zu derselben Website. | Jeder Pfad muss eindeutig sein und die Navigation muss die richtige Seite öffnen. | Teste nach jeder Pfadänderung bestehende Menülinks, Schaltflächen und Links aus E-Mails. Ein falscher Pfad führt Besucher sonst auf eine Fehlerseite, obwohl die Website selbst korrekt veröffentlicht ist. ## Öffentlich veröffentlichen Erst wenn Inhalt, Domain und Tests stimmen, veröffentlichst du die Website. 1. Öffne jede Seite, die öffentlich sichtbar sein soll, im Editor. 2. Öffne die Vorschau ein letztes Mal. 3. Prüfe, ob der aktuelle Stand gespeichert ist. 4. Wähle **Veröffentlichen**. 5. Wiederhole das für jede Seite, die Besuchern offenstehen soll. 6. Öffne anschließend die Website über ihre öffentliche Adresse in einem privaten Browserfenster. Prüfe im privaten Browserfenster mindestens: * Die Website öffnet sich über eine sichere Adresse ohne Browserwarnung. * Es erscheint die richtige Startseite statt einer Fehlerseite. * Hauptadresse und eine eventuelle Unteradresse verhalten sich wie geplant. * Navigation, Links und Schaltflächen öffnen das richtige Ziel. * Formulare und Terminbuchungen funktionieren, falls vorhanden. * Die aktuelle Fassung erscheint auf Desktop und Mobilgeräten. * Es gibt keine Platzhalter, fremden Beispielbilder oder Testinhalte mehr. ## Typische Probleme nach der Veröffentlichung | Beobachtung | Mögliche Ursache | So gehst du vor | | ------------------------------------------------ | ------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------ | | Die öffentliche Website zeigt noch alte Inhalte. | Der Entwurf wurde gespeichert, aber nicht veröffentlicht. | Betroffene Seite öffnen, den gespeicherten Stand prüfen, veröffentlichen und die Adresse in einem privaten Browserfenster erneut aufrufen. | | Die Domain bleibt ausstehend. | Die Einträge werden noch übernommen oder stimmen nicht mit den angezeigten Werten überein. | Bis zu 24 Stunden warten; danach Art, Name und Wert jedes Eintrags vergleichen. | | Die Website zeigt eine Browserwarnung. | Die Domain ist noch nicht vollständig bestätigt oder es gibt widersprüchliche Einträge. | Domain-Einträge prüfen und nach der Korrektur Zeit für die Bereitstellung einplanen. | | Die Domain zeigt eine Fehlerseite. | Domain, Standardseite oder Pfad sind nicht der richtigen Website zugeordnet. | Zugeordnete Domain, veröffentlichte Seite und Pfad prüfen. | | Ein Button oder Formular funktioniert nicht. | Ziel, Formular oder Folgeaktion wurde nur im Editor, nicht als Besucher getestet. | Öffentliche Seite im privaten Browserfenster öffnen und den vollständigen Ablauf mit einer Testangabe prüfen. | | Die Mobilansicht wirkt unruhig. | Die Vorlage wurde nur in der Desktopansicht angepasst. | In die Mobilansicht wechseln und Texte, Bilder, Abstände und Schaltflächen einzeln prüfen. | ## Praxisbeispiel: Website für eine Beratungsanfrage Ein Beratungsunternehmen startet mit einer Vorlage, die Startseite, Leistungsübersicht, Teamseite und Kontaktseite enthält. 1. Es ersetzt zuerst alle Beispieltexte und Bilder. 2. Es benennt die Hauptschaltfläche auf der Startseite eindeutig mit „Beratung anfragen“. 3. Es prüft, ob alle Menüpunkte zu den vorgesehenen Seiten führen. 4. Es ergänzt ein kurzes Formular und eine Bestätigungsseite. 5. Es prüft die Website in der Vorschau auf Desktop und Mobil. 6. Es verbindet die gewünschte Unteradresse, wartet auf den bestätigten Status und ordnet sie der Website zu. 7. Es veröffentlicht jede benötigte Seite. 8. Eine Person aus dem Team ruft die öffentliche Website in einem privaten Browserfenster auf und sendet eine Testanfrage ab. Erst als die Testanfrage im Kontaktbereich erscheint und alle Links funktionieren, wird die Adresse weitergegeben. ## Abschlusscheck * [ ] Alle Vorlagentexte und -bilder sind ersetzt. * [ ] Startseite, weitere Seiten und Navigation passen zusammen. * [ ] Alle Schaltflächen und Formulare sind getestet. * [ ] Seitentitel und Beschreibungen sind ergänzt. * [ ] Desktop- und Mobilansicht sind geprüft. * [ ] Die Domain ist bestätigt und der richtigen Website zugeordnet. * [ ] Seitenpfade sind eindeutig und alle Links führen zum Ziel. * [ ] Jede öffentliche Seite wurde veröffentlicht. * [ ] Die öffentliche Adresse funktioniert im privaten Browserfenster. Wenn alle Punkte erfüllt sind, ist die Website bereit für Besucher. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/website-aus-vorlage-erstellen-und-veroffentlichen.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.