Anleitung

kutego^®

Webmodul – Anleitung

Deine Webseite erstellen, gestalten und verwalten

Schritt-für-Schritt-Anleitung für das kutego^® Webmodul

Das Webmodul ist weit mehr als nur eine einfache Webseite – es ist ein kompletter Baukasten, der dir alles bietet, was du für einen professionellen Online-Auftritt brauchst. Alles ist vollständig in kutego^® integriert, ohne externe Tools, ohne technischen Aufwand und ohne zusätzliche Hostingkosten.

💡 So passt du diese Homepage auf dein Unternehmen an:
Klicke oben links auf den orangefarbenen Stift (Inhalte bearbeiten). Du kannst die Überschrift, den Text und die Buttons frei ändern.
Über den schwarzen Pinsel (Layout) lädst du dein eigenes Logo hoch und passt die Farben an deine Marke an – das Logo erscheint dann auch auf Rechnungen und System-E-Mails.

Was bekommst du mit dem Webmodul?

Vollwertiger Webseiten-Baukasten

Du erhältst einen kompletten Baukasten für deine Unternehmenswebsite – inklusive Startseite, Unterseiten, Kurs- und Terminmodulen, Kontaktformularen, Bildergalerien und vielem mehr. Alles lässt sich per Klick anpassen, ohne Programmierkenntnisse.

Wunschdomain inkl. Registrierung

Mit dem Webmodul erhältst du deine eigene Wunschdomain – z. B. www.deinunternehmen.de. Wir übernehmen für dich:

Registrierung der Domain
Hosting und SSL-Verschlüsselung
Einbindung in deine Webseite

Tipp: Einfach Wunschdomain angeben – wir erledigen den Rest. Du musst nichts technisch einrichten.

Unbegrenzte E-Mail-Konten

Zum Webmodul gehören unbegrenzt viele E-Mail-Postfächer im Format deinname@deinedomain.de – ideal für eine professionelle Außenkommunikation.

Blog-Modul & FAQ-Baukasten

Du kannst eigene Blog-Beiträge, News oder Anleitungen erstellen und FAQs ganz einfach als strukturierten Bereich anlegen. Perfekt für Kundeninformationen und SEO.

Suchmaschinenoptimierung (SEO)

Das gesamte Webmodul ist SEO-optimiert:

Automatische, suchmaschinenfreundliche Struktur
Meta-Beschreibungen in Kurs-/Terminkategorien, Standorten und Unterseiten
Schnelle Ladezeiten und saubere technische Auslieferung
Alt-Text-Unterstützung für Bilder

Sichtbarkeits- und Zugriffskontrollen

Jede Seite lässt sich flexibel steuern:

Öffentlich – für alle Besucher sichtbar
Passwortgeschützt – Zugang nur mit Passwort
Nur für Kunden – nur eingeloggte Kunden sehen die Seite
Nur für Mitarbeitende – interner Bereich

Damit kannst du Mitgliederbereiche, interne Seiten oder exklusive Inhalte ohne zusätzlichen Aufwand erstellen.

Mobile Optimierung & Barrierefreiheit

Deine Webseite ist vollständig responsive – sie passt sich automatisch an jedes Gerät an. Zusätzlich kannst du mit einem Klick die Barrierefreiheitsfunktionen aktivieren:

Anpassbare Schriftgrößen und erhöhter Kontrast
Vollständige Tab-Navigation
Alt-Texte für Screenreader

💡 So nutzt du diese Funktionen: All diese Features sind in deinem Webmodul bereits enthalten – du musst nichts extra freischalten oder installieren. Domain, E-Mail, SSL, Blog, FAQ und SEO sind sofort einsatzbereit. Starte einfach mit deiner Startseite und nutze die einzelnen Funktionen Schritt für Schritt, sobald du sie brauchst. Im Backend findest du alle Einstellungen unter dem Menüpunkt „Webseite".

Deine Seitenstruktur aufbauen

Bevor du deine Webseite gestaltest, legst du zuerst die Struktur an – also die einzelnen Unterseiten, aus denen deine Webseite später besteht.
Dafür navigierst du zu Webseite › Unterseiten.

Unterseiten anlegen

Klicke auf den Button Anlegen und lege folgende Einstellungen fest:

Navigation anzeigen?

Entscheide, ob die Seite in der Navigationsleiste erscheinen soll. Seiten ohne Navigation eignen sich hervorragend als Landingpages, für versteckte Angebote oder als exklusive Seiten, die nur über einen direkten Link erreichbar sind.

Position in der Navigation

Wurzelverzeichnis: Die Seite erscheint direkt im Hauptmenü oben auf deiner Webseite.
Einer bestehenden Seite unterordnen: Die Seite wird als Unterpunkt angezeigt (z. B. unter „Kurse buchen“ oder „Über uns“).

