Masjidbox
Gestion

Ajouter le petit widget d'horaires de prière pour site web

Le widget Petit format des horaires de prière affiche une vue compacte de votre calendrier sur n'importe quel site web. Il est conçu pour les en-têtes, les barres latérales ou tout endroit où l'espace est limité.

Avant de commencer : Vos horaires de prière doivent être configurés dans Paramètres > Horaires de prière. Apprenez à paramétrer les horaires de prière.

Créer le widget

Ouvrez votre tableau de bord Masjidbox et accédez à Widgets dans la barre latérale gauche.

Menu Widgets dans la barre latérale du tableau de bord Masjidbox

Cliquez sur Créer un widget, puis sélectionnez Petit format d'horaires de prière parmi les options de widget.

Option widget petit format d'horaires de prière dans le sélecteur de widgets

Personnaliser le widget

Dans l'onglet Général, configurez :

  • Nom : Référence interne (non visible par les visiteurs)

  • Couleur principale : Couleur d'arrière-plan

  • Couleur secondaire : Couleur du texte des libellés et des noms de prière

  • Langue : Langue d'affichage des noms de prière

Onglet des paramètres généraux affichant les options de couleur et de langue

Passez à l'onglet Options pour contrôler l'affichage :

  • Afficher les heures d'Athan & d'Iqamah : Basculer pour afficher ou masquer les heures d'Iqamah

  • Mettre en évidence les heures d'Iqamah : Mettre les heures d'Iqamah en gras

  • Afficher Jumuah : Afficher l'heure de la prière du vendredi

Onglet d'options avec les boutons de visibilité Iqamah et Jumuah

Utilisez l'aperçu en direct sur la droite pour voir les modifications au fur et à mesure que vous personnalisez.

Panneau d'aperçu en direct montrant l'apparence du widget

Cliquez sur Enregistrer une fois terminé.

Obtenir le code d'intégration

Dans votre liste de widgets, trouvez votre widget fraîchement créé et cliquez sur Obtenir le code.

Bouton d'obtention du code sur la carte du widget dans la liste des widgets

Copiez l'intégralité de l'extrait de code. Il comprend deux parties : un chargeur de script et la balise d'intégration du widget.

Affichage du code d'intégration avec les balises script et ancre

Ajouter à votre site web

Collez le code n'importe où dans le HTML de votre site web là où vous souhaitez que le widget apparaisse. Le widget se charge de manière asynchrone et s'adapte à l'espace disponible.

Testez le widget sur votre site. S'il n'apparaît pas, vérifiez que votre domaine est autorisé dans l'onglet Sites Web du widget (ex: *.votresite.com).

Le widget se met à jour automatiquement lorsque vous modifiez les horaires de prière dans votre tableau de bord — pas besoin de réintégrer le code.

Cela vous a-t-il été utile ?