Afficher son agenda sur son site web
OpenAgenda propose plusieurs solutions techniques pour l'affichage de votre OpenAgenda sur votre site web.
C'est une nouveauté de juin 2024 : une iframe gratuite disponible de base dès l'export public de tout agenda. Cliquer sur Exporter > Intégrer pour y accéder.
Pour le moment cette iframe propose la liste des événements dans l'ordre chronologique, filtrée ou non, sans filtre ni navigation, ni une, ni personnalisation, et un clic sur un item renvoie vers openagenda.com. Les fonctions seront progressivement enrichie sur celle-ci.
Plus de détails techniques sur ce code d'intégration
Pour en savoir plus, découvrez notre vidéo-tutoriel
Gratuite, cette extension vous permet d'afficher votre agenda dans votre wordpress en quelques clics, sans compétences HTML/CSS.
Disponible en logiciel libre, c'est un outil à la disposition des agences web pour les besoins spécifiques ou avancés.
https://github.com/OpenAgenda/wordpress
Quelques exemples en ligne :
Agenda de la bibliothèque de Nantes
Maison rouge
Scène des mondes : l'agenda culturel d'Alès Agglo
Pour en savoir plus, rendez-vous sur notre playlist "l'extension OpenAgenda pour wordpress"
Créée en avril 2021, fonctionnel à partir de Drupal 8. Un exemple ici : https://www.saint-quentin-en-yvelines.fr/fr/agenda-de-saint-quentin-en-yvelines
La documentation : https://developers.openagenda.com/tag/60-plugins/
Quelques exemples en ligne :
L'agenda de la commune de Vernier
L'agenda de la métropole de Bordeaux
L'agenda de la semaine de l'industrie
Disponible depuis juin 2023 la documentation se trouvera juste ici https://developers.openagenda.com/extension-typo3/
Un portail s'installe sur votre serveur, importe les données de votre OpenAgenda et génère un agenda web composé des éléments suivants :
liste avec filtres de recherche
détail des pages événement
généré par votre serveur sur l'URL de votre choix
présentation compatible pour les différentes tailles d'écran
présentation personnalisable
Ce générateur est en logiciel libre. Si besoin, nous recommandons chaudement les services de nos intégrateurs partenaires pour la personnalisation et l'intégration de ce module. Compter un 3 jours/homme en principe. Voici un gabarit de base.
Exemples :
Agenda du grand albigeois
Agenda de l'INHA
Agenda de l'Université de Rennes
En savoir plus
Il s'agit d'une première génération d'iframe, qui sera prochainement remplacée par l'iframe publique tout en un.
Le code de cette iframe est disponible seulement des administrateurs d'un agenda. Très personnalisable, elle est cependant peu accessible car demande du temps de personnalisation.
Cette iframe n'est plus proposée sur les nouveaux agendas.
Exemple là avec Issy : https://sortir.issy.com/agenda/
Détails techniques
Vous pouvez également afficher le contenu de votre OpenAgenda en utilisant d'autres solutions, généralement en utilisant l'export Json d'un agenda.
Le Ministère de la Culture utilise ainsi WeMap pour afficher les agendas ponctuels, créés pour ses grandes opérations nationales.
Eldoradao Lille 3000 utilise un javascript côté client pour récupérer et afficher les événements
Exemple d'une synchronisation d'un agenda avec un module tiers développé par l'agence web d'Orléans Métropole : https://sortir.orleans-metropole.fr/
L'iframe publique tout en un
C'est une nouveauté de juin 2024 : une iframe gratuite disponible de base dès l'export public de tout agenda. Cliquer sur Exporter > Intégrer pour y accéder.
Pour le moment cette iframe propose la liste des événements dans l'ordre chronologique, filtrée ou non, sans filtre ni navigation, ni une, ni personnalisation, et un clic sur un item renvoie vers openagenda.com. Les fonctions seront progressivement enrichie sur celle-ci.
Plus de détails techniques sur ce code d'intégration
Pour en savoir plus, découvrez notre vidéo-tutoriel
Extension Wordpress
Gratuite, cette extension vous permet d'afficher votre agenda dans votre wordpress en quelques clics, sans compétences HTML/CSS.
Disponible en logiciel libre, c'est un outil à la disposition des agences web pour les besoins spécifiques ou avancés.
https://github.com/OpenAgenda/wordpress
Quelques exemples en ligne :
Agenda de la bibliothèque de Nantes
Maison rouge
Scène des mondes : l'agenda culturel d'Alès Agglo
Pour en savoir plus, rendez-vous sur notre playlist "l'extension OpenAgenda pour wordpress"
Extension Drupal
Créée en avril 2021, fonctionnel à partir de Drupal 8. Un exemple ici : https://www.saint-quentin-en-yvelines.fr/fr/agenda-de-saint-quentin-en-yvelines
La documentation : https://developers.openagenda.com/tag/60-plugins/
Quelques exemples en ligne :
L'agenda de la commune de Vernier
L'agenda de la métropole de Bordeaux
L'agenda de la semaine de l'industrie
Extension Typo3
Disponible depuis juin 2023 la documentation se trouvera juste ici https://developers.openagenda.com/extension-typo3/
Le portail événementiel
Un portail s'installe sur votre serveur, importe les données de votre OpenAgenda et génère un agenda web composé des éléments suivants :
liste avec filtres de recherche
détail des pages événement
généré par votre serveur sur l'URL de votre choix
présentation compatible pour les différentes tailles d'écran
présentation personnalisable
Ce générateur est en logiciel libre. Si besoin, nous recommandons chaudement les services de nos intégrateurs partenaires pour la personnalisation et l'intégration de ce module. Compter un 3 jours/homme en principe. Voici un gabarit de base.
Exemples :
Agenda du grand albigeois
Agenda de l'INHA
Agenda de l'Université de Rennes
En savoir plus
L'iframe modulaire, bientôt désactivée
Il s'agit d'une première génération d'iframe, qui sera prochainement remplacée par l'iframe publique tout en un.
Le code de cette iframe est disponible seulement des administrateurs d'un agenda. Très personnalisable, elle est cependant peu accessible car demande du temps de personnalisation.
Cette iframe n'est plus proposée sur les nouveaux agendas.
Exemple là avec Issy : https://sortir.issy.com/agenda/
Détails techniques
Affichage via un module tiers
Vous pouvez également afficher le contenu de votre OpenAgenda en utilisant d'autres solutions, généralement en utilisant l'export Json d'un agenda.
Le Ministère de la Culture utilise ainsi WeMap pour afficher les agendas ponctuels, créés pour ses grandes opérations nationales.
Eldoradao Lille 3000 utilise un javascript côté client pour récupérer et afficher les événements
Exemple d'une synchronisation d'un agenda avec un module tiers développé par l'agence web d'Orléans Métropole : https://sortir.orleans-metropole.fr/
Mis à jour le : 21/01/2025
Merci !