Assurez-vous avec le code STARTER25 25% de réduction sur la première année. Tant que les stocks durent!

featuresembedeventsintegrationwebsite

Intégrer les événements de chœur sur votre propre site web

7 min read Chorilo Team
Intégrer les événements de chœur sur votre propre site web

Vos événements de chœur sur n'importe quel site web

De nombreux chœurs ont déjà leur propre site web - qu'il s'agisse d'un site WordPress, d'une page d'accueil d'association ou d'une simple page HTML. Le problème : Les événements doivent souvent être maintenus à deux endroits - une fois dans Chorilo pour l'organisation interne et une fois sur le site web pour le public.

Avec le nouveau Widget d'intégration Chorilo, ce problème appartient au passé. Copiez simplement un court extrait de code sur votre site web, et vos événements seront affichés automatiquement - toujours à jour, sans double maintenance des données.

Comment ça marche

L'intégration est incroyablement simple. Vous n'avez besoin que de deux lignes de code HTML :

<!-- Chorilo Events Widget -->
<div data-chorilo-events="votre-url-slug"></div>
<script src="https://backend.chorilo.com/embed/chorilo-events.js" async></script>

Remplacez votre-url-slug par le slug URL de votre site web public Chorilo. Vous le trouverez dans les paramètres du site web sous "Adresse URL".

Trouver le code d'intégration

Vous trouverez le code prêt à copier directement dans Chorilo :

  1. Naviguez vers votre ensemble
  2. Ouvrez les paramètres du Site web public
  3. Sous "Événements", activez au moins un type d'événement (répétitions, concerts ou événements)
  4. Le Code d'intégration apparaît automatiquement
  5. Cliquez sur "Copier" et collez le code sur votre site web

Particulièrement pratique : Vous pouvez voir un aperçu du widget directement dans Chorilo avant de l'intégrer sur votre site web.

Ce qui est affiché

Le widget affiche tous les événements à venir que vous avez activés dans les paramètres d'événements :

  • Titre de l'événement
  • Date et heure au format local
  • Lieu de l'événement
  • Type d'événement sous forme de badge coloré (Répétition, Concert, Événement)
  • Description (optionnelle, si activée dans les paramètres)

Important : Seule la description publique est affichée, pas la description interne. Ainsi, vous pouvez ajouter des notes internes comme "Veuillez apporter les partitions" tandis que seules les informations destinées au public apparaissent sur le site web.

Indépendant du site web public

Un avantage particulier : Le widget d'intégration fonctionne même lorsque votre site web public Chorilo est désactivé. Vous pouvez donc garder votre site web existant et bénéficier quand même de la synchronisation automatique des événements.

De nombreux chœurs ont construit leur propre site web au fil des années, qui correspond parfaitement à leur identité. Peut-être qu'il a été conçu avec amour par un membre, ou qu'un webdesigner local l'a créé. Abandonner ce site web juste pour utiliser les fonctionnalités de Chorilo serait dommage. Avec le widget d'intégration, vous n'avez pas à le faire. Vous gardez votre site web familier avec tout son contenu individuel et ajoutez simplement un calendrier d'événements automatiquement mis à jour.

Cela permet non seulement de gagner du temps sur la maintenance, mais aussi d'éviter les erreurs. Combien de fois est-il arrivé qu'un événement soit modifié dans la planification interne, mais que la mise à jour sur le site web soit oubliée ? Avec le widget d'intégration, c'est du passé. Chaque modification dans Chorilo est immédiatement visible sur votre site web - sans que vous ayez à lever le petit doigt.

Design épuré et moderne

Le widget est délibérément gardé simple pour s'intégrer parfaitement à n'importe quel site web :

  • Typographie claire avec des polices système
  • Coloration subtile avec votre couleur de thème comme accent
  • Mise en page responsive pour toutes les tailles d'écran
  • Pas de bordures gênantes ou d'éléments surchargés

Détails techniques

