Différences entre versions de « Lettre d'information »

De WIKI-BOKEH
Aller à : navigation, rechercher
m
 
(37 versions intermédiaires par 5 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
Bokeh permet de rédiger et d'envoyer des lettres d'information (ou newsletters) aux usagers disposant d'une adresse mail. <br/>
+
Bokeh permet de rédiger et d'envoyer des lettres d'information (ou newsletters) aux usagers disposant d'une adresse mail. <br>
Les utilisateurs ont la possibilité via le portail de s'y abonner ou de désabonner.<br />
+
Les utilisateurs ont la possibilité via le portail de s'y abonner ou de désabonner.<br>
  
 
== Créer une lettre d'information ==
 
== Créer une lettre d'information ==
Les lettres d'information se créent à partir de la boite '''Gestionnaire de contenu''', menu '''Lettres d'information'''. <br/>
+
Les lettres d'information se créent à partir de la boite '''Gestionnaire de contenu''', menu '''Lettres d'information'''. <br>
  
 
[[File:Newsletter list.png|none]]
 
[[File:Newsletter list.png|none]]
 +
  
 
Pour créer une lettre, il suffit de cliquer sur le bouton [[Fichier:creer_lettre.jpg]].
 
Pour créer une lettre, il suffit de cliquer sur le bouton [[Fichier:creer_lettre.jpg]].
  
 
Dans la page d'édition de la lettre, il est indispensable de saisir :
 
Dans la page d'édition de la lettre, il est indispensable de saisir :
* un titre (le sujet du message que recevront les destinataires)
+
* un titre  
 +
* un sujet du message qui sera envoyé par courriel aux destinataires
 
* un expéditeur
 
* un expéditeur
 
* une option indiquant si la lettre est un brouillon*
 
* une option indiquant si la lettre est un brouillon*
 
* un contenu Html
 
* un contenu Html
  
Il est possible d'associer :  
+
Il est possible d'associer :
* un panier ou un [[Domaines|domaine]] (présentation de nouveautés par exemple). Le message envoyé contiendra une liste de notices cliquables : le nombre peut être limité par le champ "Nombre à afficher"
+
* un panier ou un [[Domaines|domaine]] (présentation de nouveautés par exemple). Le message envoyé contiendra une liste de notices cliquables : le nombre peut être limité par le champ "Nombre à afficher". Par contre les kiosques de notices, en javascript, ne sont pas interprétés par les logiciel de mails. La présentation, de type kiosque de notices, ne fonctionne malheureusement pas, ils seront affichés sous forme de liste
* des articles à la lettre. Le message envoyé contiendra le titre et le contenu des articles sélectionnés.
+
* des articles. Le message envoyé contiendra le titre et le contenu des articles sélectionnés. Attention, le nombre d'articles qu'il est possible d'associer à chaque newsletter est de 10 maximum ! Si vous essayez d'en associer davantage, seuls les 10 premiers seront envoyés.
-->  Par contre les kiosques de notices, en javascript, ne sont pas interprétés par les logiciel de mails. La présentation, de type kiosque de notices, ne fonctionne malheureusement pas.  
+
** Pour l'affichage HTML de la lettre et son envoi au format HTML, au niveau des articles, vous pouvez choisir
 +
*** d'envoyer la lettre telle qu'elle apparaît à l'OPAC
 +
*** d'inclure les articles en entier dans la lettre ou seulement en résumé
 +
*** d'appliquer une CSS particulière
  
 
Si l'option brouillon est cochée, la lettre ne sera pas visible à l'opac.
 
Si l'option brouillon est cochée, la lettre ne sera pas visible à l'opac.
Ligne 27 : Ligne 32 :
  
 
L'écran de modification comporte une barre d'actions pour cette lettre, l'action courante est mise en avant (ici la modification).<br>
 
L'écran de modification comporte une barre d'actions pour cette lettre, l'action courante est mise en avant (ici la modification).<br>
Les autres actions possibles sont la prévisualisation, la gestion des destinataires, l'envoi de test, l'envoi réel, la duplication et enfin la suppression.
+
Les autres actions possibles sont :
 +
- la prévisualisation,
 +
- la gestion des destinataires,
 +
- l'envoi de test,
 +
- l'envoi réel,  
 +
- la duplication  
 +
- la suppression.
 +
 
 +
===Rendu de votre lettre dans les boîtes de réception===
 +
 
 +
====Ancienne méthode====
 +
 
 +
Par défaut, les newsletters n'embarquent pas les styles de votre portail (couleurs, tailles, etc...)
 +
Si vous souhaitez que les styles de votre portail soient intégrés aux articles et aux notices que vous liez à votre newsletter, vous devez activer la variable NEWSLETTER INLINE CSS
 +
Ensuite, vous devez modifier le code source de votre newsletter et insérer au début une balise <style>
 +
 
 +
Par ex :
 +
<style type="text/css">h1 {color: #d3007a; font-size:20px; font-weight: bold; text-transform:uppercase; border-bottom: 1px solid #6c757d}
 +
h2 {color: #333; font-size:20px; font-weight: bold; text-transform:uppercase; border-bottom: 1px solid #6c757d}
 +
h3 {font-size:15px; font-weight: bold;}
 +
p, ul, li {color:#333;}
 +
a, a:hover {color: #d3007b; text-decoration: underline!important;}
 +
.mise_en_avant {color: #333; padding: 10px;}
 +
 
 +
====Nouvelle méthode====
 +
L'objectif de cette méthode (réservée aux portails Bokeh en Magasin de thèmes) est d'améliorer le rendu des lettres d'info envoyées par mail en appliquant des styles sur les informations contenues dans le HTML et en limitant les informations des articles sélectionnés (Image, premiers mots, tags).
 +
* L'intégralité du contenu de la lettre d'information est rédigée dans le HTML (entête et pied).
 +
* L'intégration des articles sélectionnés ou des domaines est géré dans le HTML.
 +
* Le résumé de chaque article comprend un lien vers l'article dans le portail.
 +
 
 +
=====Pré-requis=====
 +
Activer la variable NEWSLETTER INLINE CSS (Administration > Variable).<br>
 +
Dans l'onglet Article de la lettre d'information, cocher :
 +
* Afficher comme sur le site = OUI
 +
* Afficher articles en intégralité = NON
 +
* Renseigner le chemin de la feuille de style qui sera appliquée sur le résumé des articles (ou des notices) au moment de l'envoi (la feuille de style, au format .css, peut être stockée dans le GIT ou dans l'explorateur de fichiers du portail (dossier css).<br>
 +
 
 +
[[Fichier:newsletters_modification.png|800px|center]]
 +
 
 +
 
 +
 
 +
=====Rédaction du HTML=====
 +
Tout le contenu de la lettre d'information (textes, images, liens) doit être rédigé dans le HTML. Il ne faut pas utiliser les styles pour la mise en forme (ils ne seront pas envoyés) mais les écrire directement dans le code source du HTML.<br>
 +
L'insertion des articles se fait en cliquant sur le bouton "Insérer les articles liés à la lettre d'information" ou "Insérer les notices liées à la lettre d'information" :
 +
 
 +
[[Fichier:bouton_lettre_info.PNG|500px|center]]
 +
 
 +
Les articles sélectionnés apparaîtront par ordre de sélection (ou par ordre de création dans le cas où une catégorie a été sélectionnée).
 +
Si un article n'est pas en cours de publication (dates de publication), il ne sera pas envoyé.<br>
 +
 
 +
Pour améliorer la mise en page des articles en css, les class et divisions peuvent être récupérées en testant l'affichage de la lettre d'info (icône Oeil).
 +
 
 +
=====Exemple de css appliquée pour des articles=====
 +
 
 +
/* Faire disparaître les éléments liés à la boîte article */<br>
 +
.widget-header {display: none;}<br>
 +
div.widget-header{ display: none;}<br>
 +
 
 +
/* Ordonner les articles en colonne */<br>
 +
.list-group {flex-direction: column !important; display: block !important;}<br>
 +
.list-group-item {display: block !important; border: 0px solid white !important; padding: 0!important; margin-bottom: 1em!important;}<br>
 +
.list-group-item .card {display: block !important; border: 0px solid white !important; background-color: lightgray !important; border-radius: 0px!important;}<br>
 +
.list-group-item .card .container-fluid {display: block !important;}<br>
 +
.list-group-item .card .container-fluid .row.no-gutters {display: block !important;}<br>
 +
 
 +
.boite.news.widget.col {box-shadow: 0 0 0 transparent !important;}<br>
 +
 
 +
/* Corrige l'affichage des images */<br>
 +
.cardify_horizontal_img{max-width: 80% !important; margin: 20px auto 0 auto; display: flex!important; justify-content: center!important;}<br>
 +
.cardify_horizontal_img img{width: 100% !important;}<br>
 +
.img-thumbnail {display: inline-block!important; border: 0px solid white !important; padding: 0!important; border-radius: 0px!important; margin-top: 1em!important;}<br>
 +
 
 +
/* Améliore l'affichage du texte des articles (titre, résumé, dates, tags) */<br>
 +
.cardify_horizontal_content {background-color: lightgray !important; padding-top: 1em!important; width: 70%!important; text-align: center; margin: 0 auto;}<br>
 +
.cardify_horizontal_content .card-title {margin:0!important;}<br>
 +
.cardify_horizontal_content .card-title a {font-weight: bold !important;    font-size: 1.5rem !important;    text-decoration: underline !important;}<br>
 +
.cardify_horizontal_content .card-text {margin:0!important;}<br>
 +
.badge_text {display: none;}<br>
 +
.calendar_event_date {text-transform: uppercase; font-weight: bold; color: #005445;}
 +
.model_description_Class_Article {margin-top: 10px !important; color: #005445 !important; font-size: 1rem ; padding-bottom: 1em!important;}
 +
 
 +
/* Lire la suite */
 +
.card_action {display: none!important;}
 +
 
 +
Attention ! Le contenu de la lettre est unique et ne s'adaptera pas à la taille de l'écran. La disposition des éléments est la même, que la lecture se fasse sur écran d'ordinateur ou de téléphone.
 +
 
 +
 
 +
 
 +
 
 +
=====Rendu de la lettre=====
 +
[[Fichier:ex.newsletter.PNG|600px|center]]
 +
[[Fichier:ex.newsletter_bis.PNG|600px|center]]
 +
 
 +
 
 +
 
  
 
== Prévisualisation ==
 
== Prévisualisation ==
  
  [[Fichier:Newsletter preview.png|none]]  
+
  [[Fichier:Newsletter preview.png|none]]
 
+
La prévisualisation permet de vérifier les informations saisies avant l'envoi. Les sélections de notices ou les articles associés n'apparaissent pas lors de la rédaction de la lettre. La prévisualisation permet donc de voir le rendu avec la sélection de notices et les articles le cas échéant.
La prévisualisation permet de vérifier les informations avant l'envoi et notamment que l'éventuelle sélection de notices correspond à ce qui est souhaité.
 
  
 
== Gestion des destinataires ==
 
== Gestion des destinataires ==
Ligne 42 : Ligne 140 :
 
* la page "Mon compte"
 
* la page "Mon compte"
 
* la boîte "Lettres d'informations"
 
* la boîte "Lettres d'informations"
* l'entrée de menu "Lettres d'information"
+
* l'entrée de menu "Lettres d'information" (si elle est présente)
  
La desinscription peut être effetuée dans la page "Mon compte" ou en suivant le lien de désinscription contenu en bas de chaque lettre d'information reçue par mail.
+
La désinscription peut être effectuée dans la page "Mon compte" ou en suivant le lien de désinscription contenu en bas de chaque lettre d'information reçue par mail. Il se désinscrira alors de cette lettre précisément. Il peut donc choisir de se désinscrire de la lettre des animations, mais conserver son abonnement pour les nouveautés par exemple.
 +
Depuis son compte, il peut choisir de ne plus recevoir aucune lettre d'information.
  
'''Attention''', un lecteur n'ayant de mail renseigné et qui s'est abonné à une lettre ne pourra pas se désinscrire.
+
Un abonné qui s'est désinscrit apparaît toujours dans la liste des destinataires de la lettre même s'il ne la reçoit plus. Il est possible de visualiser les abonnés désinscrit dans la Gestion des groupes destinataires (voir ci-dessous).
 +
 
 +
'''Attention''', un lecteur n'ayant de mail renseigné et qui s'est abonné à une lettre ne pourra pas se désinscrire depuis la lettre.
 
Le processus de désinscription passant par une liste noire l'action ne peut être enregistrée, cependant il ne recevra pas de lettre non plus.
 
Le processus de désinscription passant par une liste noire l'action ne peut être enregistrée, cependant il ne recevra pas de lettre non plus.
 +
 +
 +
==== Thème par défaut ====
 +
 +
[[Fichier:moncompteabonne-newsletter-rgpd-checkbox.png|600px||Gestion des Newsletters thème par défaut]]
 +
 +
C'est une checkbox au niveau de la gestion des lettres d'information.
 +
 +
[[Fichier:moncompteabonne-newsletter-rgpd.png|600px||Fiche Abonné thème par défaut]]
 +
 +
Un lien au niveau de la fiche abonné dans le thème par défaut.
 +
 +
==== Thème Magasin de thèmes ====
 +
 +
[[Fichier:moncompteabonne.png|||Gestion des Sélections thème magasin de thème]]
 +
 +
[[Fichier:moncompteabonne-newsletter-rgpd-action-disable.png|||Gestion des Newsletters thème magasin de thème]]
 +
 +
C'est un bouton action au niveau des Selections dans la fiche abonné dans les thèmes responsive.
 +
 +
[[Fichier:moncompteabonne-newsletter-rgpd-action-enable.png|||Gestion des Newsletters thème magasin de thème]]
 +
 +
Après clic sur l'action.
  
 
=== Par l'administrateur ===
 
=== Par l'administrateur ===
Ligne 55 : Ligne 179 :
 
Il est possible d'ajouter tout autre groupe préalablement créé dans l'administration des groupes d'utilisateurs.<br>
 
Il est possible d'ajouter tout autre groupe préalablement créé dans l'administration des groupes d'utilisateurs.<br>
 
Grâce à la fonctionnalité des groupes dynamiques, cela permet d'inscrire automatiquement les utilisateurs selon leur rôle et/ou leur bibliothèque.
 
Grâce à la fonctionnalité des groupes dynamiques, cela permet d'inscrire automatiquement les utilisateurs selon leur rôle et/ou leur bibliothèque.
 +
Attention cependant à la RGPD dans ce cas.
  
 
L'écran de gestion présente 2 sections.
 
L'écran de gestion présente 2 sections.
Ligne 74 : Ligne 199 :
 
Par défaut, le moteur est calé sur la liste des utilisateurs inscrits, modifiez le critère '''Inscrit à la lettre''' pour trouver les utilisateurs non-inscrits ou désinscrits.
 
Par défaut, le moteur est calé sur la liste des utilisateurs inscrits, modifiez le critère '''Inscrit à la lettre''' pour trouver les utilisateurs non-inscrits ou désinscrits.
  
Dans cette liste l'ation proposée en dernière colonne est relative à l'état actuel de l'utilisateur.
+
Dans cette liste l’action proposée en dernière colonne est relative à l'état actuel de l'utilisateur.
 +
Ici, vous pouvez aussi consulter la liste des abonnés qui se sont "Volontairement désinscrit" de la lettre (depuis leur compte ou depuis le lien de désinscription).
  
 
===== Inscrire l'utilisateur =====
 
===== Inscrire l'utilisateur =====
Ligne 83 : Ligne 209 :
  
 
Lorsque l'utilisateur est rattaché à un des groupes destinataire, Bokeh propose de le désinscrire en enregistrant son mail comme ne voulant plus recevoir cette lettre (mis en liste noire).<br>
 
Lorsque l'utilisateur est rattaché à un des groupes destinataire, Bokeh propose de le désinscrire en enregistrant son mail comme ne voulant plus recevoir cette lettre (mis en liste noire).<br>
Cela désinscrira par la même occasion tout utilisateur destinataire ayant le même mail.
+
Cela désinscrira également tout utilisateur destinataire ayant le même mail.
  
 
===== Réinscrire l'utilisateur =====
 
===== Réinscrire l'utilisateur =====
  
 
Lorsque le mail de l'utilisateur est présent dans la liste noire de la lettre, Bokeh propose le réinscrire en le supprimant de la liste noire.<br>
 
Lorsque le mail de l'utilisateur est présent dans la liste noire de la lettre, Bokeh propose le réinscrire en le supprimant de la liste noire.<br>
Cela réinscrira par la même occasion tout utilisateur destinataire ayant le même mail.
+
Cela réinscrira également tout utilisateur destinataire ayant le même mail.
  
 
===== Ne rien faire =====
 
===== Ne rien faire =====
Ligne 106 : Ligne 232 :
  
 
Lors de l'envoi:
 
Lors de l'envoi:
* le contenu est déterminé par les critères de sélection de notices éventuels
+
* le contenu est déterminé par les critères de sélection de notices éventuels. Le contenu est figé, notamment concernant le contenu dynamique.
* les destinataires sont déterminés par les groupes et dédoublonnés pour un même courriel
+
* les destinataires sont déterminés par les groupes et dédoublonnés pour un même courriel. Les destinataires sont figés au moment de l'envoi.
  
 
Les mails sont envoyés par blocs de 20 destinataires, la progression de l'envoi est visible dans la liste des lettres d'information.
 
Les mails sont envoyés par blocs de 20 destinataires, la progression de l'envoi est visible dans la liste des lettres d'information.
  
 
A la fin du traitement un mail est aussi envoyé à l'expéditeur.
 
A la fin du traitement un mail est aussi envoyé à l'expéditeur.
 +
 +
=== Les compteurs des groupes et envois ===
 +
 +
La différence entre le nombre d'utilisateurs sélectionnés dans les groupes et le nombre d'envois s'explique par le fait :
 +
* qu'un utilisateur puisse appartenir à plusieurs groupes d'envoi ; dans ce cas Bokeh dédoublonne (1 mail = 1 lettre),
 +
* qu'une famille partage une même adresse mail,
 +
* qu'une personne inscrite puisse ne pas avoir communiqué d'adresse mail.
 +
 +
Le nombre de personnes ciblées correspond donc à la jauge maximum. Le nombre de mails correspond au nombre de lettres réellement envoyées.
 +
 +
[[Fichier:Compteur envoi1.png|Nombre de destinataire / Nombre d'envois mail]]
 +
 +
Les groupes utilisateurs sont pour la plupart des sélections dynamiques, le chiffre qui apparaît entre parenthèse correspond aux totaux actuels et non à ceux figés au moment de l'envoi.
 +
Le détail de la composition globale d'un groupe de destinataires est consultable. Il suffit de cliquer sur le total. Le nombre de destinataires trouvés correspond au critères de recherche saisis en recherche. Au moment de l'envoi Bokeh supprime les mails qui sont sur liste noire (désinscrits).
 +
 +
[[Fichier:Listedesgroupes newsletter.png]]
  
 
=== Gestion d'erreur ===
 
=== Gestion d'erreur ===
Ligne 126 : Ligne 268 :
 
En cas d'erreur indéterminée, l'envoi en erreur est toujours repris, en cas d'erreur interceptée, l'envoi est repris s'il a passé l'étape de collecte des destinataires.
 
En cas d'erreur indéterminée, l'envoi en erreur est toujours repris, en cas d'erreur interceptée, l'envoi est repris s'il a passé l'étape de collecte des destinataires.
  
Reprendre l'envoi signifie utilser le même contenu et les mêmes destinataires calculés au moment de sa création.
+
Reprendre l'envoi signifie utiliser le même contenu et les mêmes destinataires calculés au moment de sa création.
 
Ne pas reprendre l'envoi signifie recalculer le contenu et les destinataires et tenter un envoi avec ces nouvelles informations.
 
Ne pas reprendre l'envoi signifie recalculer le contenu et les destinataires et tenter un envoi avec ces nouvelles informations.
  
 
== Désinscription ==
 
== Désinscription ==
  
Bokeh ajoute automatiquement un lien de désinscription pour la lettre d'information reçue en bas du mail.<br />
+
Bokeh ajoute automatiquement un lien de désinscription pour la lettre d'information reçue en bas du mail.<br>
 
La désinscription s'effectue pour tout utilisateur ayant la même adresse mail.
 
La désinscription s'effectue pour tout utilisateur ayant la même adresse mail.
 +
NB : la désinscription ne fonctionne en mode test d'envoi
  
 
=== Configuration ===
 
=== Configuration ===
Ligne 158 : Ligne 301 :
 
== Dupliquer une lettre d'information ==
 
== Dupliquer une lettre d'information ==
  
Pour dupliquer une lettre d'information, cliquez sur l'icone "Dupliquer".
+
Pour dupliquer une lettre d'information, cliquez sur l’icône "Dupliquer".
  
 
[[File:Newsletter duplicate.png]]
 
[[File:Newsletter duplicate.png]]
Ligne 165 : Ligne 308 :
  
 
La nouvelle lettre d'information est passé en mode '''Brouillon'''
 
La nouvelle lettre d'information est passé en mode '''Brouillon'''
 +
NB : lors de la duplication d'une lettre, la liste noire n'est pas reprise. Il est donc préférable de modifier les lettres existantes plutôt que de les dupliquer.
 +
 +
== Note sur la compatibilité avec les clients mails ==
 +
 +
Si vous mettez du HTML dans le contenu de la lettre d'information, il peut y avoir des incompatibilités avec les clients mails web et mobile. Les clients de messagerie, tels que Gmail, ont des restrictions sur le rendu CSS, et ils n'acceptent pas toutes les propriétés CSS ou les valeurs. L'utilisation de styles CSS dans l'attribut style peut parfois entraîner un rendu incorrect dans certains clients de messagerie.
 +
* Rendu CSS restreint : Les clients de messagerie ont des moteurs de rendu limités pour des raisons de sécurité et de compatibilité. Certaines propriétés CSS avancées, telles que les dispositions flexbox, les transitions et les animations, peuvent ne pas être prises en charge ou être rendues différemment dans les e-mails.
 +
* Styles en ligne : Les e-mails sont souvent conçus avec des styles CSS en ligne (directement dans les balises HTML). Bien que cela soit courant, certains clients de messagerie peuvent ne pas prendre en charge certains styles en ligne ou peuvent interpréter les règles de style différemment.
 +
* Restrictions d'image : Les images dans les e-mails peuvent être bloquées par les clients de messagerie par défaut pour des raisons de sécurité et de confidentialité. Les destinataires peuvent choisir de ne pas afficher les images pour empêcher le suivi ou pour des raisons de bande passante limitée. Cela peut entraîner une présentation incohérente du contenu si les images font partie intégrante de la mise en page.
 +
* Mauvaise conception pour les e-mails : Une lettre d'information conçue pour un site web standard peut ne pas s'afficher correctement dans les e-mails. Les e-mails ont des exigences de codage spécifiques pour assurer une compatibilité avec les clients de messagerie, et une conception inadaptée peut entraîner des problèmes de mise en page et de lisibilité.
 +
* Différences entre les clients de messagerie : Les clients de messagerie rendent les e-mails différemment en fonction de leur propre moteur de rendu. Cela signifie qu'un e-mail peut être affiché différemment sur différents clients de messagerie et appareils, ce qui peut entraîner des problèmes de mise en page et de formatage.
 +
 +
Si vous ajouter des balises <style>, la variable d'administration NEWSLETTER_INLINE_CSS permet d'injecter les règles dans les balises correspondante (inlining) pour améliorer la compatiblité avec les clients mails Google (entre autres...)
  
[[Catégorie:Lettres_d'information]]
+
[[Catégorie:Lettres d'information]]
 +
[[Catégorie:Pages avec des liens de fichiers brisés]]

Version actuelle datée du 9 janvier 2024 à 15:55

Bokeh permet de rédiger et d'envoyer des lettres d'information (ou newsletters) aux usagers disposant d'une adresse mail.
Les utilisateurs ont la possibilité via le portail de s'y abonner ou de désabonner.

Créer une lettre d'information[ ]

Les lettres d'information se créent à partir de la boite Gestionnaire de contenu, menu Lettres d'information.

Newsletter list.png


Pour créer une lettre, il suffit de cliquer sur le bouton Creer lettre.jpg.

Dans la page d'édition de la lettre, il est indispensable de saisir :

  • un titre
  • un sujet du message qui sera envoyé par courriel aux destinataires
  • un expéditeur
  • une option indiquant si la lettre est un brouillon*
  • un contenu Html

Il est possible d'associer :

  • un panier ou un domaine (présentation de nouveautés par exemple). Le message envoyé contiendra une liste de notices cliquables : le nombre peut être limité par le champ "Nombre à afficher". Par contre les kiosques de notices, en javascript, ne sont pas interprétés par les logiciel de mails. La présentation, de type kiosque de notices, ne fonctionne malheureusement pas, ils seront affichés sous forme de liste
  • des articles. Le message envoyé contiendra le titre et le contenu des articles sélectionnés. Attention, le nombre d'articles qu'il est possible d'associer à chaque newsletter est de 10 maximum ! Si vous essayez d'en associer davantage, seuls les 10 premiers seront envoyés.
    • Pour l'affichage HTML de la lettre et son envoi au format HTML, au niveau des articles, vous pouvez choisir
      • d'envoyer la lettre telle qu'elle apparaît à l'OPAC
      • d'inclure les articles en entier dans la lettre ou seulement en résumé
      • d'appliquer une CSS particulière

Si l'option brouillon est cochée, la lettre ne sera pas visible à l'opac.

Lorsque la lettre est correctement créée, Bokeh vous la présente en mode modification.

Newsletter edit.png

L'écran de modification comporte une barre d'actions pour cette lettre, l'action courante est mise en avant (ici la modification).
Les autres actions possibles sont : - la prévisualisation, - la gestion des destinataires, - l'envoi de test, - l'envoi réel, - la duplication - la suppression.

Rendu de votre lettre dans les boîtes de réception[ ]

Ancienne méthode[ ]

Par défaut, les newsletters n'embarquent pas les styles de votre portail (couleurs, tailles, etc...) Si vous souhaitez que les styles de votre portail soient intégrés aux articles et aux notices que vous liez à votre newsletter, vous devez activer la variable NEWSLETTER INLINE CSS Ensuite, vous devez modifier le code source de votre newsletter et insérer au début une balise <style>

Par ex : <style type="text/css">h1 {color: #d3007a; font-size:20px; font-weight: bold; text-transform:uppercase; border-bottom: 1px solid #6c757d} h2 {color: #333; font-size:20px; font-weight: bold; text-transform:uppercase; border-bottom: 1px solid #6c757d} h3 {font-size:15px; font-weight: bold;} p, ul, li {color:#333;} a, a:hover {color: #d3007b; text-decoration: underline!important;} .mise_en_avant {color: #333; padding: 10px;}

Nouvelle méthode[ ]

L'objectif de cette méthode (réservée aux portails Bokeh en Magasin de thèmes) est d'améliorer le rendu des lettres d'info envoyées par mail en appliquant des styles sur les informations contenues dans le HTML et en limitant les informations des articles sélectionnés (Image, premiers mots, tags).

  • L'intégralité du contenu de la lettre d'information est rédigée dans le HTML (entête et pied).
  • L'intégration des articles sélectionnés ou des domaines est géré dans le HTML.
  • Le résumé de chaque article comprend un lien vers l'article dans le portail.
Pré-requis[ ]

Activer la variable NEWSLETTER INLINE CSS (Administration > Variable).
Dans l'onglet Article de la lettre d'information, cocher :

  • Afficher comme sur le site = OUI
  • Afficher articles en intégralité = NON
  • Renseigner le chemin de la feuille de style qui sera appliquée sur le résumé des articles (ou des notices) au moment de l'envoi (la feuille de style, au format .css, peut être stockée dans le GIT ou dans l'explorateur de fichiers du portail (dossier css).
Newsletters modification.png


Rédaction du HTML[ ]

Tout le contenu de la lettre d'information (textes, images, liens) doit être rédigé dans le HTML. Il ne faut pas utiliser les styles pour la mise en forme (ils ne seront pas envoyés) mais les écrire directement dans le code source du HTML.
L'insertion des articles se fait en cliquant sur le bouton "Insérer les articles liés à la lettre d'information" ou "Insérer les notices liées à la lettre d'information" :

Bouton lettre info.PNG

Les articles sélectionnés apparaîtront par ordre de sélection (ou par ordre de création dans le cas où une catégorie a été sélectionnée). Si un article n'est pas en cours de publication (dates de publication), il ne sera pas envoyé.

Pour améliorer la mise en page des articles en css, les class et divisions peuvent être récupérées en testant l'affichage de la lettre d'info (icône Oeil).

Exemple de css appliquée pour des articles[ ]

/* Faire disparaître les éléments liés à la boîte article */
.widget-header {display: none;}
div.widget-header{ display: none;}

/* Ordonner les articles en colonne */
.list-group {flex-direction: column !important; display: block !important;}
.list-group-item {display: block !important; border: 0px solid white !important; padding: 0!important; margin-bottom: 1em!important;}
.list-group-item .card {display: block !important; border: 0px solid white !important; background-color: lightgray !important; border-radius: 0px!important;}
.list-group-item .card .container-fluid {display: block !important;}
.list-group-item .card .container-fluid .row.no-gutters {display: block !important;}

.boite.news.widget.col {box-shadow: 0 0 0 transparent !important;}

/* Corrige l'affichage des images */
.cardify_horizontal_img{max-width: 80% !important; margin: 20px auto 0 auto; display: flex!important; justify-content: center!important;}
.cardify_horizontal_img img{width: 100% !important;}
.img-thumbnail {display: inline-block!important; border: 0px solid white !important; padding: 0!important; border-radius: 0px!important; margin-top: 1em!important;}

/* Améliore l'affichage du texte des articles (titre, résumé, dates, tags) */
.cardify_horizontal_content {background-color: lightgray !important; padding-top: 1em!important; width: 70%!important; text-align: center; margin: 0 auto;}
.cardify_horizontal_content .card-title {margin:0!important;}
.cardify_horizontal_content .card-title a {font-weight: bold !important; font-size: 1.5rem !important; text-decoration: underline !important;}
.cardify_horizontal_content .card-text {margin:0!important;}
.badge_text {display: none;}
.calendar_event_date {text-transform: uppercase; font-weight: bold; color: #005445;} .model_description_Class_Article {margin-top: 10px !important; color: #005445 !important; font-size: 1rem ; padding-bottom: 1em!important;}

/* Lire la suite */ .card_action {display: none!important;}

Attention ! Le contenu de la lettre est unique et ne s'adaptera pas à la taille de l'écran. La disposition des éléments est la même, que la lecture se fasse sur écran d'ordinateur ou de téléphone.



Rendu de la lettre[ ]
Ex.newsletter.PNG
Ex.newsletter bis.PNG



Prévisualisation[ ]

Newsletter preview.png

La prévisualisation permet de vérifier les informations saisies avant l'envoi. Les sélections de notices ou les articles associés n'apparaissent pas lors de la rédaction de la lettre. La prévisualisation permet donc de voir le rendu avec la sélection de notices et les articles le cas échéant.

Gestion des destinataires[ ]

Par l'internaute lui-même[ ]

L'inscription aux lettres d'informations peut être effectuée par l'internaute par l'intermédiaire de :

  • la page "Mon compte"
  • la boîte "Lettres d'informations"
  • l'entrée de menu "Lettres d'information" (si elle est présente)

La désinscription peut être effectuée dans la page "Mon compte" ou en suivant le lien de désinscription contenu en bas de chaque lettre d'information reçue par mail. Il se désinscrira alors de cette lettre précisément. Il peut donc choisir de se désinscrire de la lettre des animations, mais conserver son abonnement pour les nouveautés par exemple. Depuis son compte, il peut choisir de ne plus recevoir aucune lettre d'information.

Un abonné qui s'est désinscrit apparaît toujours dans la liste des destinataires de la lettre même s'il ne la reçoit plus. Il est possible de visualiser les abonnés désinscrit dans la Gestion des groupes destinataires (voir ci-dessous).

Attention, un lecteur n'ayant de mail renseigné et qui s'est abonné à une lettre ne pourra pas se désinscrire depuis la lettre. Le processus de désinscription passant par une liste noire l'action ne peut être enregistrée, cependant il ne recevra pas de lettre non plus.


Thème par défaut[ ]

Gestion des Newsletters thème par défaut

C'est une checkbox au niveau de la gestion des lettres d'information.

Fiche Abonné thème par défaut

Un lien au niveau de la fiche abonné dans le thème par défaut.

Thème Magasin de thèmes[ ]

Gestion des Sélections thème magasin de thème

Gestion des Newsletters thème magasin de thème

C'est un bouton action au niveau des Selections dans la fiche abonné dans les thèmes responsive.

Gestion des Newsletters thème magasin de thème

Après clic sur l'action.

Par l'administrateur[ ]

Les destinataires d'une lettre sont déterminés par des groupes d'utilisateurs.
Chaque lettre créée dispose de son propre groupe dédié permettant d'inscrire les utilisateurs un par un.
Il est possible d'ajouter tout autre groupe préalablement créé dans l'administration des groupes d'utilisateurs.
Grâce à la fonctionnalité des groupes dynamiques, cela permet d'inscrire automatiquement les utilisateurs selon leur rôle et/ou leur bibliothèque. Attention cependant à la RGPD dans ce cas.

L'écran de gestion présente 2 sections.

Gestion des groupes[ ]

Newsletter recipients group.png

Le lien Sélectionner les groupes destinataires fait apparaitre un dialogue de sélection multiple des groupes.
Vous pouvez aussi désinscrire un groupe directement dans la liste, sauf le groupe dédié à cette lettre qui sera supprimé en même temps que cette dernière.

Gestion / Recherche d'utilisateur[ ]

Pour déterminer rapidement si un utilisateur est inscrit ou non à la lettre, Bokeh présente le moteur de recherche suivant:

Newsletter recipients search.png


Par défaut, le moteur est calé sur la liste des utilisateurs inscrits, modifiez le critère Inscrit à la lettre pour trouver les utilisateurs non-inscrits ou désinscrits.

Dans cette liste l’action proposée en dernière colonne est relative à l'état actuel de l'utilisateur. Ici, vous pouvez aussi consulter la liste des abonnés qui se sont "Volontairement désinscrit" de la lettre (depuis leur compte ou depuis le lien de désinscription).

Inscrire l'utilisateur[ ]

Lorsque l'utilisateur n'est pas inscrit, c'est à dire qu'il n'est rattaché à aucun des groupes destinataire, Bokeh propose de l'inscrire en l'ajoutant au groupe dédié de la lettre.

Désinscrire l'utilisateur[ ]

Lorsque l'utilisateur est rattaché à un des groupes destinataire, Bokeh propose de le désinscrire en enregistrant son mail comme ne voulant plus recevoir cette lettre (mis en liste noire).
Cela désinscrira également tout utilisateur destinataire ayant le même mail.

Réinscrire l'utilisateur[ ]

Lorsque le mail de l'utilisateur est présent dans la liste noire de la lettre, Bokeh propose le réinscrire en le supprimant de la liste noire.
Cela réinscrira également tout utilisateur destinataire ayant le même mail.

Ne rien faire[ ]

Lorsque l'utilisateur est rattaché à un des groupes destinataire mais qu'il n'a pas renseigné son mail, Bokeh ne peut pas le désinscrire car il n'y a pas de mail à mettre en liste noire.
Cependant, tant que cet utilisateur n'a pas renseigné son mail il ne peut recevoir aucune lettre d'information.
Le critère Avec mail vous permet de lister spécifiquement les utilisateurs entrant dans ce cas.

Test avant envoi[ ]

Newsletter test.png

Saisissez une adresse à laquelle Bokeh enverra un exemplaire de la lettre.
Vous pouvez ainsi en vérifier le contenu, sauf le lien de désinscription qui n'est pas valide en mode test.

Envoi réel[ ]

Lors de l'envoi:

  • le contenu est déterminé par les critères de sélection de notices éventuels. Le contenu est figé, notamment concernant le contenu dynamique.
  • les destinataires sont déterminés par les groupes et dédoublonnés pour un même courriel. Les destinataires sont figés au moment de l'envoi.

Les mails sont envoyés par blocs de 20 destinataires, la progression de l'envoi est visible dans la liste des lettres d'information.

A la fin du traitement un mail est aussi envoyé à l'expéditeur.

Les compteurs des groupes et envois[ ]

La différence entre le nombre d'utilisateurs sélectionnés dans les groupes et le nombre d'envois s'explique par le fait :

  • qu'un utilisateur puisse appartenir à plusieurs groupes d'envoi ; dans ce cas Bokeh dédoublonne (1 mail = 1 lettre),
  • qu'une famille partage une même adresse mail,
  • qu'une personne inscrite puisse ne pas avoir communiqué d'adresse mail.

Le nombre de personnes ciblées correspond donc à la jauge maximum. Le nombre de mails correspond au nombre de lettres réellement envoyées.

Nombre de destinataire / Nombre d'envois mail

Les groupes utilisateurs sont pour la plupart des sélections dynamiques, le chiffre qui apparaît entre parenthèse correspond aux totaux actuels et non à ceux figés au moment de l'envoi. Le détail de la composition globale d'un groupe de destinataires est consultable. Il suffit de cliquer sur le total. Le nombre de destinataires trouvés correspond au critères de recherche saisis en recherche. Au moment de l'envoi Bokeh supprime les mails qui sont sur liste noire (désinscrits).

Listedesgroupes newsletter.png

Gestion d'erreur[ ]

Si le traitement se termine correctement, la liste affichera la date de fin d'envoi ainsi que le nombre de destinataires traités.

En cas d'erreur indéterminée, la liste affichera soit "collecte des destinataires", soit "envoi en cours":

  • "collecte des destinataires" : signifie que l'erreur est apparue avant l'envoi du moindre mail
  • "envoi en cours" : signifie que l'erreur est apparue au cours de l'envoi des mails

En cas d'erreur interceptée par la gestion d'erreur, la liste affichera "erreur lors l'envoi" avec un lien pour voir le détail technique de l'erreur, ainsi que le nombre de destinataires traités.

Dans tous les cas, si vous tentez à nouveau d'envoyer la lettre Bokeh détecte l'état du dernier envoi pour déterminer s'il doit le reprendre.

En cas d'erreur indéterminée, l'envoi en erreur est toujours repris, en cas d'erreur interceptée, l'envoi est repris s'il a passé l'étape de collecte des destinataires.

Reprendre l'envoi signifie utiliser le même contenu et les mêmes destinataires calculés au moment de sa création. Ne pas reprendre l'envoi signifie recalculer le contenu et les destinataires et tenter un envoi avec ces nouvelles informations.

Désinscription[ ]

Bokeh ajoute automatiquement un lien de désinscription pour la lettre d'information reçue en bas du mail.
La désinscription s'effectue pour tout utilisateur ayant la même adresse mail. NB : la désinscription ne fonctionne en mode test d'envoi

Configuration[ ]

Les textes en bas de mail et le profil d'affichage de la confirmation de désinscription dans Bokeh sont configurables via la clé à molette présente dans tous les écrans du modules lettre d'information, à côté du lien d'aide.

Cle info.png

Vous arrivez sur un écran avec 3 variables à configurer :

3param.png

Le premier permet de choisir sur quelle page est envoyé le lecteur lors du clic sur le lien de désinscription. Par défaut c'est la page d'accueil du portail.

Choice page.png

Si l'on ne configure rien le texte par défaut est le suivant : "Je ne veux plus recevoir cette lettre d'information". Il est possible néanmoins de personnaliser, le message comme dans l'exemple ci-dessous.

Html lettre.png

Afin de garantir la compatibilité avec les clients de messagerie non compatibles ou bloquants le HTML, il est recommandé de configurer le dernier champ comme cela :

Html text.png

Dupliquer une lettre d'information[ ]

Pour dupliquer une lettre d'information, cliquez sur l’icône "Dupliquer".

Newsletter duplicate.png

Une fois la duplication effectuée, on obtient une copie exacte de la lettre source (Avec les mêmes abonnements, contenu etc ...). Seul le titre est modifié: " (copie)" est ajouté à la fin.

La nouvelle lettre d'information est passé en mode Brouillon NB : lors de la duplication d'une lettre, la liste noire n'est pas reprise. Il est donc préférable de modifier les lettres existantes plutôt que de les dupliquer.

Note sur la compatibilité avec les clients mails[ ]

Si vous mettez du HTML dans le contenu de la lettre d'information, il peut y avoir des incompatibilités avec les clients mails web et mobile. Les clients de messagerie, tels que Gmail, ont des restrictions sur le rendu CSS, et ils n'acceptent pas toutes les propriétés CSS ou les valeurs. L'utilisation de styles CSS dans l'attribut style peut parfois entraîner un rendu incorrect dans certains clients de messagerie.

  • Rendu CSS restreint : Les clients de messagerie ont des moteurs de rendu limités pour des raisons de sécurité et de compatibilité. Certaines propriétés CSS avancées, telles que les dispositions flexbox, les transitions et les animations, peuvent ne pas être prises en charge ou être rendues différemment dans les e-mails.
  • Styles en ligne : Les e-mails sont souvent conçus avec des styles CSS en ligne (directement dans les balises HTML). Bien que cela soit courant, certains clients de messagerie peuvent ne pas prendre en charge certains styles en ligne ou peuvent interpréter les règles de style différemment.
  • Restrictions d'image : Les images dans les e-mails peuvent être bloquées par les clients de messagerie par défaut pour des raisons de sécurité et de confidentialité. Les destinataires peuvent choisir de ne pas afficher les images pour empêcher le suivi ou pour des raisons de bande passante limitée. Cela peut entraîner une présentation incohérente du contenu si les images font partie intégrante de la mise en page.
  • Mauvaise conception pour les e-mails : Une lettre d'information conçue pour un site web standard peut ne pas s'afficher correctement dans les e-mails. Les e-mails ont des exigences de codage spécifiques pour assurer une compatibilité avec les clients de messagerie, et une conception inadaptée peut entraîner des problèmes de mise en page et de lisibilité.
  • Différences entre les clients de messagerie : Les clients de messagerie rendent les e-mails différemment en fonction de leur propre moteur de rendu. Cela signifie qu'un e-mail peut être affiché différemment sur différents clients de messagerie et appareils, ce qui peut entraîner des problèmes de mise en page et de formatage.

Si vous ajouter des balises <style>, la variable d'administration NEWSLETTER_INLINE_CSS permet d'injecter les règles dans les balises correspondante (inlining) pour améliorer la compatiblité avec les clients mails Google (entre autres...)