Une Newsletter pour WordPress

Publié Par Fred - Le 17 février 2011 à 11:57
Catégorie(s): Plugins
1 / 52 / 53 / 54 / 55 / 5 (10 vote(s): 3,70 sur 5)
Loading ... Loading ...

Voici un plugin Newsletter pour votre blog ou site web sous wordpress se plugin conviendra au débutant facile a mettre en place. Les modèles peuvent être modifier facilement sans une grande connaissance en programmation.

Introduction
Newsletter est un plugin développer par satollo.net j’ai repris le plugin et apporté quelques modification et traduit les paramètres en français ainsi que les modèles intégrer au plugin.

 

Installation du plugin
Vous pouvez télécharger le plugin original à partir de votre tableau de bord wordpress dans extention/ajouter/ newsletter et installer ou sur le site officiel ici.
Ou ma version traduite en français ici .une fois télécharger décompresser le dossier du plugin et transférer le avec un logiciel ftp(FileZila par exemple) dans le dossier plugin de wordpress wp-content/plugins/ puis activez le dans le menu extension de votre tableau de bord wordpress.

 

Configuration du plugin
Une fois le plugin activé vous retrouver le menu de celui-ci dans votre tableau de bord(en bas a gauche) nous avons dix sous-menus ont va s’occuper que des sous-menus suivant :
Configuration, Subscription, Composer, Subscribers

 

1- Créer une page que vous aller appeler par exemple : Newsletter ( vous pouvez lui donner un autre nom) enregistrer et publier cette page.

 

2- Allez dans le sous-menu configuration du plugin newsletter dans les réglages paramètre généraux vous avez :

 

Activer l´accès pour les éditeurs de wordpress? (cette option permet d’autoriser les autres éditeurs de votre site d’avoir accès aux réglages du plugin laisser no si vous voulez que les options du plugin soit réservé qu’aux administrateurs du site.)
Toujours afficher les panneaux en anglais? (laissez sur no si vous utiliser ma version traduite)
Logging (cette option sert a enregistrer d’éventuelle erreur dans un fichier log, vous pouvez le laisser sur none.)

3- Le sous-menu Subscription , le premier cadre doit être remplit correctement :

 

Votre email : (inscrivez l’email que vous utiliserez pour l’envois des newsletter)
Nom de votre Newsletter : (inscrivez le nom de votre newsletter ex : nom de votre site)
URL de la page d´abonnement : (copier coller l’url de la page ou sera placer le formulaire d’abonnement dans notre cas c’est la page qu’ont à créer et que j’ai appelé newsletter)
Thème à utiliser pour les emails : (cette option sert à définir le format des message dans notre exemple laisser sur blank.)
Puis Enregistrer

 

Maintenant allez a la page que vous avez crée pour le formulaire votre Newsletter et insérer le code suivant dans l’éditeur de texte pour activer le formulaire : [ newsletter ] (note importante vous ne devez pas avoir d’espace entre les crochets pour que le plugin fonctionne)


Paramètre Abonnement
Dans se cadre : Cochez cette case si vous voulez demander que l´adresse e-mail sans le nom. Vous pouvez demander juste l’email sans le nom.
Dans les deux autres cadres vous pouvez personnaliser le texte : Page du formulaire d´abonnement, Message de confirmation de l´abonnement.
Puis Enregistrer

 

Confirmation (double opt-in)
Cette parti sert à l’envoi de l’email  a l´utilisateur pour valider son inscription vous pouvez personnalisez le sujet et message sans enlever la balise suivante : {subscription_confirm_url}  elle sert a insérer le lien vers la page de validation sur votre site.

Message de bienvenue
Dans se cadre on personnalise le message de bienvenue et l’envoi de l’email de bienvenue. La balise {name} sert a mettre le nom de l’abonné.
Puis Enregistrer

 

Désinscription
Rien de bien compliquer dans cette parti est la procédure de désabonnement vous pouvez personnaliser les messages.
Puis Enregistrer

 

Advanced
Ici ont vous propose de désactiver les éditeurs visuel laisser sur No

 

4-Le sous-menu Composer c’est d’ici que vous composer et envoyer votre newsletter a vos abonnés.
Informations envoi : affiche que votre newsletter a bien été envoyer

 

Newsletter message : ici vous rédiger votre newsletter sujet message. Vous pouvez utiliser des modèles :
Blank : Page blanche vous écrivez se que vous voulez.
Default : affiche les derniers articles que vous avez rédiger sans image.
With picture : affiche les derniers articles que vous avez rédigé avec des miniatures de vos images.
A chaque fois que vous sélectionner un modèle cliquer sur auto compose pour avoir un aperçu.

 

