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

liste-widgets

1 - insérer une galerie d'images

2 - afficher le texte dans des colonnes

3 - menu plier/déplier

4 - saisir du texte dans une boite à fond grisé

5 - insérer un flux rss

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

7 - insérer une image piktochart

8 - afficher un post X

9 - insérer une carte de géolocalisation

10 - insérer une image genial.ly

11 - insérer un post instagram

12 - 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

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

Exemple : vidéo

widget-video

 

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

bandeau avec icones widgets

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

bandeau avec icones widgets

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

bandeau avec icones widgets

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.

bandeau avec icones widgets

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

bandeau avec icones widgets

Pour faire défiler vos images dans un texte