1. Home
  2. Website Creator AI
  3. Erste Schritte – Website Creator AI

Erste Schritte – Website Creator AI

Egal ob du mit dem KI-Wizard oder einem Template startest, in wenigen Minuten hast du deine eigene Website erstellt. In diesem FAQ zeigen wir dir die wichtigsten Schritte und Features: wie du dich einloggst, dein Dashboard nutzt und dich im Editor zurechtfindest.

Erstes Einloggen

Du kannst dich ganz einfach über das myhosttech Kundencenter in dein Produkt einloggen. Dort stehen dir verschiedene Möglichkeiten zur Verfügung, um mit deiner Website zu starten:

  • Website mit dem KI-Wizard erstellen: Gib die relevantesten Informationen ein und der KI-Wizard erstellt dir damit eine komplette Website
  • Website mit einem Template starten: Starte mit einer von vielen Vorlagen und fülle deine Informationen und Inhalte nachher selbst ein

Egal ob du mit dem KI Wizard oder einem Template startest, du kannst jederzeit das Lyout anpassen, Schriften und Farben ändern und neue Seiten hinzufügen.

Website mit dem KI-Wizard erstellen

Wenn du deine Website mit dem KI-Wizard erstellen möchtest – unsere Empfehlung für einen besonders einfachen Einstieg – wirst du Schritt für Schritt durch die Erstellung deiner Website geführt.

Zu Beginn gibst du deinen Firmennamen ein und beschreibst kurz, was dein Unternehmen macht. Anschliessend kannst du dein Unternehmen mit passenden Stichworten genauer beschreiben. Dabei gilt: Je mehr Informationen du angibst, desto besser kann die KI die Inhalte auf dein Unternehmen abstimmen.

Danach bestimmst du den gewünschten Tonfall deiner Website. Je nachdem, wie du deine Kundinnen und Kunden ansprechen möchtest, kannst du beispielsweise zwischen unterhaltend, humorvoll, informativ oder professionell wählen.

Im nächsten Schritt kannst du dein Logo hochladen und eine passende Farbpalette für deine Website definieren. So erhält deine Website von Anfang an einen Look, der zu deinem Unternehmen und deiner Marke passt.

Keine Sorge: Alle diese Einstellungen lassen sich auch später jederzeit anpassen und überarbeiten.

Website mit einem Template starten

Alternativ kannst du deine Website mit einem Template erstellen. Dafür stehen dir verschiedene professionell gestaltete Vorlagen zur Auswahl.

Wähle einfach das Template aus, das am besten zu deinem Projekt und deinen Anforderungen passt. Anschliessend kannst du die Vorlage individuell bearbeiten, Texte und Bilder austauschen, Inhalte ergänzen und das Design nach deinen Vorstellungen anpassen. So erhältst du eine gute Grundlage für deine Website, ohne bei der Gestaltung komplett von vorne beginnen zu müssen.


Dashboard

Das Dashboard ist dein zentraler Ort, um die Website deines Kontos anzuzeigen und zu verwalten. Auf alle Funktionen kannst du über die obere Navigationsleiste zugreifen.

Webseiten-Übersicht

Hier siehst du deine Website bzw. dein Projekt auf einen Blick. Von hier aus kannst du direkt in den Editor wechseln und deine Inhalte bearbeiten.

Nutzerverhalten

Im Bereich „Nutzerverhalten“ erhältst du Einblicke in die Performance deiner Website. Hier findest du unter anderem Informationen zu Webseitenaufrufen und weitere Statistiken zum Verhalten deiner Besucher.

Formularantworten

Hier findest du alle Antworten, die über ein Kontaktformular auf deiner Website eingegangen sind.

Leistung

Im Bereich „Leistung“ erhältst du einen Überblick über die Besucheraktivitäten auf deiner Website. Du kannst nachvollziehen, wie viele Besuche deine Website erhält, wie viele einzigartige Nutzer sie besuchen und wie viele Zugriffe durch LLM-Bots erfolgen.

Über verschiedene Zeiträume und Filter kannst du die Entwicklung der Website-Besuche verfolgen und die Aktivitäten echter Nutzer mit denen von Bots vergleichen. Für detailliertere Auswertungen stehen dir zusätzliche Statistiken zur Verfügung.

Ein LLM-Bot ist ein automatisiertes System, das deine Website besucht, um Inhalte zu erfassen und für KI-Sprachmodelle (Large Language Models) zu verarbeiten. Dazu gehören beispielsweise Bots von KI-Suchmaschinen oder KI-Assistenten.

Features

Die Menüpunkte „Shop“, „Buchungen“, „Kontakte“ und „Blog“ werden dir nur angezeigt, wenn du die entsprechenden Module aktiviert hast. Je nach Modul benötigst du dafür das passende Abo.

Shop: Hier verwaltest du deine Bestellungen und deinen Produktkatalog. Außerdem kannst du deine Geschäftsangaben einsehen und bearbeiten.

Buchungen: Hier findest du alle deine Buchungen auf einen Blick und kannst diese bequem verwalten.

Kontakte: Hier siehst du die Kontaktdaten von Kunden, die beispielsweise eine Buchung vorgenommen oder eine Bestellung aufgegeben haben.