Sichtbarkeit festlegen

Alle Besucher – jeder kann die Seite sehen
Nur eingeloggte Kunden – z. B. für exklusive Online-Inhalte
Nur Mitglieder – für Mitgliederbereiche
Nur Mitarbeitende – für interne Informationen

Seitentyp wählen

Unterseite (Standard): Eine normale Inhaltsseite.
Weiterleitungsseite: Leitet Besucher automatisch auf eine andere URL weiter.

Meta-Beschreibung für SEO hinterlegen

Im Reiter Meta beschreibst du kurz, was auf der Unterseite angeboten wird. Achte dabei auf:

2–3 relevante Keywords verwenden
Einen kurzen, klaren Beschreibungstext formulieren
Darauf achten, dass diese Begriffe auch im Seiteninhalt vorkommen

Die Meta-Beschreibung ist wichtig für die Suchmaschinenoptimierung (SEO), da Suchmaschinen so verstehen, worum es auf deiner Seite geht. Den Meta-Reiter findest du auch bei Kurskategorien, Terminkategorien und Standorten.

Tipp: ChatGPT kann dir beim Formulieren einer passenden Meta-Beschreibung helfen.
Oder wirf einen Blick zur Konkurrenz – was verwenden die in ihrer Suchmaschinenbeschreibung, um gefunden zu werden?

Social-Media-Vorschau & Passwortschutz

Zusätzlich kannst du ein Bild, eine Überschrift und einen Beschreibungstext festlegen, die angezeigt werden, wenn jemand die Seite in sozialen Netzwerken teilt. Bei Bedarf kannst du eine Seite auch mit einem Passwort schützen.

Reihenfolge anpassen

Sobald du mehrere Unterseiten angelegt hast, kannst du sie in der Übersicht einfach mit den Pfeilen verschieben.
So bestimmst du ganz flexibel, in welcher Reihenfolge sie später im Menü angezeigt werden.

💡 So legst du deine Seitenstruktur an: Gehe im Backend auf Webseite → Unterseiten und klicke auf „Anlegen". Überlege dir vorab, welche Seiten du brauchst – z. B. Startseite, Kurse, Über uns, Kontakt, FAQ. Du kannst jederzeit weitere Unterseiten ergänzen oder die Reihenfolge per Drag & Drop ändern. Tipp: Weniger ist mehr – starte mit 4–5 Seiten und baue bei Bedarf aus.

Seiteninhalte gestalten

Nachdem deine Seitenstruktur steht, geht es an das Design und den Inhalt. Klicke dafür bei der gewünschten Unterseite auf den grünen Button „Inhalte bearbeiten“. Du gelangst dann in die Frontansicht – also die Ansicht, wie deine Kunden später die Seite sehen.

Layout anpassen (schwarzer Pinsel)

Oben links findest du den schwarzen Pinsel. Hierüber kannst du:

Farben an deine Marke anpassen
Logo hochladen (erscheint auch in System-E-Mails, Rechnungen und PDFs)

So gibst du deiner Webseite ein einheitliches, professionelles Erscheinungsbild. Wenn du bereits einen Farbcode hast (z. B. im Hex-Format), kannst du diesen direkt eingeben.

Inhalte bearbeiten (orangefarbener Stift)

Über den Stift-Button öffnest du den Inhaltseditor. Rechts erscheint eine Sidebar mit verschiedenen Bausteinen.
Im Dropdown ist standardmäßig „Beliebt“ ausgewählt – hier findest du die am häufigsten genutzten Elemente. Über das Dropdown kannst du alle weiteren Kategorien aufrufen.

So fügst du Bausteine ein

Wähle ein Element aus der Sidebar.
Ziehe es per Drag & Drop in den Seiteninhalt.
Achte darauf, unterhalb der gestrichelten Content-Linie zu bleiben.

Wichtig: Alles oberhalb der gestrichelten Linie gehört zum Header und erscheint auf allen Unterseiten. Alles darunter gehört nur zu dieser einen Seite. Ganz unten befindet sich eine zweite gestrichelte Linie für den Footer – hier gelten dieselben Regeln wie beim Header.

Bausteine bearbeiten

Klicke nach dem Einfügen auf einen Baustein, um ihn anzupassen:

Texte ändern
Farben und Schriftarten anpassen
Verlinkungen einstellen
Mit dem roten X ein Element jederzeit löschen

Verfügbare Elemente

Dir stehen unter anderem folgende Bausteine zur Verfügung:

