Toutes les collections
Application d'événement
Concevoir et personnaliser
Intégrer le contenu de Event App avec des widgets
Intégrer le contenu de Event App avec des widgets

Affichez le contenu des sessions, des conférenciers, des sponsors, des exposants et des listes personnalisées sur votre site Web avec des widgets intégrés pratiques.

Daniel Murphey avatar
Écrit par Daniel Murphey
Mis à jour il y a plus d’une semaine

Cet article a été traduit de l'anglais à l'aide de la traduction automatique.

Créer votre Event App avec toutes les fonctionnalités et informations dont les participants ont besoin pour réseauter, s'amuser et s'engager vaut chaque minute d'effort. Que se passe-t-il si vous souhaitez diffuser certaines de ces informations au-delà de l' Event App vers votre site Web ou vos sites Web partenaires ? Les widgets à la rescousse ! 🦸‍♀️

Un widget de type intervenants intégré dans un site web événementiel.

Les widgets sont un excellent moyen de promouvoir les inscriptions en donnant aux visiteurs non enregistrés du site une idée de ce à quoi s'attendre de votre événement. Intégrez un widget pour mettre en valeur vos principaux intervenants et sessions, saluez vos meilleurs sponsors, et bien plus encore !

Créer un widget

  1. Dans la barre de navigation de votre événement, sous «Event App», cliquez sur Promouvoir .

  2. Cliquez sur Widgets .

  3. Cliquez sur le bouton Nouveau widget .

  4. Dans la fenêtre modale « Nouveau widget », cliquez sur le menu déroulant Type de fonctionnalité et sélectionnez la fonctionnalité que vous souhaitez utiliser pour créer le widget. Les fonctionnalités incluent:

    • Ordre du jour

    • Haut-parleurs

    • Commanditaires

    • Exposants

    • Liste customisée

    Les étapes que nous venons de décrire.

Quel que soit le type que vous choisissez, la création du widget est la même, c'est pourquoi cette section de l'article montre et fait référence au type de fonctionnalité « Haut-parleurs ».

Sélectionner des éléments

  1. Après avoir sélectionné le type de fonctionnalité, entrez un nom de widget. Ce nom apparaît au-dessus des éléments du widget lorsque vous l'intégrez.

    Le modal Nouveau widget. Haut-parleurs est sélectionné comme type de fonctionnalité.
  2. Ensuite, cliquez sur le bouton Ajouter des haut-parleurs .

  3. Dans le nouveau modal qui apparaît, cochez la case à côté des éléments que vous souhaitez afficher dans le widget, jusqu'à 100 éléments. Si vous disposez de plusieurs instances du même type de fonctionnalité dans votre Event App, la colonne « Nom de la fonctionnalité » indique à quelle fonctionnalité fait partie chaque élément.

    Le modal Ajouter des haut-parleurs.
  4. Lorsque vous avez terminé d'ajouter des éléments, cliquez sur Ajouter des haut-parleurs pour fermer le modal.

  5. De retour dans le mode « Nouveau widget », les éléments que vous avez ajoutés apparaissent dans la zone « Sélectionné ». Cliquez et faites glisser le groupe de six points pour modifier l'ordre dans lequel les éléments apparaissent dans le widget.

  6. Cliquez sur l'icône Paramètres ( ) à côté d'un élément pour le supprimer du widget.

    Un utilisateur réorganise deux éléments. Le menu des paramètres d'un autre élément est développé.
  7. Cliquez sur Enregistrer les modifications pour terminer la création de votre widget. 🎉

Répétez ces étapes autant de fois que nécessaire pour créer autant de widgets que vous le souhaitez.

Gérer les widgets

Les widgets que vous avez créés apparaissent sur la page Widgets. Cliquez sur le bouton Copier le code du widget pour intégrer le widget dans votre site Web, ou cliquez sur l'icône Paramètres ( ). pour modifier les sélections d'éléments, prévisualiser ou supprimer le widget.

La page Widgets. Le menu Paramètres d'un widget est développé.

Paramètres d'aperçu et d'apparence du widget