Blog: Über diesen Menüpunkt gelangst du direkt zu deinem Blog, wo du deine Blogbeiträge verwalten kannst.

Benutzereinstellungen

Oben rechts siehst du dein persönliches Kürzel, das sich aus dem bei der Registrierung angegebenen Vor- und Nachnamen zusammensetzt. Mit einem Klick darauf öffnest du die Einstellungen für deinen Account. Hier kannst du deine persönlichen Angaben verwalten oder dich sicher aus dem System abmelden.

Account: Hier kannst du deine Profilangaben bearbeiten, deine Login-E-Mail-Adresse aktualisieren und dein Passwort ändern.


Wichtigste Funktionen

Hier findest du die wichtigsten Funktionen des Editors auf einen Blick. Die folgenden Anleitungen zeigen dir Schritt für Schritt, wie du Elemente und Abschnitte hinzufügst und zwischen verschiedenen Seiten und Menüpunkten wechselst. So findest du dich schnell im Editor zurecht und kannst deine Website ganz einfach bearbeiten.

Wie füge ich ein Element hinzu?

Um ein neues Element wie Text, Bild oder sogar eine Galerie hinzuzufügen, gehst du immer gleich vor. So kannst du deine Inhalte Schritt für Schritt erweitern und deine Seite ganz nach deinen Vorstellungen gestalten.

Wähle zunächst die Stelle aus, an der das neue Element erscheinen soll. Anschliessend entscheidest du, welche Art von Inhalt du hinzufügen möchtest. Je nach Element stehen dir danach verschiedene Möglichkeiten zur Verfügung, um den Inhalt einzufügen und individuell anzupassen.

Auf diese Weise kannst du deine Seite jederzeit mit weiteren Texten, Bildern oder Galerien ergänzen und bestehende Inhalte flexibel erweitern.

  1. Wähle links im Menü auf +Hinzufügen.
  2. Suche das entsprechende Element, was du einfügen möchtest.
  3. Wähle das gewünschte Element aus und ziehe es per Drag-and-drop (gedrückte Maustaste) an den von dir gewünschten Ort in einem Inhaltsabschnitt ein.
  4. Nun kannst du es bearbeiten.

Abschnitt

Möchtest du deine Webseite um einen neuen Bereich erweitern, klicke an der gewünschten Stelle auf „+ Abschnitt hinzufügen“. Anschließend kannst du auswählen, wie der neue Abschnitt erstellt werden soll.

Dir stehen drei Möglichkeiten zur Verfügung:

  • Layout: Wähle eine vorgefertigte Struktur aus und passe sie anschließend mit deinen eigenen Inhalten an. Wähle ein leeres Layout ohne Inhalt, nur mit der Grundstruktur und füge anschliessend selbst Elemente hinzu.
  • Entwerfen: hier findest du verschiedene vorgefertigte Abschnitte für deine Webseite. Wähle eine passende Kategorie und ein gewünschtes Layout aus. Anschließend kannst du Texte, Bilder und weitere Inhalte individuell anpassen.
  • KI-generiert: Lass dir mithilfe von KI automatisch einen passenden Abschnitt erstellen. Anschließend kannst du den generierten Inhalt individuell bearbeiten und an deine Webseite anpassen.

So kannst du selbst entscheiden, ob du auf einer bestehenden Vorlage aufbauen, einen Bereich selbst gestalten oder dir von der KI einen ersten Entwurf erstellen lassen möchtest.

Wie bearbeite ich eine andere Seite/Menüpunkt?

Eine neue Seite bzw. einen neuen Menüpunkt kannst du jederzeit im Seitenpanel unter „Seiten“ hinzufügen und bestehende Seiten bearbeiten. Beim Erstellen einer neuen Seite stehen dir verschiedene Möglichkeiten zur Verfügung:

  • Page Builder: Plane zunächst das Seitenlayout und gestalte anschließend die einzelnen Inhalte.
  • Leere Seite: Starte mit einer leeren Seite und gestalte sie vollständig nach deinen Vorstellungen.
  • Gestaltete Seite: Nutze eine vorgefertigte Seitenvorlage als Ausgangspunkt und passe sie individuell an.
  • Dynamische Seite: Erstelle sammlungsbasierte Seiten mit einheitlichem Design, aber unterschiedlichen Inhalten.


Editor Übersicht

Der Editor ist der zentrale Arbeitsbereich, in dem du deine Webseite gestaltest, bearbeitest und verwaltest. Damit du schnell auf alle wichtigen Funktionen zugreifen kannst, ist der Editor in verschiedene Bereiche aufgeteilt: das Seitenpanel auf der linken Seite, die obere Navigationsleiste, die Arbeitsfläche in der Mitte und das Designpanel auf der rechten Seite.

Über das Seitenpanel links erreichst du die wichtigsten Bereiche zur Bearbeitung und Verwaltung deiner Webseite. Hier kannst du neue Inhalte und Elemente hinzufügen, deine Seiten verwalten, das allgemeine Design anpassen sowie weitere Funktionen und Einstellungen aufrufen.

