AppWise CMS Offizielle Dokumentation v2.7.0 · Aktualisiert: 20. Oktober 2026
AppWise CMS

Inhalte, Design, SEO und Prozesse in einem Panel verwalten.

AppWise CMS ist ein modulares Verwaltungspanel für Unternehmenswebsites, Kataloge, Produktseiten, Mediendateien, mehrsprachige Inhalte, Formulare und Analyseprozesse.

Panelumfang Seiten, Produkte, Menüs, Medien, SEO, Sprachen, Benutzer und Backups
Ziel Tägliche Website-Prozesse ohne technisches Team verwalten
Empfohlener Ablauf Einstellungen → Inhalte → Menü → SEO → Veröffentlichung prüfen
Inhalte Seiten, Artikel, Produkte, Menüs
Design Theme, Farbpalette, Builder, Header, Footer
Werkzeuge Formulare, Popup, Integrationen, Module
Administration Sprachen, Benutzer, Sicherheit, Backups

Schnellstart

Bei einer neuen Website richten Sie zuerst die Grundeinstellungen ein und erstellen danach Inhalte und Menüstruktur.

  1. Tragen Sie Firmenname, URL, Kontaktdaten und globalen SEO-Titel unter Site-Einstellungen ein.
  2. Laden Sie Logo und Favicon hoch.
  3. Prüfen Sie Theme, Farbpalette, Header, Footer und Schriften unter Design.
  4. Aktivieren Sie Sprachen und legen Sie die Standardsprache unter Sprachen / Übersetzung fest.
  5. Erstellen Sie Hauptseiten und Kategorien unter Seitenverwaltung.
  6. Verbinden Sie Seiten, Produktkategorien oder individuelle Links im Bereich Menü.
  7. Kontrollieren Sie Sitemap, Robots und Weiterleitungen unter SEO Tools.
  8. Schließen Sie die 2FA- und SMTP-Konfiguration unter Sicherheit ab.
Tipp: Prüfen Sie vor der Veröffentlichung Slug, Meta-Titel und Meta-Beschreibung für jede aktive Sprache.

Panel-Oberfläche

Das Admin-Panel besteht aus Seitenleiste, Topbar und Arbeitsbereich. Die Seitenleiste enthält ein Suchfeld — geben Sie einen Modulnamen für schnellen Zugriff ein.

  • Seitenleiste: Alle Module und Unterbereiche. Schneller Zugriff über die Suche.
  • Topbar: Website-Link, Sprache, Benutzeraktionen und Schnellzugriffe.
  • Arbeitsbereich: Listen, Formulare, Modale und Builder-Ansichten.
  • Rechtsklick-Menü: Schnellnavigation zu Design-Seiten.
  • Rechte: Menüs und Aktionen können je nach Rolle ausgeblendet sein.
  • Versionsinformation: CMS-Versionsnummer wird unten in der Seitenleiste angezeigt.
Hinweis: Benutzer ohne Berechtigung sehen bestimmte Menüs nicht oder können keine Speicher- und Löschaktionen ausführen.

Seitenverwaltung

Die Seitenverwaltung dient für Unternehmensseiten, Inhaltsseiten, Landing Pages und Builder-basierte Seiten.

Workflow für neue Seiten

  1. Erstellen Sie bei Bedarf eine Kategorie unter Seitenkategorien.
  2. Öffnen Sie das Seitenformular unter Seitenverwaltung → Neu erstellen.
  3. Wählen Sie den Inhaltsmodus: klassischer Editor oder Builder-Modus.
  4. Füllen Sie Seitenname, Slug und Inhalt für jede aktive Sprache aus.
  5. Vervollständigen Sie SEO-Titel, Meta-Beschreibung, Keywords und Tags.
  6. Konfigurieren Sie Bild, Icon, Galerie oder Kommentaroptionen nach Bedarf.
  7. Verbinden Sie die Seite nach dem Speichern über den Menübereich mit der Navigation.

Wichtige Felder

  • Seitenname, Untertitel, Inhalt und Videofelder
  • Sprachbasierter Slug und SEO-Felder
  • Beitragsbild, Icon und Bildgrößenoptionen
  • Galerie, Kommentare, FAQ und Team-Sichtbarkeit
  • Klassischer Inhalt oder Builder-Inhaltsmodus

Builder-Modus

Der Builder-Modus ermöglicht es, eine Seite mit Sections, Columns und Elementen zu erstellen, anstatt einen einzelnen Rich-Text-Bereich zu verwenden.

Artikelverwaltung

