> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://doc.openagenda.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Afficher son agenda sur son site web

OpenAgenda propose [plusieurs solutions techniques](https://developers.openagenda.com/tag/60-plugins/) pour l'affichage de votre OpenAgenda sur votre site web.

## 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](https://developers.openagenda.com/codes-embed/)

![](https://storage.crisp.chat/users/helpdesk/website/e0babfaa1e65e800/image_4290ok.png)

Pour en savoir plus, découvrez notre [vidéo-tutoriel](https://dai.ly/x98d37w)

## 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](https://bibliotheque.nantes.fr/agenda/evenements/)
* [Maison rouge](https://www.maisonrouge-musee.fr/agenda-mr/tout-lagenda/)
* [Scène des mondes : l'agenda culturel d'Alès Agglo](https://www.scenedesmondes.fr/agenda/agenda-culturel)

Pour en savoir plus, rendez-vous sur notre [playlist "l'extension OpenAgenda pour wordpress"](https://dai.ly/k4ftw941978IjdBYZKG)

## 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](https://www.saint-quentin-en-yvelines.fr/fr/agenda-de-saint-quentin-en-yvelines)

La documentation : [https://developers.openagenda.com/tag/60-plugins/](https://developers.openagenda.com/tag/60-plugins/)

Quelques exemples en ligne : 
* [L'agenda de la commune de Vernier](https://www.vernier.ch/evenements)
* [L'agenda de la métropole de Bordeaux](https://www.bordeaux-metropole.fr/agenda)
* [L'agenda de la semaine de l'industrie](https://www.entreprises.gouv.fr/semaine-de-lindustrie)

## Extension Typo3

Disponible depuis juin 2023 la documentation se trouvera juste ici [https://developers.openagenda.com/extension-typo3/](https://developers.openagenda.com/extension-typo3/)  

![](https://storage.crisp.chat/users/helpdesk/website/c00e8aeeed4f5800/7ee8328a-0e4c-4b57-8d8f-5bd2c7_tewc7p.png)

## 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](https://npmjs.com/package/@openagenda/agenda-portal). 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](https://docs.google.com/presentation/d/1aNG4hw6jMw7ef9xrmwE_KVVGOz6dhocIF1w5vm4afzM/edit#slide=id.g94faf1052c_0_0).

Exemples :  
* [Agenda du grand albigeois](https://agenda.grand-albigeois.fr/)
* [Agenda de l'INHA](http://agenda.inha.fr/)
* [Agenda de l'Université de Rennes](https://agenda.univ-rennes.fr/)
 
[En savoir plus](fr/article/portail-evenementiel-par-openagenda-1lvn3fz)

## 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/](https://sortir.issy.com/agenda/)

![](https://storage.crisp.chat/users/helpdesk/website/5e58b8a1d593c000/6c33bdb2-4d73-4981-a54c-8a346b_y29qr1.png)

[Détails techniques](fr/article/iframe-modulaire-1w2oyva/?bust=1720777132723)

## Affichage via un module tiers

Vous pouvez également afficher le contenu de votre OpenAgenda [en utilisant d'autres solutions](https://openagenda.zendesk.com/hc/fr/articles/211343789-Services-tiers-connectables-avec-OpenAgenda), généralement en utilisant [l'export Json d'un agenda](https://openagenda.zendesk.com/hc/fr/articles/203034982-L-export-JSON-d-un-agenda).

Le Ministère de la Culture utilise ainsi [WeMap](https://www.getwemap.com/) pour afficher les agendas ponctuels, créés pour ses grandes opérations nationales.

[Eldoradao Lille 3000](https://www.eldorado-lille3000.com/agenda/liste) 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/](https://sortir.orleans-metropole.fr/)

![](397aeb12-09b6-43bb-b6c3-345fbe0e8362)