Die obere Navigationsleiste dient als zentrale Steuerung während der Bearbeitung. Hier kannst du beispielsweise zwischen verschiedenen Seiten wechseln, die Darstellung für unterschiedliche Geräte auswählen, Änderungen rückgängig machen oder wiederherstellen und deine Webseite in der Vorschau ansehen oder veröffentlichen.

In der Mitte des Editors befindet sich deine Webseite. Hier siehst du deine Änderungen direkt und kannst die einzelnen Elemente deiner Seite auswählen und bearbeiten.

Sobald du ein Element auf deiner Webseite anklickst, öffnet sich auf der rechten Seite das Designpanel. Wählst du beispielsweise den Header deiner Webseite aus, werden dort automatisch die passenden Einstellungsmöglichkeiten angezeigt. Welche Optionen zur Verfügung stehen, hängt immer vom ausgewählten Element ab. So kannst du jedes Element gezielt gestalten und an deine Wünsche anpassen.

Durch diese Aufteilung hast du alle wichtigen Werkzeuge direkt zur Hand und kannst deine Webseite übersichtlich und intuitiv bearbeiten.


Obere Navigationsleiste

Die obere Navigationsleiste ist deine zentrale Steuerung während der Bearbeitung deiner Webseite. Hier findest du die wichtigsten Funktionen übersichtlich an einem Ort und hast jederzeit schnellen Zugriff darauf.

Über die Navigationsleiste kannst du unter anderem zwischen deinen Seiten wechseln, die Darstellung für verschiedene Geräte auswählen, Änderungen rückgängig machen oder wiederherstellen und deine Bearbeitungen speichern. Außerdem kannst du deine Webseite in der Vorschau betrachten und sie veröffentlichen.

So hast du während der gesamten Bearbeitung alle wichtigen Werkzeuge direkt im Blick und kannst schnell auf die benötigten Funktionen zugreifen.

Neben dem hosttech-Logo findest du ein Dropdown-Menü, über das du bequem zwischen den verschiedenen Seiten deiner Webseite wechseln kannst. Das ist besonders praktisch, wenn deine Webseite aus mehreren Unterseiten besteht.

Wähle im Dropdown einfach die gewünschte Seite aus. So kannst du schnell von einer Seite zur nächsten wechseln und direkt mit der Bearbeitung fortfahren, ohne jedes Mal zurück zur Übersicht navigieren zu müssen.

Responsive Layout

Du kannst die Ansicht jederzeit über die obere Navigation zwischen Desktop, Tablet und Mobile wechseln. So kannst du überprüfen, wie deine Website auf den verschiedenen Bildschirmgrössen dargestellt wird und ob Inhalte, Bilder, Texte und andere Elemente korrekt angeordnet und gut lesbar sind.

Grundsätzlich werden die Einstellungen und Inhalte aus der Desktop-Ansicht automatisch für Tablet und Mobile übernommen. Bei Bedarf kannst du die Darstellung für die einzelnen Bildschirmgrössen jedoch individuell anpassen. Änderungen, die du gezielt in einer bestimmten Ansicht vornimmst, gelten dabei nur für das jeweilige Format.

Es empfiehlt sich, die Website nach der Gestaltung einmal in allen drei Ansichten vollständig durchzugehen und sorgfältig zu kontrollieren. Achte insbesondere darauf, dass Texte gut lesbar sind, Bilder richtig dargestellt werden, Abstände stimmen und alle Elemente sinnvoll angeordnet sind. Da heute viele Besucher Websites über Smartphones und Tablets aufrufen, ist eine optimierte Darstellung auf allen Bildschirmgrössen besonders wichtig.

Rückgängig/Wiederholen

Wenn du während der Bearbeitung deiner Website eine Änderung vorgenommen hast, kannst du diese jederzeit über die entsprechenden Funktionen rückgängig machen oder eine zuvor rückgängig gemachte Änderung wieder wiederherstellen, sodass du verschiedene Anpassungen ausprobieren kannst, ohne dir Sorgen machen zu müssen, dass vorherige Bearbeitungsschritte verloren gehen.

Speichern

Der Editor speichert deine vorgenommenen Änderungen und Anpassungen automatisch, sodass du deine Arbeit nicht jedes Mal manuell speichern musst und dich ganz auf die Bearbeitung deiner Website konzentrieren kannst; dadurch bleiben deine aktuellen Bearbeitungsschritte erhalten, auch wenn du zwischen verschiedenen Bereichen und Seiten wechselst.

Vorschau

Mit der Vorschau-Funktion kannst du jederzeit sehen, wie deine Website für deine Besucher aussieht, ohne sie vorher veröffentlichen zu müssen; so kannst du Inhalte, Bilder, Texte und das gesamte Design in Ruhe überprüfen und bei Bedarf weitere Anpassungen vornehmen, bevor deine Änderungen tatsächlich online sichtbar werden.

Veröffentlichen

