Insérer un widget

Insérer un widget : carte de géolocalisation, image piktochart, flux rss...

Insérer dans votre page un composant qui permet l'ajout de vidéo, de cartes de géolocalisation, d'images interactives, de flux RSS... et qui permet également une mise en forme avancée du texte (colonage, menus dépliants...)

Liste des widgets

Widgets disponibles dans les champs de texte riche

Détails des fonctionnalités par widget

BO_outil_diaporama.png

 - insérer une galerie d'images

 

BO_outils_colonnes.jpg

 - afficher le texte dans des colonnes

 

BO_outils_accordeon.jpg

 - menu plier/déplier

 

BO_outils_boite_grisee.jpg

 - saisir du texte dans une boite à fond grisé

 

BO_outils_flux_rss.jpg

 - insérer un flux rss

 

BO_barre_outils_contenu_externe.jpg

 - insérer du contenu externe (image canva, Grist, google, limesurvey, pdf...)

 

BO_outils_piktochart.jpg

- insérer une image piktochart

 

BO_outils_filX.jpg

 - afficher un post X

 

BO_outils_linkedin.jpg

- insérer un post Linkedin

 

BO_outils_carte.jpg

 - insérer une carte de géolocalisation

 

BO_outils_genially.jpg

 - insérer une image genial.ly

 

BO_outils_drimify.jpg

- insérer un contenu Drimify

 

BO_outils_instagram.jpg

 - insérer un post instagram

 

BO_outils_video.jpg

 - insérer une vidéo

Le principe 

Au clic sur l'icône choisie, l'élément widget s'insère dans le contenu et sa fenêtre de configuration s'ouvre.

widget-generalites-1

Après avoir enregistré les éléments de configuration, le widget est intégré dans le texte.
En cliquant sur son titre, un menu contextuel permet de :

  • définir l'alignement
  • revenir sur les éléments de configuration (roue crantée)
  • supprimer le widget

À noter : des flèches placées au-dessus et en dessous du widget permettent d’ajouter des paragraphes avant ou après celui-ci.

Les deux modes de configuration

Selon le widget choisi, la configuration peut varier :

  • soit vous devez renseigner certains paramètres dans une fenêtre de configuration,
  • soit vous définissez des paramètres dans une première fenêtre, puis vous devez apporter des précisions ou insérer un code d’intégration dans un second temps.

 

Configuration en 1 étape

Widgets vidéo, contenu externe, piktochart, flux rss, galerie d'images, GRIST, Drimify

Dans ces cas, outre les tailles d'affichage de l'élément, une URL est demandée.

Exemple : vidéo

widget-video

Pour Linkedin, il n'y a qu'un champ à renseigner avec le code fourni

BO_parametres_linkedin.jpg

Configuration en 2 étapes

Widgets colonne, menu accordéon (plié, déplié), post X, carte de géolocalisation, image genial.ly, publication Instagram

Dans ce cas, après avoir complété la fenêtre de paramètres, vous devez saisir les informations complémentaires dans la zone dédiée.

Exemple : carte de géolocalisation

widget-carte-1

étape 1

 

 

 

widget-carte-2

puis étape 2 (ici insertion d'un code)

 

Dans ce dossier

Pour afficher un post X, un fil Instagram, une carte de géolocalisation, une image cliquable, une enquête limesurvey, un contenu externe (Hal Tools, Linkedin...)

Pour faire défiler vos images dans un texte

Utiliser le widget "Colonnes" pour disposer un texte en 2 ou 3 colonnes

Pour afficher dans un texte des en-têtes cliquables. Lorsqu'on clique dessus, ces en-têtes révèlent ou masquent un texte complémentaire associé ; celui-ci apparaitra précédé d'un liseré de la couleur du site.

Pour afficher, dans une zone texte, une enquête ou un sondage créé dans Limesurvey

Widget destiné à afficher un fichier pdf dans une zone de texte