Wapster Homepage Baukasten Logo

Wapster Handbuch & Wegweiser

Hier finden Sie eine übersichtliche Anleitung und vollständige Dokumentation zu allen Bereichen und Funktionen des wapster.de Homepage-Baukastens.


Bereich: Home

Hier startet Ihr Admin-Rundgang direkt nach dem Login.

  • Dashboard & Drag-and-Drop-Schnellstart: Das Dashboard zeigt Ihnen aktuelle Besucherzahlen, Neue Nachrichten, Schnellzugriffe und die Live-Vorschau Ihrer Website. Tipp: Sie können wichtige Menüpunkte (wie z. B. "Textseiten") per Drag-and-Drop ganz einfach direkt auf Ihr Dashboard ziehen. So erstellen Sie sich Ihre eigene, persönliche Schnellstart-Leiste für die Funktionen, die Sie am häufigsten benötigen.
  • Kontaktnachrichten: Hier verwalten und lesen Sie alle Anfragen, die über Ihre Kontaktformulare eingehen. Hinweis: Alle eingehenden Nachrichten werden im Login gespeichert und zusätzlich direkt per E-Mail an Sie weitergeleitet, damit Sie auch von unterwegs keine Anfrage verpassen.
  • Anmeldebericht: Ein sicheres Protokoll über Ihre vergangenen Login-Vorgänge.

Bereich: Meine Website

Hier gestalten Sie den Auftritt und die Struktur Ihrer Homepage.

  • Textseiten & Externe Links hinzufügen: Über diesen Bereich legen Sie neue Unterseiten an oder binden externe Links in Ihre Navigation ein:
    • Textseite: Erstellt eine reguläre Inhaltsseite mit eigenem Text und Editor. Die oberste Seite in Ihrer Liste ist dabei immer automatisch Ihre offizielle Startseite (Homepage).
    • Externe URL: Ermöglicht es Ihnen, einen Menüpunkt direkt auf eine externe Webadresse verlinken zu lassen.
    • Übergeordnete Struktur: Über das Feld „Unterseite von“ bestimmen Sie, ob der Menüpunkt als Hauptnavigation oder als Untermenüpunkt einsortiert wird.
    • SEO-Optimierung (Meta-Daten): Direkt beim Anlegen können Sie den Meta-Title, die Meta-Beschreibung sowie Meta-Keywords hinterlegen, damit Ihre Seiten perfekt von Suchmaschinen wie Google erfasst werden.
  • Icons & Bearbeitungsmöglichkeiten direkt an jeder Seite:
    • 🗑️ Textseite löschen: Entfernt die Seite aus dem System.
    • 📝 WYSIWYG Textseiten-Editor (CKEditor): Zum komfortablen Bearbeiten von Texten, Bildern und Inhalten direkt im Browser. Editor-Funktionen im Überblick: Der Editor bietet Ihnen eine vertraute Textverarbeitungs-Oberfläche (ähnlich wie Word) für Formatierungen, Überschriften, Ausrichtungen, Bild-Uploads sowie das Einbinden von Platzhaltern (wie z. B. für das Gästebuch).

      🎥 Video-Anleitung: Bilder & Hyperlinks im Editor erstellen

      🔒 Datenschutzhinweis: Durch das Laden des Videos wird eine Verbindung zu YouTube (Google Ireland Limited) hergestellt, wobei Daten an Server von Google übertragen werden. Weitere Informationen finden Sie in unserer Datenschutzerklärung.

    • 📄 HTML-Editor: Für direkte Code-Anpassungen im Quelltext der jeweiligen Seite.
    • 🔄 Hierarchie ändern: Verschiebt Seiten im Baum (z. B. als Untermenü).
    • 🌐 Site URL: Zeigt den direkten Link zur Unterseite.
  • Logo & Farben: Hier können Sie wahlweise ein Textlogo eingeben oder ein Logo-Bild hochladen, das sich automatisch in Ihre Website einfügt (Tipp: Das Bild im Vorfeld am besten in passender Größe vorbereiten; bei Bedarf unterstützt hierbei ebenfalls KI). Zudem lassen sich Hintergrundfarben, Linkfarben, Akzentfarben oder Hintergrundbilder per Klick anpassen. Sollte Ihnen etwas nicht gefallen, genügt ein Klick auf „Standard“, um den Urzustand wiederherzustellen.
  • Mein Webdesign & Designwechsel: Sie können das Design Ihrer Website jederzeit komplett wechseln, ohne dass jemals erstellte Textseiten, Bilder oder Inhalte verloren gehen. Oben rechts im Editor finden Sie den Button "HTML-Code ändern", um das Layout anzupassen. Unterhalb des Editors sind alle wichtigen Variablen aufgelistet, die ein Template benötigt (damit Navigation, Textseiten, News und Galerien fehlerfrei funktionieren). Sicherheitsnetz: Sollten Sie das Template einmal unbrauchbar gemacht haben, wählen Sie das Template unter "Mein Webdesign" einfach erneut aus – und sofort ist alles wieder wie vorher! KI-Einstieg: Dies ist zudem ein hervorragender Startpunkt, um sich mit kostenlosen KI-Tools wie Gemini oder ChatGPT auseinanderzusetzen und sich ein individuelles Design nach eigenen Wünschen entwickeln zu lassen. Eine genaue Anleitung dazu finden Sie unter anleitung.wapster.de.
  • Homepage Vorschau: Öffnet Ihre fertige Live-Website direkt in einem neuen Tab. Direkt-Bearbeitung: In der Live-Ansicht können Sie je nach Design (bzw. wenn das Slogan-Widget im Template eingebaut ist) bestimmte Elemente wie den Slogan direkt per Klick anpassen und werden komfortabel in die passenden Admin-Bereiche geleitet. Die grundlegende Bearbeitung Ihrer Seiten erfolgt dabei wie gewohnt im Bereich "Textseiten".