Die Artikelverwaltung wird für Blogs, Neuigkeiten, Ankündigungen oder Wissensdatenbank-Inhalte verwendet.

  • Artikelkategorien können erstellt werden.
  • Jeder Artikel hat sprachbasierte Slugs und SEO-Felder.
  • Sidebar-Position kann rechts, links oder deaktiviert sein.
  • Beitragsbild und Listenlayout können angepasst werden.
Empfehlung: Halten Sie Artikeltitel kurz und schreiben Sie Beschreibungen, die in Suchergebnissen gut lesbar sind.

Produktverwaltung

Die Produktverwaltung dient für Produktkataloge, Dienstleistungslisten und anfragebasierte Produktseiten.

Workflow für Produktveröffentlichung

  1. Erstellen Sie den Kategoriebaum unter Produktkategorien.
  2. Erstellen Sie ein Produkt über Produktverwaltung → Neu erstellen.
  3. Weisen Sie das Produkt der richtigen Kategorie zu.
  4. Füllen Sie Produktname, Kurzbeschreibung und Detailinhalt in allen erforderlichen Sprachen aus.
  5. Fügen Sie Produktbild, Galerie und Katalog-/Dateilinks hinzu, falls vorhanden.
  6. Erstellen Sie bei Bedarf zusätzliche Tabs für technische Informationen, Tabellen oder Dokumente.
  7. Füllen Sie SEO-Felder aus und testen Sie den Frontend-Link.

Produktkategorien

Kategorien sind hierarchisch aufgebaut. Stammkategorie, Unterkategorie und Produkt-Sidebar-Verhalten arbeiten zusammen.

Produktfelder

  • Produktname, Slug, Beschreibung und Kurzbeschreibung
  • Produktbild und Galerie
  • Dateilinks
  • Zusätzliche Tabs
  • SEO-Titel, Beschreibung, Keywords und Tags
  • Anfrageformular-Integration
Achtung: Prüfen Sie Kategorieauswahl und Sidebar-Root-Einstellungen, damit das Produkt im richtigen Sidebar-Baum erscheint.

Galerie und Dateien

Die Medienverwaltung besteht aus Bildgalerien und herunterladbaren/verwaltbaren Dateien.

  • Galerie: Bildlisten mit Inhalten oder Modulen verknüpfen.
  • Dateien: PDFs, Kataloge, technische Dokumente und ähnliche Dateien verwalten.
  • Bilder können in Inhalten, Produkten, Galerien oder Builder-Elementen verwendet werden.
Hinweis: Sehr große Bilder verlangsamen die Seite. Verwenden Sie web-optimierte Bilder.

Theme und Darstellung

Der Designbereich steuert das Website-Erscheinungsbild. Theme-Auswahl, Farbpalette, Schrift, Breadcrumb-Größe, Header, Footer und benutzerdefinierte CSS-Einstellungen werden hier verwaltet.

Empfohlene Reihenfolge für Design-Einstellungen

  1. Wählen Sie zuerst das aktive Theme.
  2. Laden Sie Logo und Favicon hoch (Unterstützung für helles und dunkles Logo).
  3. Prüfen Sie Header-Hintergrund und Menüverhalten.
  4. Wählen Sie eine fertige Farbpalette aus dem Color Market oder stellen Sie Farben einzeln ein.
  5. Wählen Sie die Schriftart.
  6. Stellen Sie die Breadcrumb-Größe ein (Standard, Klein, Groß).
  7. Konfigurieren Sie Footer-Spalten und Widget-Inhalte.
  8. Prüfen Sie die mobile Darstellung separat.

Color Market

Color Market ermöglicht es, Website-Farben mit einem Klick aus fertigen Paletten anzuwenden. 25 Presets sind in 5 Branchenkategorien verfügbar: Corporate, Klinik & Gesundheit, Schule & Bildung, Blog & Magazin, E-Commerce, Restaurant & Café, Hotel & Reise, Natur und Kreativ.

  • Fertige Paletten: Weist 6 Farben + Schrift mit einem Klick zu.
  • Favoriten-Paletten: Häufig verwendete Paletten mit Stern markieren und oben fixieren.
  • Meine eigenen Paletten: Aktuelle Farben mit einem Namen speichern und später erneut anwenden (bis zu 20 pro Website).
  • Farb-Export/Import: Farbeinstellungen als JSON sichern oder auf eine andere Website übertragen.