Wenn du mit deiner Website zufrieden bist und sie veröffentlichen möchtest, klicke oben im Editor auf „Veröffentlichen“ und folge den angezeigten Schritten.

  1. Eigene Domain auswählen
    Wähle die Option „Verwenden Sie eine Domain, die Sie bereits besitzen“. Gib anschliessend die Domain ein, die du mit deiner Website verbinden möchtest. Achte darauf, die Domain mit „www.“ einzugeben, zum Beispiel www.deinedomain.ch.
  2. DNS-Einträge hinterlegen
    Anschliessend werden dir die benötigten DNS-Einträge angezeigt. Öffne die DNS-Zone deiner Domain und hinterlege dort die beiden angegebenen A-Records sowie den CNAME-Record genau mit den angezeigten Werten.
A-Record
Host: deinedomain.eu
IP: 18.197.248.23

zweiter A-Record
Host: deinedomain.eu
IP: 52.59.120.70

CNAME Record
Host: www.deinedomain.eu 
Ziel: s.eu-multiscreensite.com
  1. DNS-Einstellungen speichern
    Speichere deine Änderungen bei deinem Domain-Anbieter. Beachte, dass es je nach Anbieter etwas dauern kann, bis die neuen DNS-Einstellungen übernommen und weltweit aktiv sind.
  2. Domain-Verbindung überprüfen
    Kehre anschliessend zum Editor zurück und folge den weiteren Schritten, um die Verbindung deiner Domain zu überprüfen und die Veröffentlichung abzuschliessen.

Du weisst nicht, wie du die DNS-Einstellungen deiner Domain anpasst? In unserer Anleitung erfährst du Schritt für Schritt, wie du die benötigten DNS-Einträge hinterlegst.

Falls beim Erstellen des CNAME-Records ein Fehler auftritt
Prüfe, ob bereits ein A-Record oder AAAA-Record mit dem Hostnamen www.deinedomain.eu vorhanden ist. Ein solcher Eintrag kann verhindern, dass du den benötigten CNAME-Record erstellen kannst.
Lösche in diesem Fall den bestehenden A- bzw. AAAA-Record für www.deinedomain.eu. Anschließend kannst du den CNAME-Record mit dem Hostnamen www.deinedomain.eu erstellen.


Seiten Panel

Über die Menüleiste auf der linken Seite erreichst du die wichtigsten Bereiche zur Bearbeitung und Verwaltung deiner Webseite. Von hier aus kannst du neue Inhalte hinzufügen, Seiten verwalten, das Design anpassen oder weitere Funktionen und Einstellungen aufrufen.

Damit du dich schnell zurechtfindest und weisst, welche Funktion sich hinter den einzelnen Menüpunkten verbirgt, werden die verschiedenen Bereiche im Folgenden Schritt für Schritt erklärt. Dabei gehen wir auf jeden Menüpunkt aus der linken Navigation ein und zeigen dir, wofür er gedacht ist und wann du ihn benötigst.

So erhältst du einen guten Überblick über die wichtigsten Werkzeuge und findest später schneller die passende Funktion für deine gewünschte Anpassung.

+ Hinzufügen

Hier fügst du neue Inhaltselemente zu deiner Webseite hinzu und gestaltest deine Seiten ganz nach deinen Vorstellungen. Zur Auswahl stehen unter anderem Texte, Bilder, Galerien, Formulare und viele weitere Elemente.

Damit du das gewünschte Element schnell findest, sind die verfügbaren Inhalte in verschiedene Kategorien unterteilt. So kannst du gezielt nach einem passenden Element suchen und musst nicht durch alle verfügbaren Möglichkeiten scrollen.

Wähle einfach die gewünschte Kategorie und anschliessend das Element aus, das du auf deiner Seite verwenden möchtest. Danach kannst du es an der gewünschten Stelle platzieren und individuell bearbeiten. Auf diese Weise lässt sich deine Webseite jederzeit unkompliziert um neue Inhalte und Funktionen erweitern.

Das Platzieren kann per Drag and Drop eingefügt werden. Im Editor werden Linien angezeigt wo das Element platziert werden kann.

  • Layout: Raster und Spalten
  • Basis: Texte, Buttons und Überschriften
  • Formular
  • Bild & Ton: Bilder, Bildergalerien, Videos und Audio
  • Unternehmen: Buchungen – muss separat aktiviert werden –, Karten, Kontaktformulare und vieles mehr
  • Social Media
  • Blog: Blog-Elemente. Der Blog muss aktiviert werden.
  • Shop: Shop-Elemente. Der Shop muss aktiviert werden.
  • Andere: Wenn du HTML-Code hast, kannst du das HTML-Element nutzen.
  • Medien: Hier gelangst du direkt zu deinen Medien und Dateien.
  • Seitentext: Website-Text oder Brief importieren

Seiten

Hier kannst du eine neue Seite oder einen Menüpunkt zu deiner Webseite hinzufügen. Wähle dafür einfach die passende Option aus.

Neue Seiten eignen sich für zusätzliche Inhalte, Angebote oder Informationen. Du kannst festlegen, wo sie in deiner Seitenstruktur erscheinen.

