Erste Seite erstellen

Erstellen Sie Ihre erste Webseite mit dem moschee.io Page Builder.

Erste Seite erstellen

Der Page Builder ermöglicht es Ihnen, professionelle Webseiten für Ihre Moschee zu erstellen – ohne Programmierkenntnisse.

Page Builder öffnen

  1. Navigieren Sie zu Page Builder in der Seitenleiste
  2. Klicken Sie auf Neue Seite erstellen

Seiten-Grundeinstellungen

Seitenname

Geben Sie einen Namen für Ihre Seite ein:

  • Interner Name: Zur Organisation im Dashboard
  • Seitentitel: Wird im Browser-Tab angezeigt

URL (Slug)

Der URL-Pfad Ihrer Seite:

  • Wird automatisch aus dem Namen generiert
  • Kann manuell angepasst werden
  • Beispiel: ihre-moschee.moschee.io/ueber-uns

Als Startseite festlegen

Aktivieren Sie diese Option, um die Seite als Startseite zu verwenden.

Blöcke hinzufügen

Der Page Builder arbeitet mit Blöcken – vorgefertigten Elementen, die Sie kombinieren können.

Block einfügen

  1. Klicken Sie auf Block hinzufügen (+)
  2. Wählen Sie einen Block-Typ aus
  3. Der Block wird eingefügt

Verfügbare Blöcke

BlockBeschreibung
HeroGroßer Kopfbereich mit Bild und Text
TextFließtext mit Formatierung
BildEinzelnes Bild oder Galerie
Text & BildKombinierter Text-Bild-Block
KartenInfo-Karten in Reihe
SpaltenMehrspaltige Layouts
ButtonCall-to-Action Buttons
TabsInhalte in Tabs organisiert
AkkordeonAufklappbare FAQ-Elemente
News-ListeAutomatische News-Anzeige
Event-KalenderEvent-Übersicht
NewsletterAnmeldeformular
Social LinksSocial-Media-Verlinkungen
TestimonialsZitate und Empfehlungen
CalloutHervorgehobene Hinweise

Blöcke bearbeiten

Block auswählen

Klicken Sie auf einen Block, um ihn auszuwählen. Die Einstellungen erscheinen in der Seitenleiste.

Inhalt bearbeiten

Je nach Block-Typ können Sie bearbeiten:

  • Texte und Überschriften
  • Bilder und Medien
  • Farben und Hintergründe
  • Abstände und Ausrichtung
  • Links und Buttons

Block verschieben

  1. Klicken Sie auf das Verschieben-Symbol (⋮⋮)
  2. Ziehen Sie den Block an die neue Position

Block duplizieren

  1. Wählen Sie den Block aus
  2. Klicken Sie auf Duplizieren
  3. Eine Kopie wird unterhalb eingefügt

Block löschen

  1. Wählen Sie den Block aus
  2. Klicken Sie auf das Papierkorb-Symbol
  3. Der Block wird entfernt

Beispiel: Startseite erstellen

Schritt 1: Hero-Block

  1. Fügen Sie einen Hero-Block hinzu
  2. Laden Sie ein Bild Ihrer Moschee hoch
  3. Fügen Sie eine Überschrift hinzu: "Willkommen bei [Moschee-Name]"
  4. Fügen Sie einen Untertitel hinzu
  5. Optional: Button "Gebetszeiten ansehen"

Schritt 2: Über uns

  1. Fügen Sie einen Text & Bild-Block hinzu
  2. Schreiben Sie einen kurzen Text über Ihre Moschee
  3. Fügen Sie ein passendes Bild hinzu

Schritt 3: Gebetszeiten

  1. Fügen Sie einen Callout-Block hinzu
  2. Zeigen Sie die aktuellen Gebetszeiten
  3. Verlinken Sie zur vollständigen Gebetszeiten-Seite

Schritt 4: Aktuelle News

  1. Fügen Sie einen News-Listen-Block hinzu
  2. Wählen Sie "Letzte 3 News anzeigen"
  3. Die News werden automatisch aktualisiert

Schritt 5: Kommende Events

  1. Fügen Sie einen Event-Kalender-Block hinzu
  2. Wählen Sie die Ansicht (Liste oder Kalender)
  3. Events werden automatisch angezeigt

Vorschau

Live-Vorschau

Der Editor zeigt Änderungen in Echtzeit:

  • Desktop-Ansicht
  • Tablet-Ansicht
  • Mobile-Ansicht

Vollbild-Vorschau

  1. Klicken Sie auf Vorschau
  2. Die Seite öffnet sich in einem neuen Tab
  3. Testen Sie auf verschiedenen Geräten

Speichern & Veröffentlichen

Entwurf speichern

Klicken Sie auf Speichern, um den aktuellen Stand zu sichern, ohne zu veröffentlichen.

Veröffentlichen

  1. Klicken Sie auf Veröffentlichen
  2. Die Seite ist sofort unter Ihrer Domain erreichbar
  3. Vorherige Version wird archiviert

Veröffentlichung rückgängig

Sie können zur vorherigen Version zurückkehren:

  1. Öffnen Sie die Seite
  2. Klicken Sie auf Versionen
  3. Wählen Sie die gewünschte Version
  4. Klicken Sie auf Wiederherstellen

Nächste Schritte