Toutes les catégories
Suite information déchets
Faites poper le widget

Faites poper le widget đŸŸ

Les diffĂ©rents styles d’intĂ©gration du widget.

Mis Ă  jour le May 2, 2023

La mise en place du widget prĂ©conisĂ©e par Publidata est l’intĂ©gration directement dans les pages de votre site internet. C’est immĂ©diatement visible et utilisable par l’usager, donc c’est la mise en place la plus Ă©vidente.

NĂ©anmoins, nous avons crĂ©Ă© de nouveaux styles d’intĂ©gration du widget sur votre site :

  • pour les rares exceptions oĂč l’architecture du site ne rend pas grĂące Ă  l’ergonomie du widget,
  • pour le rendre prĂ©sent sur toutes les pages de votre site : trĂšs pertinent pour un syndicat,
  • pour faciliter son usage en multipliant les modes d’accĂšs.
 

Les nouveaux styles d’intĂ©gration disponibles

 
 

âšĄïžLa nouveautĂ© se situe dans la crĂ©ation d’une modale qui vient s’ouvrir spontanĂ©ment sur votre site

 

En rĂ©sumĂ©, voici les choix d’intĂ©gration qui s’offrent Ă  vous :

Styles d’IntĂ©gration Widget Embed (intĂ©gration classique prĂ©conisĂ©e, avec ou sans barre blanche) PrĂ©requis : aucun Code Ă  intĂ©grer : ceux communiquĂ©s dans la plateforme Publidata

Nouveau đŸ’„Â Ouverture d’une modale Ă  partir d’un bouton fixe Ă  cliquer PrĂ©requis : un bouton fixe, d’apparence cliquable, dĂ©jĂ  crĂ©Ă© sur votre site Code Ă  intĂ©grer : đŸ§‘đŸ»â€đŸ”§Â avec l’assistance de Publidata et grĂące au code de ce style d’intĂ©gration fourni

Nouveau đŸ’„Â Ouverture d’une modale Ă  partir d’un bouton flottant Ă  cliquer PrĂ©requis : Un bouton flottant, d’apparence cliquable, dĂ©jĂ  crĂ©Ă© sur votre site ou en posant notre bouton ♻ Code Ă  intĂ©grer : đŸ§‘đŸ»â€đŸ”§Â Avec l’assistance de Publidata et grĂące au code de ce style d’intĂ©gration fourni. Code du bouton ♻ fourni au besoin

Qu’est-ce qu’une modale ? Pour quoi faire ?

Une modale est une petite fenĂȘtre qui s’ouvre au-dessus du contenu principal d’un site web pour afficher une information supplĂ©mentaire ou une action Ă  effectuer. Elle permet de mettre en avant un Ă©lĂ©ment spĂ©cifique de votre site en attirant l’attention de l’utilisateur.

Techniquement, on la crĂ©e en utilisant du code HTML, CSS et JavaScript pour crĂ©er une fenĂȘtre qui s’ouvre par-dessus le contenu principal de la page. Elle peut ĂȘtre dĂ©clenchĂ©e par un bouton ou un lien cliquable, et elle peut contenir du texte, des images, des vidĂ©os, des formulaires
 ou un widget ! đŸ‘©â€đŸš’Â No Panic No Pain ! Publidata fait ça pour vous ;)

 

đŸŠč‍♀ Quel est l’intĂ©rĂȘt du style d’affichage en modale par rapport au style d’affichage intĂ©grĂ© ?

  • C’est visuellement plus fort car c’est un Ă©lĂ©ment qui se superpose Ă  votre site.
  • Dans certains cas c’est plus esthĂ©tique car la modale se comporte indĂ©pendamment du site en dessous et s’adapte Ă  la taille de l’écran du consultant.
 

Exemple de modale s’ouvrant à partir d’un bouton fixe :

Le
Le https://www.sieom-mer.fr/ propose deux “boutons” d’accùs au widget : un bouton “ouvrir” bien visible sur la page d’accueil et un lien d’accùs sur le logo du service en haut à droite dans le menu.
En cliquant sur l’un ou l’autre des boutons, une modale s’ouvre par dessus le site et s’adapte Ă  l’écran de l’internaute.
En cliquant sur l’un ou l’autre des boutons, une modale s’ouvre par dessus le site et s’adapte Ă  l’écran de l’internaute.
 

Dans cet exemple, le syndicat a confiĂ© des codes temporaires Ă  Publidata pour intervenir sur leur site. Publidata a repĂ©rĂ© le code des Ă©lĂ©ments cliquables dĂ©jĂ  en place et a rajoutĂ© des lignes comprenant l’URL de votre widget et les indications du comportement d’ouverture souhaitĂ©.

 

Exemple de modale s’ouvrant à partir d’un bouton flottant :

 
Dans cette simulation sur le site de Tours MĂ©tropole Val de Loire, le bouton flottant ♻ de Publidata reste Ă  la mĂȘme place, mĂȘme quand le visiteur scrolle la page d’accueil ou mĂȘme change de page. En cliquant dessus, iel ouvre le widget dans une modale qui vient s’inscrire par dessus le site.
Dans cette simulation sur le site de Tours MĂ©tropole Val de Loire, le bouton flottant ♻ de Publidata reste Ă  la mĂȘme place, mĂȘme quand le visiteur scrolle la page d’accueil ou mĂȘme change de page. En cliquant dessus, iel ouvre le widget dans une modale qui vient s’inscrire par dessus le site.
 

Les informations sur les déchets sont parmi les plus recherchées des sites de collectivités. Un accÚs trÚs direct au widget, quelque soit la page, serait donc apprécié par vos usagers.

 

FAQ

 
  • Est-ce que je peux faire cohabiter le style widget intĂ©grĂ© et un style modale ?

      • OUI c’est mĂȘme conseillĂ©. Par exemple, sur le site d’une collectivitĂ© : vous intĂ©grez le widget directement sur toutes les pages dĂ©chets et vous gardez un bouton fixe trĂšs visible d’accĂšs direct au widget en modale sur votre menu. Par exemple, sur le site d’un syndicat : vous intĂ©grez le widget sur toutes les pages ou sur les pages liĂ©es Ă  la collecte et vous gardez en permanence un boutant flottant donnant accĂšs au widget en modale sur toutes les pages.

       
  • Est-ce que je peux crĂ©er une modale quelque soit le langage de programmation de mon site ? OUI. Les langages de programmation des modales (HTML, CSS, JavaScript, jQuery, Bootstrap, React, Vue.js, AngularJS, etc.) sont des technologies web courantes et sont gĂ©nĂ©ralement compatibles avec la plupart des sites internet modernes.
 
  • Dois-je moi-mĂȘme Ă©crire les lignes de code pour crĂ©er le “bouton flottant” ?

      • OUI. La modale “s’accroche” Ă  un Ă©lĂ©ment dĂ©jĂ  prĂ©sent dans le site.

      NON. Si vous n’avez pas la possibilitĂ© de crĂ©er un bouton flottant personnalisĂ©, Publidata peut vous fournir celui prĂ©sentĂ© dans la vidĂ©o.

 
 
đŸ™‹đŸ»â€â™‚ïž
Cette mise en avant du widget vous intĂ©resse ? Faites-nous un ticket sur la plateforme de projets. Nos Ă©quipes peuvent mĂȘme faire un repĂ©rage sur votre site et vous conseiller sur la meilleure stratĂ©gie d’intĂ©gration du widget.
 
 
 
Est ce que cela répond à votre question ?
😞
😐
đŸ€©
Configurer une URL mémorisable Découvrir Publidata