Die verschiedenen Optionen bieten dir die passende Grundlage für dein Vorhaben. Welche sich wofür eignet, erklären wir dir im Folgenden.

  • Page Builder: Wähle aus vielen verschiedenen Vorlagen dein gewünschtes Design aus.
  • Leere Seite: Beginne mit einer leeren, weißen Seite.
  • Gestaltete Seite: Hier kannst du eine Vorlage auswählen und anschließend weiter gestalten.
  • Dynamische Seite: Gestalte eine Seite einmal und verwende sie, um mehrere Seiten basierend auf deiner Inhaltssammlung zu erstellen.
  • Navigationsordner: Gruppiere Unternavigationsobjekte wie Anker und Seiten.
  • Seiten-URL: Füge externe Seiten hinzu, indem du den entsprechenden Link einfügst.

Seiteneinstellungen

Du kannst für jede Seite individuelle Einstellungen vornehmen und sie so an deine Anforderungen anpassen. Klicke dazu beim gewünschten Menüpunkt auf die drei Punkte (…). Dadurch öffnet sich ein zusätzliches Menü mit verschiedenen Optionen für die ausgewählte Seite.

Über diese Einstellungen kannst du beispielsweise festlegen, wie die Seite innerhalb deiner Webseite dargestellt wird oder bestimmte Eigenschaften der Seite bearbeiten. Die vorgenommenen Änderungen gelten dabei jeweils nur für die ausgewählte Seite. So kannst du jede Seite unabhängig von den anderen konfigurieren.

Das ist besonders praktisch, wenn einzelne Seiten unterschiedliche Anforderungen haben oder du die Struktur und Darstellung deiner Webseite gezielt organisieren möchtest.

Folgende Einstellungen kannst du anpassen:

  • Umbenennen: Du möchtest einen neuen Seitentitel? Benenne die Seite einfach um.
  • In der Navigation anzeigen oder ausblenden: Du kannst die Seite für alle Besucher ausblenden oder gezielt vor Desktop-Computern, Tablets oder Mobilgeräten verbergen.
  • Duplizieren: Du hast eine Seite fertig gestaltet und möchtest das Layout für einen anderen Menüpunkt verwenden? Dann kannst du die Seite ganz einfach duplizieren.
  • Seite veröffentlichen: Veröffentliche einzelne Seiten, ohne die gesamte Webseite zu veröffentlichen.
  • Seiten-URL: Hier kannst du die URL der Seite anpassen.
  • Seiten-SEO bearbeiten: Passe die SEO-Einstellungen für die jeweilige Seite an.
  • Als Startseite einrichten: Lege die Seite als Startseite deiner Webseite fest.
  • Seitenzugriff festlegen: Du möchtest die Seite mit einem Passwort schützen? Dann kannst du dies hier festlegen.
  • In dynamische Seite umwandeln: Gestalte ein Seitenlayout einmalig und erstelle damit mehrere Seiten, die jeweils unterschiedliche Inhalte basierend auf Elementen deiner Sammlung anzeigen.
  • Als Entwurf festlegen: Die Seite wird nicht veröffentlicht.
  • Löschen: Lösche die Seite.

Ebenen

Hier kannst du den Aufbau und die Struktur deiner Webseite übersichtlich verwalten. Die einzelnen Bereiche deiner Seite werden in Ebenen dargestellt, sodass du schnell zwischen Header, Abschnitten, Spalten und einzelnen Elementen navigieren kannst. Du kannst Bereiche gezielt auswählen und bearbeiten sowie die Struktur deiner Inhalte einfach nachvollziehen. Auch der Header- und Footer-Bereich lässt sich von hier aus aufrufen und individuell gestalten.

Thema

Im Bereich Thema legst du das grundlegende Erscheinungsbild deiner Webseite fest. Hier definierst du zentrale Designeinstellungen, die auf der gesamten Webseite verwendet werden und so für ein einheitliches Gesamtbild sorgen.

Du kannst deine Farbpalette festlegen und bestimmen, welche Farben beispielsweise für Texte, Hintergründe, Buttons und weitere Gestaltungselemente verwendet werden. Auch das Aussehen von primären und sekundären Buttons lässt sich hier zentral definieren – einschließlich ihres Layouts, beispielsweise Form, Größe, Abstände, Rahmen und weitere Gestaltungseigenschaften.

Unter den Schrifteinstellungen bestimmst du die Schriftarten, Schriftgrößen und weitere Eigenschaften für unterschiedliche Textarten wie Fließtexte, Absätze und Überschriften. Änderungen werden automatisch auf die entsprechenden Texte deiner Webseite übertragen.

Darüber hinaus kannst du grundlegende Einstellungen für das Layout deiner Webseite vornehmen, beispielsweise die Seitenbreite und die Abstände zwischen Spalten. Auch die Darstellung von Bildern lässt sich hier global festlegen.

Der Vorteil dieser zentralen Einstellungen: Du musst wiederkehrende Designanpassungen nicht bei jedem Element einzeln vornehmen. Änderungen am Website-Thema werden auf die entsprechenden Bereiche deiner Webseite angewendet und sorgen so für ein konsistentes und professionelles Erscheinungsbild.

CMS

Im Bereich CMS verwaltest du die zentralen Inhalte und Daten deiner Webseite. Hier kannst du Bilder und Dokumente organisieren, wiederkehrende Informationen bearbeiten und Inhalte in Sammlungen verwalten. Änderungen an zentral hinterlegten Daten können an allen Stellen übernommen werden, an denen diese mit deiner Webseite verknüpft sind.

