Aide – comment ajouter un QR code

  • Auteur/autrice de la publication :

L’ajout d’un QR code dans un article ou une page permet de transférer rapidement une information du site vers un téléphone portable. L’information peut etre :

  • du texte
  • un lien vers un site web
  • un email
  • un sms
  • des coordonnées geographiques
  • une carte de visite
  • un réseau wifi
  • un RDV dans l’agenda

Il y a 2 solutions pour créer un QR code dans un article

1) Générer automatiquement le QR code dans votre article

Il suffit d’insérer ce code dans votre texte  [qrcodetag]contenu du qr code[/qrcodetag] .

exemple avec “bonjour tout le monde” 

  • Le contenu du QR code peut être un lien url (ex: https://csm-eaubonne-tt.fr)
  • un texte ou un sms
  • un email [qrcodetag]mailto:adresse.mail@toto.com[/qrcodetag]
  • Il est possible de le faire pour une carte de visite (Vcard), un réseau wifi ou des coordonnées géographiques, mais il est plus simple d’utiliser la 2eme méthode

Format Vcard (ne mettre que les champs nécessaires)

BEGIN:VCARD
VERSION:4.0
N:Gump;Forrest;;Mr.;
FN:Forrest Gump
ORG:Bubba Gump Shrimp Co.
TITLE:Shrimp Man
PHOTO;MEDIATYPE=image/gif:http://www.example.com/dir_photos/my_photo.gif
TEL;TYPE=work,voice;VALUE=uri:tel:+1-111-555-1212
TEL;TYPE=home,voice;VALUE=uri:tel:+1-404-555-1212
ADR;TYPE=WORK;PREF=1;LABEL=”100 Waters Edge\nBaytown\, LA 30314\nUnited States of America”:;;100 Waters Edge;Baytown;LA;30314;United States of America
ADR;TYPE=HOME;LABEL=”42 Plantation St.\nBaytown\, LA 30314\nUnited States of America”:;;42 Plantation St.;Baytown;LA;30314;United States of America
EMAIL:forrestgump@example.com
REV:20080424T195243Z
x-qq:21588891
END:VCARD

Pour un réseau wifi : WIFI:T:WPA;S:mynetwork;P:mypass;;

Pour un RDV… exemple simple (beaucoup d’autres 
BEGIN:VEVENT
SUMMARY:Présentation Tennis de Table Auchan Sujet du RDV
LOCATION:25 Avenue Jeanne d’Arc, 95600 Eaubonne Adresse
DESCRIPTION:Démonstration de Tennis de Table Description
DTSTART:20180901T100000 Heure de début
DTEND:20180901T180000 Heure de fin
URL:https://csm-eaubonne-tt.fr/event/presentation-chez-auchan-le-1er-septembre-2018 Lien internet
END:VEVENT

Le code ci-dessus doit être présenté sans retour à la ligne  et entre les balises qrcodetag. Il est toutefois préférable d’utiliser la 2eme méthode pour un RDV
[qrcodetag size="250" link="true"]BEGIN:VEVENT SUMMARY:Présentation Tennis de Table Auchan LOCATION:25 Avenue Jeanne d Arc, 95600 Eaubonne DESCRIPTION:Démonstration de Tennis de Table DTSTART:20180901T100000 DTEND:20180901T180000 URL:https://csm-eaubonne-tt.fr/event/presentation-chez-auchan-le-1er-septembre-2018 END:VEVENT[/qrcodetag]
Voici le résultat

Par defaut, la taille du QR code est de 150 pixels, mais vous pouvez changer cette valeur dans le shortcode
Ex: [qrcodetag size="250" link="true"]content[/qrcodetag] Pour un code de 250 pixels

Cette taille peut être intéressante pour les  RDV agenda ou pour les QR codes avec beaucoup d’informations. 

 

vous pouvez ajouter un tooltip
[qrcodetag tooltip=contenu du QR code]votre lien ou votre texte[/qrcodetag]
Ou contenu du QR code est le tooltip

2) Deuxieme méthode

Le plus simple est d’aller sur https://www.unitag.io/fr/qrcode

Créer votre QR code puis passer en mode texte dans votre article et insérer le code en copier/ coller du code html