Überschriften – Texte und Titel gestalten
Bilder – direkt hochladen oder aus dem Datei-Manager auswählen
Buttons
kutego^®-Module wie Kurse, Termine, Kalender, Gutscheine, Kontaktformular, uvm.
YouTube-Videos – Videos einbetten
Karten – Standortkarten einbinden
Social-Media-Icons – Verlinkungen zu deinen Profilen

Datei-Manager

Im Backend findest du unter Datei-Manager die Möglichkeit, Bilder zentral hochzuladen und an verschiedenen Stellen deiner Webseite wiederzuverwenden.

So gestaltest du deine Seiteninhalte: Klicke im Backend bei einer Unterseite auf den grünen Button „Inhalte bearbeiten" – du landest direkt in der Frontansicht. Nutze den schwarzen Pinsel (oben links) für Farben und Logo, den orangefarbenen Stift für Texte, Bilder und Module. Ziehe Bausteine einfach per Drag & Drop aus der rechten Sidebar in den Seiteninhalt.
Wichtig: Nur unterhalb der gestrichelten Linie arbeiten – alles darüber gehört zum Header und erscheint auf allen Seiten. Und nicht vergessen: Nach jeder Änderung oben links auf Speichern klicken!

Module einbinden

Wenn du Kurse, Termine, Tickets oder andere Funktionen auf einer Seite buchbar machen möchtest, wählst du im Sidebar-Dropdown den Punkt Module.
Ziehe das gewünschte Modul in den Content-Bereich deiner Seite.

Verfügbare Module

Kursmodul – alle oder ausgewählte Kurse anzeigen
Terminmodul – Einzeltermine buchbar machen
Ticketmodul – Tickets und Veranstaltungen anbieten
Kalender – Übersichtliche Kalenderansicht
Newsletter – Anmeldeformular einbinden
Kontaktformular – direkte Kontaktmöglichkeit
Blog – News- und Blog-Bereich
FAQ – Häufig gestellte Fragen
Team – Dein Team vorstellen
Gutscheine, Mitgliedschaften, Platzmiete – je nach gebuchtem Funktionsumfang

Beispiel: Kursmodul einbinden

Ziehe das Kursmodul aus der Sidebar in den Content-Bereich.
Wähle aus, welche Kurse angezeigt werden sollen:

Alle dieser Seite zugeordneten Kurse – zeigt automatisch passende Kurse an
Gezielt auswählen – du bestimmst manuell, welche Kurse sichtbar sind

Klicke oben links auf Speichern.

Das Modul aktualisiert sich automatisch, sobald du Kurse, Termine oder Tickets änderst. Du musst also keine Inhalte doppelt pflegen.

Tipp: Erstelle separate Unterseiten für verschiedene Kursarten (z. B. Webinare, Blockkurse, Dauerkurse) und ordne sie unter „Kurse buchen“ ein. So haben deine Kunden eine übersichtliche Navigation!

So bindest du Module ein: Öffne den Inhaltseditor (orangefarbener Stift) und wähle im Sidebar-Dropdown den Punkt „Module". Ziehe das gewünschte Modul – z. B. Kurse, Termine, Kontaktformular oder FAQ – per Drag & Drop in den Content-Bereich. Das Modul zeigt dann automatisch deine im Backend angelegten Inhalte an und aktualisiert sich selbstständig.
Du musst nichts doppelt pflegen!
Tipp: Lege für verschiedene Kursarten eigene Unterseiten an (z. B. Webinare, Blockkurse, Dauerkurse) und ordne sie unter „Kurse buchen" ein – so bleibt die Navigation für deine Kunden übersichtlich.

Speichern & zwischen Backend und Frontend wechseln

Wichtig:
Vergiss nicht, nach jeder Anpassung oben links auf Speichern zu klicken, damit deine Änderungen übernommen werden.

Vom Frontend ins Backend: Klicke auf das Administrator-Symbol (drei Zahnräder) oben rechts, um zurück ins Backend zu gelangen.

Vom Backend ins Frontend: Über deinen Accountnamen oben mittig wechselst du aus dem Backend erneut in die Frontansicht. So kannst du jederzeit prüfen, wie deine Kunden die Inhalte sehen.

Du brauchst Hilfe?

Kein Problem! Klicke oben im Backend auf den Support-Button. Du hast zwei Möglichkeiten:

Schriftlich: Schreib uns direkt deine Frage.
Persönlicher Termin: Buche über die Anwenderhilfe einen Supporttermin – wir helfen dir persönlich weiter.

Viel Spaß beim Bauen deiner Webseite!

Mit dem Webmodul kannst du ohne Programmierkenntnisse professionelle, moderne und suchmaschinenoptimierte Seiten erstellen.
Experimentiere ruhig mit verschiedenen Layouts und Modulen – alle Inhalte lassen sich jederzeit anpassen.

kutego®