Medien-Manager

Im Medien-Manager verwaltest du die Dateien, die du auf deiner Webseite verwenden möchtest. Hier kannst du beispielsweise Bilder und Dokumente wie PDFs hochladen, speichern und organisieren. So hast du deine Medien an einem zentralen Ort und kannst sie bei der Gestaltung deiner Webseite jederzeit wiederverwenden.

Zusätzlich hast du die Möglichkeit, KI-generierte Bilder zu erstellen und diese direkt in deinem Medien-Manager zu speichern. Anschließend kannst du sie wie andere Bilder auf deiner Webseite einsetzen.

Verknüpfte Daten (CMS)

Unter CMS > Verknüpfte Daten (CMS) findest du zentral hinterlegte Informationen zu deiner Webseite. Dazu gehören beispielsweise Unternehmensinformationen und andere wiederkehrende Angaben.

Der Vorteil: Verknüpfte Daten musst du nicht an jeder Stelle deiner Webseite einzeln ändern. Aktualisierst du eine Information zentral im CMS, wird sie überall dort angepasst, wo die entsprechende Information verknüpft ist.

AEO/SEO

Die AEO- und SEO-Einstellungen helfen dir dabei, deine Webseite für Suchmaschinen und eine bessere Auffindbarkeit zu optimieren. Hier erhältst du einen Überblick über mögliche Verbesserungen und kannst wichtige Einstellungen für einzelne Seiten, Bilder sowie interne und externe Links vornehmen.

Wir empfehlen, diesen Schritt erst gegen Ende der Erstellung deiner Webseite durchzuführen. Idealerweise sind zu diesem Zeitpunkt alle Inhalte, Bilder und Unternehmensinformationen vollständig eingepflegt und die Webseite ist bereit für die Veröffentlichung. So kann die Optimierung auf Basis der finalen Inhalte vorgenommen werden.

Website-Audit

Im Website-Audit wird deine Webseite auf verschiedene Optimierungsmöglichkeiten überprüft. Du erhältst Hinweise dazu, welche Bereiche bereits gut eingerichtet sind und wo noch Verbesserungen empfohlen werden.

Arbeite die angezeigten Empfehlungen Schritt für Schritt durch, um die Auffindbarkeit, Struktur und Qualität deiner Webseite zu verbessern.

Seiten-SEO

Die Einstellungen findest du unter AEO/SEO > Seiten-SEO. Hier kannst du die Meta-Tags für deine einzelnen Seiten festlegen. Diese Informationen helfen Suchmaschinen dabei, den Inhalt deiner Seiten besser zu verstehen und können unter anderem beeinflussen, wie deine Webseite in den Suchergebnissen dargestellt wird.

Mit dem AI SEO Assistant kannst du die benötigten Meta-Tags automatisch mit KI generieren lassen. Die vorgeschlagenen Inhalte kannst du anschließend überprüfen, individuell anpassen oder direkt übernehmen.

Bilder-Alt-Texte

Auch deine Bilder sollten mit einem passenden Alt-Text (Alternativtext) versehen werden. Dieser beschreibt kurz und verständlich, was auf einem Bild zu sehen ist.

Alt-Texte sind insbesondere für die Barrierefreiheit wichtig, da sie beispielsweise von Screenreadern verwendet werden können. Außerdem werden sie angezeigt, wenn ein Bild nicht geladen werden kann, und helfen Suchmaschinen dabei, den Inhalt eines Bildes besser einzuordnen.

Überprüfe, ob die einzelnen Seiten und Inhalte deiner Webseite sinnvoll miteinander verlinkt sind. Interne Links erleichtern deinen Besucherinnen und Besuchern die Navigation und helfen gleichzeitig Suchmaschinen dabei, die Struktur und Zusammenhänge deiner Webseite besser zu verstehen.

Wenn du Änderungen vorgenommen hast und diese auf deiner Live-Webseite sichtbar sein sollen, musst du deine Webseite anschließend erneut veröffentlichen.

Auch externe Links können einen Mehrwert bieten. Verlinkst du an passenden Stellen auf relevante und vertrauenswürdige externe Quellen, kann dies zusätzliche Informationen für deine Besucher bereitstellen und Suchmaschinen dabei helfen, den thematischen Kontext deiner Inhalte besser einzuordnen.

Achte darauf, externe Links nur dort einzusetzen, wo sie inhaltlich sinnvoll sind und einen echten Mehrwert bieten.

Zusätzliche Einstellungen

Unter den zusätzlichen Einstellungen findest du weitere Optionen für die Darstellung und Wiedererkennung deiner Webseite.

Favicon

Hier kannst du das Favicon deiner Webseite hinterlegen. Dabei handelt es sich um das kleine Symbol, das beispielsweise neben dem Seitentitel im Browser-Tab angezeigt wird. Je nach Suchmaschine und Darstellung kann das Favicon auch in den Suchergebnissen erscheinen.