Cliquez sur l'icône Paramètres ( ) à côté d'un widget, puis cliquez sur Aperçu . Sur la page d'aperçu, il existe plusieurs façons de personnaliser l'apparence du widget :

La page d'aperçu du widget Haut-parleurs avec des indicateurs numérotés qui correspondent à la liste sous cette image.
  1. Afficher l'en-tête - Décochez cette case pour masquer l'icône, le nom et la date de l'événement qui apparaissent par défaut en haut du widget.

  2. Afficher l'arrière-plan - Décochez cette case pour masquer l'arrière-plan blanc ou noir qui apparaît par défaut derrière les éléments du widget. Puisque masquer l’arrière-plan rend le widget transparent, l’arrière-plan de votre site Web apparaîtra derrière les éléments du widget.

  3. Afficher le nom du widget - Décochez cette case pour masquer le nom d'affichage du widget.

    1. Afficher les traces (Agenda uniquement) - Décochez cette case pour masquer les bulles de trace du widget.

    2. Afficher les haut-parleurs (Agenda uniquement) - Décochez cette case pour masquer les icônes et les noms des haut-parleurs du widget.

  4. Vue Widget (sauf Agenda) - Choisissez entre « Vue Grille » ou « Vue Carrousel ». « Vue en grille » affiche les neuf premiers éléments en rangées de trois. S'il y a plus de neuf éléments dans le widget, les utilisateurs peuvent faire défiler pour révéler plus d'éléments. « Vue carrousel » affiche les trois premiers éléments et les utilisateurs peuvent cliquer sur les flèches de chaque côté du widget pour révéler davantage d'éléments.

  5. Mode sombre - Activez cette bascule pour passer à un arrière-plan sombre avec du texte blanc.

💡 Gardez à l'esprit que si vous activez le mode sombre ou supprimez l'arrière-plan, inspectez soigneusement le fonctionnement du widget avec votre site Web après l'avoir intégré.

À mesure que vous ajustez les paramètres, l'aperçu est mis à jour pour refléter vos sélections.

Cliquez sur Enregistrer les modifications en bas de la page une fois que vous avez terminé de régler les paramètres.

Copier les codes des widgets

Sur la page Widgets, cliquez simplement sur le bouton Copier le code du widget pour copier instantanément le code afin de pouvoir l'intégrer dans votre site Web. Nous sommes sûrs que vous ou quelqu'un avec qui vous travaillez savez comment procéder. 😉

Le bouton Copier le code du widget sur la page Widgets.

Les widgets en pratique

Après avoir intégré un widget dans un site Web, ajoutez ou supprimez des éléments du widget à tout moment, et le widget se met automatiquement à jour. Pas besoin de recopier le code du widget. 🙌

💡 Gardez à l’esprit que les nouvelles fonctionnalités ne sont jamais automatiquement ajoutées aux widgets. Vous devez sélectionner manuellement les éléments.

Les widgets définis sur « Vue carrousel » affichent les trois premiers éléments, comme illustré dans l'image ci-dessous. Les flèches de chaque côté de cette vue permettent aux visiteurs du site Web de faire défiler pour révéler plus d'éléments. Les widgets définis sur « Vue en grille » affichent jusqu'aux neuf premiers éléments, et les utilisateurs peuvent faire défiler librement le widget pour révéler davantage d'éléments.

Un widget de sponsors configuré pour une vue carrousel intégrée à un site Web.

Lorsqu'un visiteur du site Web clique sur un élément de widget, un petit modal apparaît où les visiteurs peuvent lire les détails de l'élément.

Les détails de la session sont modaux dans le widget Agenda.

💡 Gardez à l'esprit que les images de couverture de stand n'apparaissent pas dans le modal des détails des articles du widget.

Vous savez maintenant comment créer des widgets de contenu. Saviez-vous que vous pouvez également intégrer vos options de billets Webex Events Registration ?

Des questions? Discutez avec nous, envoyez un e-mail à support@socio.events ou assistez à une session en face à face .

Avez-vous trouvé la réponse à votre question ?