Pour les intéressés par la technique : Le widget est implémenté en JavaScript autonome qui ne nécessite aucune dépendance. Il :

  • Se charge de manière asynchrone, donc ne bloque pas le chargement de votre page
  • Injecte ses propres styles CSS qui n'affectent pas vos styles existants
  • Récupère les événements via une API publique
  • Prend en charge plusieurs widgets sur une page
  • Est conforme au RGPD sans cookies de suivi

Exemples d'utilisation

Intégration WordPress

Ajoutez simplement le code dans un bloc HTML ou un widget texte. Le widget apparaîtra alors à l'endroit souhaité sur votre page WordPress.

Page d'accueil d'association

Sur la page d'accueil de votre association, vous pouvez placer le widget de manière proéminente pour que les visiteurs voient immédiatement les prochains événements.

Page d'événements

Créez une sous-page "Événements" dédiée et intégrez-y le widget pour une liste d'événements claire.

Questions fréquentes

À quelle fréquence le widget se met-il à jour ?

Les événements actuels sont chargés à chaque visite de page. Modifiez un événement dans Chorilo, et il est immédiatement visible sur votre site web.

Puis-je personnaliser le design ?

La couleur principale est contrôlée via votre couleur de thème dans les paramètres du site web. D'autres personnalisations sont possibles via votre propre CSS.

Fonctionne-t-il sur les appareils mobiles ?

Oui, le widget est entièrement responsive et s'adapte automatiquement à toutes les tailles d'écran.

Dois-je installer quelque chose ?

Non, vous ajoutez simplement le code HTML. Le JavaScript est automatiquement chargé depuis nos serveurs.

Que se passe-t-il s'il n'y a pas d'événements ?

Le widget affiche alors un message amical "Aucun événement à venir".

Pour les visiteurs de concerts et les nouveaux membres

Un aperçu des événements à jour sur votre site web n'est pas seulement pratique pour l'organisation interne, mais aussi un outil important pour l'image publique de votre chœur. Les visiteurs de concerts veulent voir d'un coup d'œil quand et où a lieu la prochaine représentation. Les nouveaux membres potentiels cherchent des répétitions d'essai pour découvrir votre chœur.

Avec le widget d'intégration, vous présentez ces informations de manière professionnelle et accueillante. L'affichage clair avec la date, l'heure et le lieu facilite la recherche du bon événement pour les personnes intéressées. Et comme le widget est toujours à jour, vous n'avez pas à vous soucier que des informations obsolètes découragent les visiteurs ou membres potentiels.

Particulièrement précieuse est la possibilité de libérer sélectivement différents types d'événements. Vous voulez montrer uniquement les concerts publiquement ? Pas de problème. Les répétitions doivent-elles aussi être visibles pour que les personnes intéressées puissent passer ? C'est aussi configuré en quelques clics. Vous gardez le contrôle total sur les événements qui apparaissent sur votre site web.

Conclusion : Moins de travail, plus de précision

Le Widget d'intégration Chorilo est la solution parfaite pour tous les chœurs qui ont déjà leur propre site web et veulent y afficher leurs événements. Au lieu de maintenir les événements deux fois, utilisez simplement les données de Chorilo - automatiquement mises à jour, joliment conçues et adaptées à votre design.

La configuration ne prend que quelques minutes : Activez l'affichage des événements dans vos paramètres de site web, choisissez quels types d'événements doivent être visibles, copiez le code fourni et collez-le à l'endroit souhaité sur votre site web. À partir de ce moment, tous vos événements de chœur sont automatiquement synchronisés. Les modifications que vous faites dans Chorilo apparaissent immédiatement sur votre site web - sans aucune action supplémentaire.

Essayez-le et découvrez à quel point la maintenance de votre site web devient plus facile lorsque vous n'avez plus à vous soucier de la mise à jour manuelle des événements.

Ready for Modern Choir Management?

Test Chorilo free for 60 days and revolutionize your choir work.

No credit card required • Full feature access • Cancel anytime

Share article