Farbfelder

  • Primärfarbe (Hauptschaltflächen und Akzente)
  • Sekundärfarbe
  • Textfarbe
  • Überschriftenfarbe
  • Hintergrundfarbe
  • Topbar-Hintergrundfarbe
  • Footer-Hintergrundfarbe
  • Breadcrumb-Hintergrundfarbe
  • Aus Voreinstellungen wählen oder benutzerdefinierten HEX-Code eingeben

Schrift und Layout

  • Website-Schriftauswahl (Google Fonts oder Systemschrift)
  • Breadcrumb-Größe: Standard, Klein oder Groß
Empfehlung: Prüfen Sie nach einem Theme-Wechsel Startseite, Produktdetail, Kategorie und Kontaktseite gemeinsam. Testen Sie die Farbvorschau auf verschiedenen Seitentypen.

Builder-Struktur

AppWise CMS enthält Home Builder, Page Builder und Contact Builder. Der Builder dient zur blockbasierten Seitenverwaltung.

So funktioniert der Builder

  1. Section ist ein horizontaler Seitenbereich.
  2. Column definiert die Spaltenstruktur innerhalb einer Section.
  3. Element ist die Inhaltskomponente, die in einer Column platziert wird.
  4. Jedes Element kann eigene Inhalts-, Bild-, Link- und Sprachfelder haben.
  5. Die Frontend-Reihenfolge folgt der im Builder festgelegten Sortierung.

Standardelemente

BannerRich TextAccordionLogo SliderStatsTeamTestimonialsPricingTimelineHTML BlockDividerTabbed ContentVideoRequest FormImage

Themes können eigene zusätzliche Elemente definieren, daher können die verfügbaren Elemente je nach aktivem Theme variieren.

Achtung: HTML Block ist leistungsstark, sollte aber sorgfältig verwendet werden. Ungültiges HTML kann das Seitenlayout zerstören.

Formulare und Bewerbungen

Der Bereich Formulare / Bewerbungen dient zur Verwaltung von Besuchereinsendungen. Die Anzahl ungelesener Einträge wird in der Seitenleiste angezeigt.

  • Kontaktformular: Besuchernachrichten und Kontaktanfragen.
  • Bewerbungsformular: Bewerbungen und Lebensläufe.
  • Angebotsformular: Preisanfragen.
  • Bestellformular: Produkt- oder Dienstleistungsbestellungen.
  • Anfrageformular: Allgemeine Produkt-/Dienstleistungsanfragen.

Formulareingänge können nach Lesestatus verfolgt werden. Einige Formulare erscheinen nicht, wenn zugehörige Module inaktiv sind.

Integrationen

Drittanbieter-Dienste und Website-Tools werden im Integrationsbereich verwaltet.

  • Newsletter Popup: E-Mail-Sammel-Popup.
  • WhatsApp-Button: Fester WhatsApp-Kontaktbutton.
  • Live-Support: Live-Chat-Integration.
  • Cookie-Hinweis: DSGVO-konformer Cookie-Zustimmungsbanner.
  • Geschwindigkeitstest: Website-Performance-Analyse.
  • Schema Markup: Strukturierte Daten für Suchmaschinen.
Tipp: Aktivieren Sie den Cookie-Hinweis vor dem Launch für die DSGVO-Konformität.

Kontakt und Social Media

Firmenkontaktdaten und Social-Media-Konten werden in diesem Bereich verwaltet. Diese Daten werden automatisch im Footer, auf der Kontaktseite und in Modulen verwendet.

  • Kontakt: Telefon, E-Mail, Adresse und Karteninformationen.
  • Social Media: Facebook, Instagram, Twitter/X, LinkedIn, YouTube und andere Plattformlinks.

Bewertungen und Rezensionen

Besucherkommentare und Produktbewertungen werden in diesem Bereich verwaltet.

  • Seiten-/Artikelkommentare: Besucherkommentare genehmigen, löschen und verwalten.
  • Produktbewertungen: Bewertungs- und Rezensionsdaten für Produkte.
  • Kommentare funktionieren mit einem Genehmigungssystem — sie durchlaufen eine Admin-Prüfung vor der Veröffentlichung.

Module

Das Modulsystem dient zum Aktivieren oder Deaktivieren von CMS-Funktionen und zur Verwaltung von Seiten-/Plugin-Strukturen.

Beispielmodule

HomeProductsShopping CartContactFAQReferencesOur TeamPricingQuoteOrderHuman ResourcesWorking HoursRequest FormError Page

Jedes Modul kann aktiviert oder deaktiviert werden. Module erstellen automatisch die zugehörige Seite und den Menüeintrag im Frontend.

Achtung: Erforderliche Module sind für das System notwendig und sollten nicht entfernt werden.

SEO und Webmaster