Paramètres pour le Thème
Cette parti concerne les modèles Default et With picture .
Nombre d’article à inclure dans le thème : ici vous indiquez le nombre d’article a affichez dans la newsletter.(affiche les derniers articles publier et limiter a 10 max)

 

Options d´envois
Nombre Max d´email a traiter : si vous avez beaucoup d’abonné vous pouvez déterminer le nombre d’envois en cas de problème de saturation de votre serveur sinon laisser le champ vide.
L´adresse email du destinataire pour la simulation : ici vous pouvez inscrire votre adresse mail ou celle d’un amis pour faire une simulation.

 

Voie de retour : inscrivez votre adresse mail vous recevrez les rapports d’erreur si il y a un problème avec votre serveur mail.

 

Sending options for scheduler.
Cette option fonctionne avec newsletter extras(la version payante du plugin)

 

Pour modifier les modèles allez de le dossier Theme du plugin vous pouvez éditer avec notepad++ et modifier : couleur, texte, ajouter votre logo …..

 

5-Le sous menu Subscribers C’est ici que vous gérez vos abonnés. vous pouvez lister, éditer , effacer, ou confirmé une inscription , et voir les informations comme l’adresse ip.

 

Mise à jour le  9/11/2012

Comment créer un thème pour votre newsletter

Le tutoriel qui va suivre concerne la version du plugin 1.5.9, j’ai repris le thème par défaut dans le dossier du plugin ( wp-content/plugins/newsletter/themes/default/theme.php)  une fois  que vous avez récupérer le fichier theme.php éditer le avec voter éditeur de code puis remplacer le code présent par celui ci-dessous  puis sauvegarder.

<?php

global $post;

// donnée afficher

$texts['footer'] = '<p>Pour vous désabonner<a href="{unsubscription_url}"> cliquer ici</a>.</p>';

$texts['header'] = '<p>Bonjour {name},</p><p>voici les dernières News:</p>';

//fin

//debut de la boucle

query_posts('showposts=' . nt_option('posts', 10) . '&post_status=publish');

?>

<!-- <div> début encadrement de la newsletter avec css-->

<div style=" width:780px; margin-left:40px; border: solid 1 #2e2e2e; padding:10px;">

<!-- <div> affichage du nom du blog avec css-->

<div style="font-family: sans-serif; font-size: 24px; color: #999"><?php echo get_option('blogname'); ?></div>

<!-- fin affichage du nom du blog -->

<!-- <div> affichage d'une image ou logo -->

<div><img src="http://www.votre-blog.com/votre-image.jpg" /></div>

<!-- <div> affichage d'une image fin --> 

<?php echo $texts['header']; ?><!-- informations du header -->

<?php

while (have_posts())

{

    the_post();

?>

<!-- <div> affichage des articles <div> avec css --> 

<div><a style="font-size: 16px; text-decoration: none; color: #369" href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></div>

<div><?php echo the_excerpt(); ?></div>

<!-- <div> fin affichage des articles --> 

<div style="height: 30px; clear: both"></div><!-- <div> espace entre les articles et le footer -->

<?php

}

?>

<!-- <div> footer -->

<?php echo $texts['footer']; ?>

<!-- <div> footer fin-->

</div><!-- <div> Fin encadrement de la newsletter-->

<?php wp_reset_query(); ?>

<!-- fin de la boucle-->

Explication  du code :

La ligne $texts['footer'] =  va regrouper les informations que vous voulez ajouter en bas de votre newsletter ici j’ai tous simplement inclus la possibilité de se désabonné, vous pouvez bien sur ajouté d’autre informations  en ajoutant les balise html <p></p>.

texts['footer'] = '<p>Pour vous désabonner<a href="{unsubscription_url}"> cliquer ici</a>.</p>';

Cette fonction {unsubscription_url} fait appel au lien pour se désabonné.

Ensuite la ligne $texts['header'] = même principe que ci-dessus ici ont ajoutera les information pour l’entête de la newsletter, vous pouvez aussi modifier le texte ou en ajouter .

$texts['header'] = '<p>Bonjour {name},</p>

Cette fonction {name}  affichera le nom de votre abonné.

Pour le texte n’oublier d’encodé vos accents.

Ensuite la première Balise div va être l’encadrement de la newsletter ou ont va inclure directement le code css  largeur, bordure, marge ….

<div style=" width:780px; margin-left:40px; border: solid 1 #2e2e2e; padding:10px;">

La deuxième balise div  ici va contenir le nom du site toujours avec le code css pour personnaliser l’affichage.

<div style="font-family: sans-serif; font-size: 24px; color: #999">

<?php echo get_option('blogname'); ?></div>

Dans la troisième balise div je vais inclure une image tous simplement avec la balise <img src= »http://www.votre-blog.com/votre-image.jpg » />. Pour les images vous pouvez les envoyer avec la bibliothèque multimédia de WordPress et récupérer le lien pour l’insérer dans la balise <img>

