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.
Cliquez sur Créer un widget, puis sélectionnez Petit format d'horaires de prière parmi les options de widget.
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
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
Utilisez l'aperçu en direct sur la droite pour voir les modifications au fur et à mesure que vous personnalisez.
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.
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.
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.