SEO-Tools verwalten die Suchsichtbarkeit und technische Weiterleitungen.

SEO-Prüfungsablauf

  1. Verwenden Sie für jede Seite, jedes Produkt und jeden Artikel einen eindeutigen Slug.
  2. Schreiben Sie kurze und aussagekräftige Meta-Titel.
  3. Schreiben Sie Meta-Beschreibungen, die den tatsächlichen Seiteninhalt zusammenfassen.
  4. Wenn sich eine URL ändert, leiten Sie die alte URL auf die neue um.
  5. Prüfen Sie Sitemap und robots.txt vor dem Launch.
  6. Überprüfen Sie Google Analytics und Search Console Codes.
  • Google Analytics Einstellungen
  • Google Search Console Einstellungen
  • Sitemap-Verwaltung
  • Robots.txt-Verwaltung
  • RSS-Einstellungen
  • Redirect-Verwaltung (301/302)
  • Slug- / Link-Verwaltung
  • Fehlgeschlagene URLs (404-Tracking)
  • Fehlgeschlagene Login-Einträge
  • OTP-Log-Einträge
  • Cache leeren
Tipp: Leiten Sie nach URL-Änderungen alte Links über die Redirect-Verwaltung auf neue Links um.

Besucheranalyse

Die Besucheranalyse hilft Ihnen, tägliche Besucheraktivitäten und beliebte Seiten anzuzeigen.

  • Tägliche Besucher und Details
  • Beliebte Seiten
  • Besucherquellen und Geräteinformationen

Diese Berichte helfen zu verstehen, welche Inhalte mehr Interesse erhalten, und leiten die Content-Strategie.

Sprachen und Übersetzung

Die Sprachverwaltung steuert Frontend-Inhalte und Panel-Sprache. Aktive Sprachen, Standardsprache und Sprachreihenfolge werden hier verwaltet. Die Panel-Oberfläche unterstützt 18 Sprachen.

Workflow für neue Sprache

  1. Öffnen Sie Sprachen / Übersetzung → Sprachverwaltung.
  2. Wählen Sie die Sprache aus den inaktiven Sprachen.
  3. Aktivieren Sie die Sprache und legen Sie die Reihenfolge fest.
  4. Ändern Sie bei Bedarf die Standardsprache.
  5. Füllen Sie Seiten-, Produkt-, Menü-, Modul- und Footer-Inhalte für die neue Sprache aus.
  6. Prüfen Sie Sprachreihenfolge und aktive Sprache im Frontend.
  • Aktive / inaktive Sprachverwaltung
  • Standardsprache-Auswahl
  • Sprachreihenfolge
  • Panel-Oberflächenübersetzungen
  • Website-Textübersetzungen (Frontend)
  • Synchronisierung der Inhaltsübersetzungen
Hinweis: Nach dem Hinzufügen einer neuen Sprache müssen Seiten-, Produkt-, Menü- und Modulinhalte für diese Sprache ausgefüllt werden.

Benutzer und Rechte

Der Benutzerbereich verwaltet Admin-Konten, Panel-Sprache und Berechtigungen.

  • Super Admin: Hat alle Berechtigungen. Zugriff auf Backups und Systemeinstellungen.
  • Admin: Arbeitet mit modulbasierten Berechtigungen.
  • Berechtigungen sind in Aktionen unterteilt: Anzeigen, Erstellen, Bearbeiten und Löschen.
  • Jedem Benutzer kann eine Panel-Sprache zugewiesen werden.
  • Benutzerkonten können aktiviert oder deaktiviert werden.
Empfehlung: Geben Sie täglichen Inhaltseditoren nur Zugriff auf die Module, die sie benötigen.

Sicherheit und Anmeldung

Sicherheitseinstellungen steuern den Panelzugang und die Kontosicherheit.

Anmeldung und Sitzung

  • Anmeldung mit Benutzername oder E-Mail.
  • Angemeldet bleiben: Wenn aktiviert, bleibt die Sitzung 30 Tage aktiv. Automatische Anmeldung erfolgt auch nach dem Schließen des Browsers.
  • Wenn die Sitzung abläuft oder der Browser geschlossen wird, wird das Sicherheitstoken automatisch erneuert.
  • Fehlgeschlagene Anmeldeversuche werden protokolliert.

Zwei-Faktor-Authentifizierung (2FA)

  • 2FA wird unter Einstellungen → Sicherheit aktiviert.
  • Nach der Anmeldung wird ein OTP-Code per E-Mail oder Authenticator-App angefordert.
  • Backup-Codes: Bei Verlust des OTP-Zugangs können Backup-Codes zum Einloggen verwendet werden.
  • Gerätevertrauen: Als vertrauenswürdig markierte Geräte werden 90 Tage lang nicht nach OTP gefragt.