Ein Favicon ist ein kleines, quadratisches Symbol, das in einem Browserfenster neben dem Webseitentitel in den Tabs sowie in der Lesezeichen- bzw. Favoritenliste angezeigt wird. Es ist daher ein hilfreiches Wiedererkennungsmerkmal, dient der schnellen Orientierung und erleichtert dem Nutzer die Navigation im Internet.

Tipp: Beachte, dass das Favicon relativ klein angezeigt wird (16 × 16 oder 32 × 32 Pixel). Verwende daher am besten ein möglichst einfaches, wiederzuerkennendes Bild oder Teil deines Logos und keinen kompletten Schriftzug oder ein komplexes Bild. Es wäre nicht erkennbar auf dieser Grösse.

Bild für soziale Medien

Zusätzlich kannst du ein Bild für soziale Medien hinterlegen. Dieses kann als Vorschaubild verwendet werden, wenn deine Webseite über soziale Netzwerke oder andere unterstützte Plattformen geteilt wird.

Wähle dafür am besten ein aussagekräftiges Bild, das deine Webseite oder dein Unternehmen gut repräsentiert.

Indexierung & Crawlen

Der Index ist standardmäßig aktiviert. Wenn du dies nicht möchtest, musst du hier «Kein Index» aktivieren.

Besucherstatitstik

Diese siehst du unter AEO/SEO unter Traffic.

KI Icon

Mithilfe von KI kannst du neue Inhalte für deine Webseite schnell und unkompliziert erstellen lassen. Möchtest du beispielsweise eine neue Seite für Buchungen hinzufügen, kann dir die KI einen ersten Entwurf mit passenden Inhalten und einer grundlegenden Struktur erstellen. Anschließend kannst du die generierten Texte und Elemente individuell anpassen und nach deinen Wünschen gestalten.


Design Panel

Das Designpanel erscheint auf der rechten Seite, sobald du ein Element auf deiner Webseite auswählst. Darin werden alle möglichen Einstellungen für das Element angezeigt, wie z.B. Ausrichtung, Abstände, Grösse, Animation, Positionierung und vieles mehr.

Die angezeigten Optionen passen sich dabei immer an das ausgewählte Element an. So siehst du nur die Einstellungen, die für die aktuelle Bearbeitung relevant sind.

Viele grundlegende Einstellungen sind bei Headern, Bildern, Textblöcken und anderen Elementen ähnlich aufgebaut. Je nach Element stehen dir jedoch zusätzliche, spezifische Optionen zur Verfügung. Dadurch kannst du beispielsweise Abstände, Ausrichtung, Farben oder Darstellung anpassen und gleichzeitig auf besondere Einstellungen des jeweiligen Elements zugreifen.


Element Einstellungen

Jedes Element verfügt über eine praktische Schnellfunktion, die automatisch erscheint, sobald du das entsprechende Element auf deiner Webseite auswählst. Darüber erreichst du die wichtigsten und am häufigsten benötigten Einstellungen direkt am Element und kannst Änderungen schnell vornehmen.

Bei Bildern oder Bildergalerien kannst du beispielsweise die verwendeten Fotos verwalten. Du kannst bestehende Bilder austauschen, neue hinzufügen oder nicht mehr benötigte Bilder entfernen. Bei anderen Elementen stehen dir entsprechend passende Schnellfunktionen zur Verfügung.

Welche Optionen angezeigt werden, hängt vom jeweiligen Element ab. So hast du genau die Funktionen griffbereit, die du für die aktuelle Bearbeitung benötigst. Für weiterführende Anpassungen kannst du zusätzlich das Designpanel auf der rechten Seite verwenden.


Features – Module

Wenn einer der folgenden Menüpunkte in deinem Account nicht ersichtlich ist – Shop, Buchungen oder Blog –, bedeutet das, dass das entsprechende Modul in deinem aktuellen Abo nicht enthalten ist und du auf ein höheres Abo upgraden musst, um die jeweilige Funktion freizuschalten und nutzen zu können.

Shop erstellen

Gehe links auf „Mehr“ und wähle „Shop“ und anschließend „Shop erstellen“. Danach kannst du deinen Onlineshop einrichten.

Nun hast du links in der Übersicht einen neuen Reiter „Shop“. Hier kannst du deine Bestellungen und deinen Katalog verwalten.

Verkauf

Hier siehst du deine Bestellungen, kannst verlassene Warenkörbe einsehen und Rabatte erstellen.

  • Bestellungen: Hier siehst du deine Bestellungen, Rückerstattungen, Auftragserfüllungen und mehr und kannst diese verwalten.
  • Verlassene Warenkörbe: Zeige die unvollständigen Käufe deiner Webseite an oder exportiere diese, um potenzielle Verkäufe wiederherzustellen.
  • Rabatte: Steigere deinen Umsatz, indem du deinen Kunden Sonderangebote und Rabatte anbietest.

Katalog

Unter diesem Menüpunkt kannst du Folgendes verwalten:

  • Produktkatalog: Füge Produkte hinzu und verwalte sie.
  • Kategorien: Erstelle Produktkategorien, damit Besucher leichter finden, was sie kaufen möchten.
  • Produktoptionen: Sieh dir alle Produktoptionen und -werte an, die du in deinem Katalog eingerichtet hast, und verwalte sie.
  • Produktanpassungen: Sieh dir alle Produktanpassungen an, die du in deinem Katalog eingerichtet hast, und verwalte sie.

