Créer votre première page

Le Page Builder vous permet de créer un site de mosquée professionnel — sans code.

Ouvrir le Page Builder

1. Allez dans Page Builder dans la barre latérale
2. Cliquez sur Create new page (Créer une page)

Paramètres de base

Nom de la page

Indiquez un nom pour votre page :

• Internal name : pour l’organisation dans le dashboard
• Page title : affiché dans l’onglet du navigateur

URL (slug)

Le chemin URL de votre page :

• Généré automatiquement depuis le nom
• Modifiable
• Exemple : ma-mosquee.moschee.io/a-propos

Définir comme page d’accueil

Activez pour utiliser cette page comme page d’accueil.

Ajouter des blocs

Le Page Builder est basé sur des blocs — combinez les éléments prêts à l’emploi.

Insérer un bloc

1. Cliquez sur Ajouter un bloc (+)
2. Choisissez un type de bloc
3. Le bloc est inséré

Blocs disponibles

Modifier les blocs

Sélectionner un bloc

Cliquez sur un bloc pour le sélectionner. Les paramètres apparaissent dans la barre latérale.

Modifier le contenu

Selon le bloc, vous pouvez modifier :

• Textes et titres
• Images et médias
• Couleurs et arrière-plans
• Espacements et alignement
• Liens et boutons

Déplacer un bloc

1. Cliquez sur la poignée de déplacement (⋮⋮)
2. Faites glisser le bloc vers sa nouvelle position

Dupliquer un bloc

1. Sélectionnez le bloc
2. Cliquez sur Dupliquer
3. Une copie apparaît en dessous

Supprimer un bloc

1. Sélectionnez le bloc
2. Cliquez sur l’icône de corbeille
3. Le bloc est supprimé

Exemple : créer une page d’accueil

Étape 1 : bloc Hero

1. Ajoutez un bloc Hero
2. Importez une photo de votre mosquée
3. Ajoutez un titre : « Bienvenue à [Nom de la mosquée] »
4. Ajoutez un sous-titre
5. Facultatif : bouton « Voir les horaires de prière »

Étape 2 : À propos

1. Ajoutez un bloc Text & Image
2. Rédigez une courte présentation de votre mosquée
3. Ajoutez une image adaptée

Étape 3 : Horaires de prière

1. Ajoutez un bloc Callout
2. Affichez les horaires de prière actuels
3. Ajoutez un lien vers la page complète des horaires de prière

Étape 4 : Dernières actualités

1. Ajoutez un bloc News list
2. Choisissez « Show latest 3 news »
3. Les actualités se mettent à jour automatiquement

Étape 5 : Événements à venir

1. Ajoutez un bloc Event calendar
2. Choisissez la vue (liste ou calendrier)
3. Les événements s’affichent automatiquement

Aperçu

Aperçu en direct

L’éditeur se met à jour en temps réel :

• Vue desktop
• Vue tablette
• Vue mobile

Aperçu plein écran

1. Cliquez sur Aperçu
2. La page s’ouvre dans un nouvel onglet
3. Testez la page sur différents appareils

Enregistrer et publier

Enregistrer en brouillon

Cliquez sur Save pour enregistrer sans publier.

Publier

1. Cliquez sur Publier
2. La page est immédiatement publiée sur votre domaine
3. La version précédente est archivée

Restaurer

Vous pouvez restaurer une version précédente :

1. Ouvrez la page
2. Cliquez sur Versions
3. Sélectionnez la version
4. Cliquez sur Restore (Restaurer)

Prochaines étapes