Passwortverwaltung

  • Passwort-Reset erfolgt per E-Mail.
  • Passwort kann im Panel geändert werden.
  • Datum der Passwortänderung wird aufgezeichnet.
Achtung: Stellen Sie sicher, dass Sie Ihre Backup-Codes gespeichert haben, bevor Sie 2FA deaktivieren.

SMTP und E-Mail

SMTP-Einstellungen sind erforderlich, damit E-Mails aus dem Panel (Passwort-Reset, OTP, Formularbenachrichtigungen) funktionieren.

  • SMTP-Serveradresse, Port und Verschlüsselungstyp (SSL/TLS) werden konfiguriert.
  • Absendername und E-Mail-Adresse werden festgelegt.
  • Die Konfiguration kann durch Senden einer Test-E-Mail überprüft werden.
Achtung: Ohne SMTP-Konfiguration können Passwort-Reset-, OTP- und Formularbenachrichtigungs-E-Mails nicht gesendet werden.

Backups

Der Backup-Bereich dient für Datenbank-, Datei- und systemweite Sicherungsoperationen.

  • Datenbank-Backup: Sichert alle Tabellen als SQL.
  • Datei-Backup: Sichert Bilder und hochgeladene Dateien.
  • System-Backup: Vollständiger System-Snapshot (nur Super Admin).
  • Migrations-Backup: Fertiges Backup für Servermigration (nur Super Admin).
  • Speicherbereinigung: Bereinigt ungenutzte Dateien (nur Super Admin).
  • Owner-Log-Einträge: Systemweiter Operationsverlauf.
Achtung: Erstellen Sie vor größeren Updates sowohl Datenbank- als auch Datei-Backups.

Launch-Checkliste

Verwenden Sie diese Checkliste vor dem Launch einer neuen Website oder einem größeren Content-Update.

Tipp: Verwenden Sie diese Liste als Teil des Kundenübergabeprozesses bei jedem Projekt.

FAQ

Meine Seite erscheint nicht im Menü. Was soll ich tun?

Das Erstellen einer Seite fügt sie nicht automatisch zur Navigation hinzu. Fügen Sie die Seite als Menüeintrag im Menübereich hinzu.

Ich habe eine Sprache hinzugefügt, aber der Inhalt ist leer.

Beim Hinzufügen einer neuen Sprache werden Übersetzungszeilen erstellt, aber der Inhaltstext muss manuell ausgefüllt werden.

Die Produkt-Sidebar öffnet sich falsch.

Prüfen Sie die Produktkategorie und die Produkt-/Modul-Sidebar-Einstellungen. Verwenden Sie bei Bedarf die Sidebar-Root-Einstellung.

Wann sollte die Sitemap aktualisiert werden?

Prüfen Sie die Sitemap, wenn eine neue Seite, ein Produkt, eine Kategorie oder Modulseite veröffentlicht wird.

Ein Builder-Element ist im Frontend nicht sichtbar.

Stellen Sie sicher, dass das Element aktiv ist, vom ausgewählten Theme unterstützt wird und seine Inhaltsfelder ausgefüllt sind.

Ich habe eine Palette aus dem Color Market angewendet, aber sie gefällt mir nicht. Kann ich zu meinen alten Farben zurückkehren?

Ja. Wenn Sie Ihre Farbeinstellungen zuvor als JSON exportiert haben, können Sie sie per Import wiederherstellen. Oder Sie können eine in Ihren eigenen Paletten gespeicherte Palette erneut anwenden.

Ich habe 2FA aktiviert, aber mein Telefon verloren.

Sie können sich mit einem der Backup-Codes anmelden, die bei der 2FA-Aktivierung bereitgestellt wurden. Wenn Sie keine Backup-Codes haben, wenden Sie sich an Ihren Systemadministrator.

Was passiert, wenn SMTP-Einstellungen nicht konfiguriert sind?

Passwort-Reset-, OTP-Verifizierungs- und Formularbenachrichtigungs-E-Mails können nicht gesendet werden. Konfigurieren Sie SMTP-Einstellungen unbedingt vor dem Launch.

Meine Sitzung läuft zu schnell ab.

Aktivieren Sie die Option 'Angemeldet bleiben' auf dem Anmeldebildschirm. Dadurch bleibt Ihre Sitzung 30 Tage lang aktiv (sofern Sie sich nicht manuell abmelden).