Bereich: Tools

Hier finden Sie alle erweiterten Module und Zusatzfunktionen, um Ihre Website noch interaktiver und professioneller zu gestalten:

  • News-Manager: Hiermit erstellen und verwalten Sie aktuelle Neuigkeiten und Beiträge für Ihre Website. Sie können News-Einträge jederzeit mit wenigen Klicks veröffentlichen oder bei Bedarf auch temporär deaktivieren.
  • Homepage-Slider: Ein moderner Bilder-Slider (bei dem Bilder inklusive Text fließend von rechts nach links durchlaufen). Hinweis: Dieses Feature ist standardmäßig in ausgewählten Templates enthalten, lässt sich aber über die entsprechende Template-Variable auch nachträglich in jedes eigene Design einbauen. Der Slider funktioniert vollautomatisch auf der Startseite Ihrer Website.
  • HTML-Flächen: Flexible Container-Bereiche außerhalb des eigentlichen Seiteninhalts (z. B. für Werbecodes, Banner oder speziellen HTML-Quelltext).
  • Social Media Links: Tragen Sie hier einfach Ihre URLs zu Plattformen wie YouTube, Discord oder anderen sozialen Netzwerken ein. Das System generiert und platziert daraufhin automatisch die passenden Icons auf Ihrer Website.
  • Fotoalben: Ihre eigenen Bildergalerien. Sie können mehrere Alben anlegen, beschreiben und beliebig viele Fotos in die jeweiligen Galerien hochladen (die Bilder lassen sich anschließend auch in anderen Modulen wie der Fewo oder dem Tabellen-Manager verwenden).
  • Meine Dateien: Hier laden Sie verschiedene Dateiformate hoch (z. B. CSS, DOC, PDF, TXT, ODT, DOCX, RTF, SVG, WEBP, ICO, OGG, CSV oder JSON). Zusatzfunktionen: Sie können festlegen, ob eine Datei als Download-Link unten im Navigationsbereich angezeigt werden soll (ideal für öffentliche PDFs). Zudem können Sie per Rechtsklick auf das Datei-Icon ganz einfach die direkte URL kopieren und diese in Ihre Textseiten einfügen.
  • Passwortschutz: Ermöglicht es Ihnen, die gesamte Website mit einem gemeinsamen Passwort zu versehen. Nur Besucher, die das Passwort kennen und eingeben, erhalten Zutritt zu den Inhalten.
  • Gästebuch: Das neue, moderierte Gästebuch inklusive Sternebewertung. Sie können Einträge anlegen, moderieren, kommentieren, freigeben oder löschen. Homepage-Feld für Besucher: Das Gästebuch enthält ein praktisches URL-Feld, in das Besucher beim Eintragen ihre eigene Website-Adresse eintragen können. Das spornt Besucher dazu an, einen Gruß dazulassen, und erhöht gleichzeitig die Attraktivität Ihres Gästebuchs. Einbindung: Um das Gästebuch auf einer Seite zu platzieren, öffnen Sie einfach den Textseiten-Editor an der gewünschten Stelle und klicken auf das Gästebuch-Symbol – der passende Platzhalter wird sofort eingefügt.
  • FEWO-Manager: Die perfekte Lösung für Vermieter zur Erstellung von Fewo-Buchungskalendern. Sie können bei mehreren Ferienwohnungen auch mehrere unabhängige Kalender anlegen. Buchungs-Workflow: Wenn ein Besucher eine Buchung anfragt, muss dieser seine Buchung erst per Klick auf einen zugesandten E-Mail-Bestätigungslink verifizieren. Nach einer erneuten Sicherheitsabfrage ist der Termin im Kalender für andere Besucher fest geblockt. Tipp: Da die Bilder für den Kalender aus Ihren Fotoalben geladen werden, empfiehlt es sich, im Vorfeld ein passendes Fotoalbum anzulegen.
  • Tabellen-Manager: Erstellen Sie übersichtliche Preislisten, Speisekarten, Artikellisten oder andere tabellarische Auswertungen. Auch hier können zu den Tabelleneinträgen ganz bequem Bilder aus Ihren Fotoalben ausgewählt werden.

