Intégrer le widget programme

Les widgets programme et intervenants publient votre agenda et vos speakers directement sur votre site web externe, en se mettant à jour automatiquement dès que vous modifiez une session dans Eveos.

La création d’un widget, la barre de recherche, le carrousel, le code d’intégration et le fonctionnement du cache sont communs à tous les types de contenu et sont décrits dans Intégrer le widget exposants. Cette page couvre ce qui est propre au programme et aux intervenants.

1. Ouvrez la session concernée.
2. Dans la sidebar, ouvrez « Paramètres » puis « Widgets ».
3. Cliquez sur « Créer un widget ».
4. Dans « Type de contenu », choisissez Programme ou Intervenants.
5. Choisissez un « Modèle », puis enregistrez.

Note

Seuls les éléments de programme et les intervenants dont le statut est publié apparaissent dans les widgets.

Widget programme

Modèles disponibles

En plus de la grille, de la liste, du carrousel et du mode compact, le programme dispose d’un modèle qui lui est réservé :

• « Timeline » : vue chronologique avec une gouttière horaire à gauche, un axe vertical ponctué et une carte par session. Les journées sont séparées par un en-tête de date.

Filtrer le programme affiché

La section « Filtres » restreint les éléments inclus dans le widget :

• « Types » : conférence, atelier, keynote, table ronde, networking, pause, cérémonie, animation, autre.
• « Catégories » : vos catégories de programme.
• « Tags » : seuls les éléments possédant tous les tags saisis sont affichés.
• « Date de début » et « Date de fin » : borne la période publiée.

Options d’affichage

La section « Options d’affichage » contrôle le contenu des cartes :

• « Désactiver le clic » : les cartes ne sont plus cliquables et la fenêtre de détail ne s’ouvre jamais.
• « Afficher le type », « Afficher la catégorie », « Afficher le lieu ».
• « Afficher l’heure de fin » et « Afficher la durée ».
• « Afficher les intervenants », avec en complément « Afficher le rôle » et « Afficher la société ».

Avec le modèle Timeline, « Épingler la date au défilement » (activé par défaut) maintient l’en-tête de journée visible tant que ses sessions sont à l’écran — appréciable sur un programme de plusieurs jours.

Mettre en avant la session en cours

Le réglage « Mettre en avant la session en cours » transforme le widget en affichage temps réel pendant l’événement :

• la session en cours reçoit un badge « En cours » et une mise en évidence en couleur d’accentuation ;
• les sessions terminées reçoivent un badge « Terminé » discret et sont estompées.

L’affichage se met à jour tout seul, sans rechargement de la page : les états sont réévalués toutes les 30 secondes, et immédiatement lorsque le visiteur revient sur l’onglet.

Une fois activé, trois options complémentaires apparaissent :

• « Masquer les sessions passées » : les sessions terminées disparaissent de la liste au lieu d’être estompées. Sur la Timeline, une journée entièrement écoulée perd aussi son en-tête de date.
• « Conserver le marquage hors programme » : par défaut, plus rien n’est marqué une fois le dernier créneau passé, pour éviter d’afficher un widget entièrement grisé le lendemain de l’événement. Activez cette option pour maintenir le marquage au-delà.
• « Message de fin d’événement » : texte affiché lorsque toutes les sessions sont terminées. Par défaut « L’événement est terminé ».

Attention

La combinaison « Masquer les sessions passées » + « Conserver le marquage hors programme » vide entièrement le widget après l’événement. C’est le « Message de fin d’événement » qui prend alors le relais : vérifiez son contenu avant de publier.

Note

Les horaires sont affichés dans le fuseau horaire du visiteur. Le marquage de la session en cours, lui, se base sur l’instant réel et reste donc exact quel que soit l’endroit d’où la page est consultée.

Variables de template

Pour un template personnalisé : {{id}}, {{title}}, {{description}}, {{type}}, {{startTime}}, {{endTime}}, {{location}}, {{track}}, {{speakers}}.

Widget intervenants

Modèles disponibles

En plus des modèles communs, les intervenants disposent des « Cartes avancées » : une carte qui se retourne au clic pour révéler la biographie, avec les liens sociaux affichés en surimpression.

Options d’affichage

• « Désactiver le clic ».
• « Masquer le nom » : n’affiche que la photo.
• « Taille de la photo » : Petite (72px), Moyenne (96px), Grande (120px) ou Très grande (144px).
• « Forme de la photo » : Ronde, Arrondie ou Carrée. Le réglage vaut aussi pour la fenêtre de détail et pour les cartes avancées.
• « Bandeau coloré » : bandeau teinté derrière le haut de la carte, sur lequel la photo déborde. Sa « Couleur » est réglable ; laissée vide, elle reprend une teinte claire de la couleur principale.
• « Afficher la société » : société affichée en pastille en bas de carte.
• « Afficher la description courte » et « Afficher la biographie » : contrôlent les deux textes de la fenêtre de détail.
• « Initiales sans photo » : une ou deux lettres pour les intervenants sans photo.

Avec les « Cartes avancées », deux réglages supplémentaires apparaissent : « Afficher les réseaux sociaux » et le « Libellé du bouton biographie ».

Astuce

Un poste très long est automatiquement coupé à deux lignes sur la carte, avec le texte complet au survol et dans la fenêtre de détail. Inutile de le raccourcir dans la fiche de l’intervenant.

Variables de template

{{id}}, {{firstName}}, {{lastName}}, {{company}}, {{position}}, {{shortDescription}}, {{photoUrl}}.

Continuer avec

• Gérer le programme
• Intégrer le widget exposants