Passer au contenu principal
Toutes les collectionsApplication d'événementConcevoir 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 intervenants, 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 de 2 mois

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 de manière significative vaut chaque minute d'effort. Et si vous souhaitez diffuser certaines de ces informations au-delà de l' Event App vers votre site Web ou les sites Web de vos partenaires ? Les widgets à la rescousse ! 🦸‍♀️

Un widget de type haut-parleurs intégré dans un site Web d'événement.

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

Créer un widget

  1. Dans votre barre de navigation É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

    • Intervenants

    • Commanditaires

    • Exposants

    • Liste personnalisée

      Les étapes qui viennent d'être décrites.

Quel que soit le type que vous choisissez, la création du widget est la même, donc les instructions suivantes montrent et font référence au type de fonctionnalité « Haut-parleurs ».

Sélectionner les éléments

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

    La nouvelle fenêtre modale Widget. Les haut-parleurs sont sélectionnés comme type de fonctionnalité.
  2. Ensuite, cliquez sur le bouton Ajouter des haut-parleurs .

  3. Dans la fenêtre modale « Ajouter des intervenants », cochez la case en regard des éléments que vous souhaitez afficher dans le widget, jusqu'à 100 éléments. Si vous avez plusieurs instances du même type de fonctionnalité dans votre Event App, la colonne « Nom de la fonctionnalité » indique à quelle fonctionnalité chaque élément fait partie.

    La fenêtre modale Ajouter des intervenants.
  4. Lorsque vous avez terminé d'ajouter des éléments, cliquez sur Ajouter des haut-parleurs pour fermer la fenêtre modale.

  5. De retour dans la fenêtre modale « 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 à 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é.

Aperçu du widget et paramètres d'apparence

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 Speakers 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 de l'événement, le nom et la date qui apparaissent en haut du widget par défaut.

  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. Étant donné que le masquage de l'arrière-plan rend le widget transparent, l'arrière-plan de votre site Web apparaîtra à la place 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 pistes (Agenda uniquement) - Décochez cette case pour masquer les bulles de piste du widget.

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

  4. Affichage du widget (sauf Agenda) - Choisissez entre « Affichage en grille » ou « Affichage en carrousel ». « Affichage en grille » affiche les neuf premiers éléments sur des lignes de trois. Si le widget contient plus de neuf éléments, les utilisateurs peuvent faire défiler la page pour en afficher davantage. « Affichage en carrousel » affiche les trois premiers éléments et les utilisateurs peuvent cliquer sur les flèches de chaque côté du widget pour en afficher davantage.

  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é.

Au fur et à 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 modifier 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 à votre site Web. Nous espérons que vous ou une personne avec qui vous travaillez savez comment faire cela. 😉

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 à jour automatiquement. Pas besoin de recopier le code du widget. 🙌

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

Les widgets configurés sur la « 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 la page pour révéler d'autres éléments. Les widgets configurés sur la « Vue grille » affichent les neuf premiers éléments et les utilisateurs peuvent faire défiler librement le widget pour révéler d'autres éléments.

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

Lorsqu'un visiteur d'un site Web clique sur un élément de widget, davantage de détails s'affichent où les visiteurs peuvent en savoir plus sur l'élément.

Les détails de la session s'affichent dans le widget Agenda.

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

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

Des questions ? Discutez avec nous ou envoyez un e-mail à support@socio.events

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