<div><img src="http://www.votre-blog.com/votre-image.jpg" /></div>

La dernière parti du code va afficher vos articles le principe est le même que ci-dessus vous inclurez le code css dans la balise <div> pour la mise en forme des articles.

<div><a style="font-size: 16px; text-decoration: none; color: #369" href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></div>

<div><?php echo the_excerpt(); ?></div>

Le code ci-dessus est un modèle de base que j’ai simplifier pour que le code soit accessible pour tous le monde, vous pouvez le modifier facilement en utilisant le code html et css et aussi y inclure vos liens  publicitaires .

J’espère que ce tuto va vous aider à mettre en place votre propre thème et que vos lecteurs seront ravis de recevoir  vos news.  





28 Commentaires pour “Une Newsletter pour WordPress”

  1. Merci beaucoup, Fred ! Ca marche !
    je me plonge dedans.
    Bonne soirée et BONNES FETES !!

  2. De rien Dan Bonne installation et BONNES FETES aussi ;)

  3. Salut Fred, personnellement j’avais réussi à configurer la newsletter comme il fallait mais depuis que j’ai changé de thème WP je me retrouve avec des champs manquants en front office :

    Problème newsletter

    Aurais-tu une idée d’à quoi cela serait dû ? Pour info, mon site est pour l’instant hébergé en local et j’utilise le thème « Avenue ».

    Merci pour ta réponse ;)

    • Salut Wes,
      Dans un premier temps regarde le code source de ta page avec le navigateur (mozilla ou google chrome) pour voir si le code de tes champs sont présent si c’est le cas fait une copie du fichier css de ton thème et ensuite supprime les lignes contenant

       input  et  form  

      une par une et test a chaque fois jusqu’à trouvé ce qui va pas.
      Si tu utilise le shortcode vérifie le qu’il ne soit pas entourer des balise CODE sa arrive sur certain thème.

  4. Désolé pour le double post mais il semble que le lien de mon précédent message n’a pas été pris en compte :

    http://img849.imageshack.us/img849/5360/pbnewsletter.jpg

    Merci !

  5. Merci beaucoup pour ta réponse !

    J’ai regardé dans mon css et j’ai fait ce que tu m’as conseillé, en supprimant un par un les lignes form et input mais ça n’a rien changé.

    Quant à mon code, voilà ce qui apparaît dans mon code source pour la newsletter :

    //

    Voilà, je ne sais pas si tu as un début de solution pour ça; Sinon tant pis, je ne veux pas trop solliciter ton temps donc j’essaierai de me renseigner ailleurs ;)

  6. Pas de problème wes, mais d’après ta capture c’est un problème au niveau du code CSS.
    Il faudrait que tu ajoute du code css pour le formulaire.

  7. Bonsoir,
    Super ce plugin, c’est exactement ce que je cherchais, avec les explications qui vont avec en plus !
    Par contre je n’arrive pas à avoir la version en français, il y a une manip précise à faire pour ça ?
    Merci en tout cas :D !!

    • Bonjour Amandine,
      Merci :) , J’ai traduit que la version 1.5.9 qui est en téléchargement au début de l’article, hélas il n’y a pas de manip pour mettre les autres versions en Français pas de fichier .mo il faut traduire directement dans le code du plugin.

  8. Petite question : comment fait-on pour récupérer sa mailing-list dans l’outil?

    Déjà je ne sais pas où on la trouve ni s’il existe un système d’export des données.

    Merci Fred ;)

    • Je n’ai rien dit j’ai trouvé finalement, désolé pour le post inutile… 5Back office ==> Newsletter ==> Import/export ==> Bouton Export).

  9. J’ai testé le plugin version 3.07 ça marche très bien mais toujours pas de fichiers .po et .mo dommage pour les traductions c’est quand même plus simple.

    Sinon comment fait-on quels sont les fichiers à traiter ?

    Merci de vos réponses

    • Bonjour,
      Oui c’est dommage que le développeur n’ait pas inclus des fichiers de traduction, sinon dans la version 3.0.7 il faut éditer les fichiers plugin.php, plugin-menu.inc.php et dans le dossier subscription/option.php et traduire et remplacer les textes en anglais. Vous pouvez vous servir de notepad++ pour éditer les fichiers .

      Et surtout si vous faite ce travail ne mettez plus a jour le plugin sinon vos fichiers traduits seront remplacé par les originaux.

Laisser un commentaire




XHTML : Vous pouvez utiliser ces balises : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Pour affiché du code HTML, CSS, PHP, JAVASCRIPT utilisé le marqueur : [code][/code]

*Vérification CAPTCHA