Bereich: Profil

Ihre Account-Einstellungen und Tarifoptionen im Überblick:

  • Mein Profil & Passwort: Hier passen Sie Ihre persönlichen Stammdaten sowie Ihre Zugangsdaten (Passwort) für den Admin-Login sicher an.
  • Pakete & Eigene Domain: Hier erhalten Sie Informationen zu Ihrer aktuellen Tarifstufe bei Wapster. Bei Bedarf können Sie hier auch ein Upgrade auf ein größeres Paket durchführen, um mehr Speicherplatz zu erhalten und Ihre eigene Wunsch-Domain aufzuschalten. SEO-Sicherheit (Kein Duplicate Content): Die Anbindung einer eigenen Domain wird vom System vollautomatisch über saubere Canonical- und Alternate-Tags gesteuert. Dadurch wird Suchmaschinen exakt mitgeteilt, welche URL die Hauptversion ist, sodass es zu absolut keinem Duplicate Content bei Google & Co. kommt.

Bereich: Statistik

Auswertungen zu Ihren Website-Besuchern:

  • Statistik-Report: Detaillierte Zahlen zu Aufrufen und Traffic.
  • Verweise: Sehen Sie nach, von welchen anderen Websites Besucher zu Ihnen gefunden haben.

Bereich: Website Promotion & SEO

Tipps und Empfehlungen, wie Sie Ihre neue Website erfolgreich und seriös im Internet bekannt machen:

  • Seriöser Aufbau von Backlinks (Ohne Spam): Vermeiden Sie automatisierte Spam-Einträge in fremden Foren oder Blogs. Setzen Sie stattdessen auf hochwertige, themenrelevante Verzeichnisse. Tipp für den Start: Tragen Sie Ihre Website völlig kostenlos und unkompliziert in den Webkatalog linktausch.name ein, um erste wertvolle Verweise zu erhalten.
  • Branchenspezifische Portale (z. B. für Handwerker): Wenn Sie ein lokales Gewerbe oder einen Handwerksbetrieb betreiben, nutzen Sie spezialisierte Portale. Empfehlung: Handwerker und Dienstleister können sich beispielsweise auf handwerker-engagieren.de völlig kostenlos eintragen, um von potenziellen Kunden in der Region gefunden zu werden.
  • KI als SEO-Assistent nutzen (Gemini & ChatGPT): Kostenlose KI-Tools sind hervorragende Helfer für Ihre Optimierung:
    • Meta-Tags erstellen: Lassen Sie sich von KI ansprechende, suchmaschinenfreundliche Meta-Titles und Meta-Beschreibungen für Ihre Textseiten vorschlagen.
    • Schema.org (Strukturierte Daten): Nutzen Sie KI, um JSON-LD-Code für strukturierte Daten (z. B. für lokale Unternehmen, Öffnungszeiten oder Handwerksleistungen) zu generieren, den Sie ganz einfach in Ihre HTML-Flächen oder Templates einbauen können.

🔍 Barrierefreiheit-Tipp: Drücken Sie jederzeit Windows-Taste + Plus (+) auf Ihrer Tastatur, um die Windows-Lupe zu aktivieren (zum Ausschalten einfach Windows-Taste + Esc drücken).