Geschäftseinstellungen

Hier kannst du Informationen zu deinem Shop sowie Zahlungs- und Versandinformationen eintragen. Außerdem kannst du E-Mails, wie beispielsweise Versandbestätigungen, bearbeiten.

  • Unternehmensprofil: Diese Angaben werden auf Kundenrechnungen angezeigt und können in Integrationen verwendet werden, die du deiner Webseite hinzufügst.
  • Zahlungen: Richte ein und verwalte, wie deine Kunden bezahlen sollen.
  • Versand und Abholung: Richte die Versand- und Abholoptionen ein.
  • Steuern: Richte deine Umsatzsteuern ein und verwalte sie.
  • Kasse: Passe die Informationen an, die du an der Kasse sammelst.
  • Transaktions-E-Mails: Lege fest, wer E-Mails im Zusammenhang mit Bestellungen von deiner Webseite erhält.
  • Ladeneinrichtung: Verbessere dein Checkout-Erlebnis und dein Conversion-Potenzial, indem du die angezeigten Fehler behebst.

Speicherelemente

Widgets

Hier gelangst du zu den Shop-Elementen, die du auf deiner Shop-Seite oder auch auf anderen Menüpunkten einfügen kannst. Du hast folgende Auswahl:

  • Produktgalerie
  • Warenkorb
  • Produktsuche

Shopseiten

Hier gelangst du direkt zu den voreingestellten Shop-Seiten, die beim Aktivieren des Shops erstellt wurden. Durch das Auswählen einer Seite kannst du diese anschließend bearbeiten.

  • Shop
  • Produktseite
  • Kategorie-Seite
  • Sign-in-Seite: Login-Seite für Kunden

Lernen

Hier findest du Anleitungsvideos zum Shop-Modul.

Blog erstellen

Dieser Menüreiter wird erst aktiviert, wenn das Blog-Modul unter „Mehr“ aktiviert wurde.

Beiträge

Hier kannst du deine Blogbeiträge erstellen und verwalten.

Einstellungen

Unter „Einstellungen“ definierst du den Blognamen und legst fest, wie das Erscheinungsbild der Beiträge aussehen soll.

Layout

Verwalte das Layout deiner Blogeinträge. Passe das Design an oder füge neue Layouts hinzu. Du kannst für jeden Beitrag in den Einstellungen ein bestimmtes Layout auswählen.

Importieren

Importiere Beiträge aus einem externen RSS-Feed direkt in deinen Blog.

SEO

Hier gelangst du zu den SEO-Einstellungen, die speziell für deinen Blog zuständig sind. Optimiere deine Blogbeiträge mithilfe von Meta-Tags für Suchmaschinen und Website-Besucher.

Buchungssystem erstellen

Dieser Menüpunkt wird erst aktiviert, wenn das Modul „Buchungen“ unter „Mehr“ aktiviert wurde.

Gebuchte Termine

Hier siehst du alle Buchungen. Verwalte sie und nimm am Termin teil, um diesen zu beginnen.

Verkauf

Bestellungen

Zeige Bestellungen, Rückerstattungen, Auftragserfüllungen und mehr an und verwalte diese.

Verlassene Warenkörbe

Zeige die unvollständigen Käufe deiner Webseite an oder exportiere sie, um potenzielle Verkäufe wiederherzustellen.

Rabatte

Steigere deinen Umsatz, indem du deinen Kunden Sonderangebote und Rabatte anbietest.

Mitarbeiterinnen und Mitarbeiter

Verwalte deine Fachkräfte, um Termine bereitzustellen.

Um Termine zu bearbeiten, füge einen Mitarbeitenden hinzu. Danach kannst du dessen Verfügbarkeit, Berechtigungen und weitere Einstellungen verwalten.

Arten von Terminen

Richte die von dir angebotenen Termine, deren Dauer und weitere Einstellungen ein und verwalte diese.

Geschäftseinstellungen

Hier kannst du Informationen zu deinem Unternehmen sowie Zahlungs- und weitere Einstellungen eintragen. Außerdem kannst du E-Mails, wie beispielsweise Versandbestätigungen, bearbeiten.

  • Unternehmensprofil: Diese Angaben werden auf Kundenrechnungen angezeigt und können in Integrationen verwendet werden, die du deiner Webseite hinzufügst.
  • Zahlungen: Richte ein und verwalte, wie deine Kunden bezahlen sollen.
  • Steuern: Richte deine Umsatzsteuern ein und verwalte sie.
  • Kasse: Passe die Informationen an, die du an der Kasse sammelst.
  • Transaktions-E-Mails: Lege fest, wer E-Mails im Zusammenhang mit Buchungen von deiner Webseite erhält.

Zuletzt aktualisiert am 11. September 2026

War dieser Artikel hilfreich?

Ähnliche Themen

Benötigst du Support?
Deine Lösung steht noch nicht in den FAQ? Keine Sorge, wir sind für dich da.
Kontaktiere uns!