Sélectionner une page
Docker et Portainer sur ubuntu

Docker et Portainer sur ubuntu

J’ai décidé d’installer un système de lecture et édition de pdf sur un PC (linux) qui sera accessible en permanence dans mon réseau local et de l’extérieur. J’ai choisi d’installer StirlingPDF, dans un « container », après avoir lu des articles (en particulier sur le site xda-developers.com).

Ajout du 2 mai 2026

Un mot sur l’organisation des données : dans ce tutoriel, Portainer est installé avec un « named volume » (portainer_data) géré automatiquement par Docker. C’est le comportement par défaut — simple à mettre en place, mais qui rend les sauvegardes difficiles car les fichiers sont stockés dans un dossier système caché.

Une fois à l’aise avec Docker, je te recommande de lire l’article Docker (et Portainer) – regrouper les données pour apprendre à tout centraliser au même endroit en vue de sauvegardes automatiques.

c’est quoi un container, Docker et Portainer ?

Claude (IA) a concocté une belle métaphore pour expliquer ça :

Imagine que tu veuilles installer plusieurs petits ateliers spécialisés dans ton entreprise : un pour le découpage, un pour la peinture, un pour l’assemblage. Plutôt que de construire des bâtiments séparés (coûteux et compliqué), tu installes des préfabriqués modulaires dans ton hangar existant. Chaque préfabriqué est indépendant, contient exactement ce dont l’atelier a besoin, et si l’un brûle, les autres continuent de fonctionner.

Docker, c’est le système de préfabriqués. Chaque logiciel (ton outil PDF, ta domotique, ta gestion documentaire) vit dans sa propre boîte étanche appelée « conteneur ». Il n’interfère pas avec les autres, et si tu en as marre, tu jettes la boîte sans laisser de trace.

Portainer, c’est le chef de chantier. Sans lui, tu gérerais tes préfabriqués en tapant des ordres cryptiques dans un terminal. Avec lui, tu as un tableau de bord visuel : tu vois d’un coup d’oeil quels ateliers tournent, tu peux les démarrer, les arrêter, lire leurs journaux de bord, tout ça avec ta souris.

En résumé, Docker permet de créer des compartiments avec tout ce qui est nécessaire à un logiciel. Portainer est une interface de gestion web, pour accéder aux containers de façon simple, sans recourir à la ligne de commandes.

Go ! On installe Docker

Ouvre ton terminal sur Ubuntu et suis ces étapes :

1. Nettoyage et préparation

On s’assure que le système est à jour et qu’il n’y a pas de vieux restes de Docker.

sudo apt update
sudo apt upgrade -y

2. Installation du dépôt officiel Docker

C’est la méthode la plus propre pour avoir une version toujours à jour. Copie et colle ce bloc d’un coup :

# Ajoute la clé GPG officielle de Docker :
sudo apt-get update
sudo apt-get install ca-certificates curl
sudo install -m 0755 -d /etc/apt/keyrings
sudo curl -fsSL https://download.docker.com/linux/ubuntu/gpg -o /etc/apt/keyrings/docker.asc
sudo chmod a+r /etc/apt/keyrings/docker.asc

# Ajoute le dépôt aux sources Apt :
echo \
  "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.asc] https://download.docker.com/linux/ubuntu \
  $(. /etc/os-release && echo "$VERSION_CODENAME") stable" | \
  sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
sudo apt-get update

3. Installation de Docker et Docker Compose

sudo apt-get install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin

4. Utiliser Docker sans « sudo »

C’est indispensable pour ton confort. Cela permet de lancer des commandes Docker sans que l’ordi ne te demande ton mot de passe à chaque fois.

sudo usermod -aG docker $USER

IMPORTANT : Pour que cette modification soit prise en compte, tu dois redémarrer ta session Ubuntu (déconnexion/reconnexion) ou redémarrer carrément le Beelink.

5.  Vérification

Une fois que tu as redémarré ta session, ouvre un terminal et tape :

docker run hello-world

Si tu vois un message disant « Hello from Docker ! », c’est gagné : ton Beelink est officiellement un serveur capable de faire tourner des conteneurs.

Ca fonctionne !

Et maintenant, installation de Portainer

Portainer est l’interface de gestion visuelle de Docker.

Portainer est lui-même un conteneur Docker. Il va « surveiller » Docker pour toi et t’offrir une interface web simplifiée.

créer un volume pour les réglages de Portainer

Crée un volume pour que Portainer garde tes réglages en mémoire même si tu redémarres l’ordi :

docker volume create portainer_data

Lance l’installation de Portainer

docker run -d -p 8000:8000 -p 9443:9443 --name portainer --restart=always -v /var/run/docker.sock:/var/run/docker.sock -v portainer_data:/data portainer/portainer-ce:latest

Accède à l’interface depuis ton Windows 11

  • Ouvre ton navigateur et tape : https://[IP_DU_BEELINK]:9443
  • Note : Ton navigateur va te dire que la connexion n’est pas privée (car c’est un certificat auto-signé). Clique sur « Paramètres avancés » puis « Continuer vers le site ».
  • Crée ton compte administrateur (choisis un mot de passe et garde-le bien).

Ca fonctionne !

proxmox ou pas ?

proxmox ou pas ?

J’ai un ordinateur sous linux que je veux utiliser pour plusieurs activités :

  • examiner l’offre logicielle Linux pour étudier l’éventualité de quitter complètement l’environnement Windows ;
  • héberger un système de traitement de pdf interne (pour ne pas acheter des solutions coûteuses et éviter les systèmes en ligne désastreux pour la confidentialité) ;
  • héberger un système domotique pour ma maison et mon bureau ;
  • peut-être héberger un système de gestion documentaire ;
  • apprendre à bien utiliser les moyens modernes d’installation de logiciels (docker, virtualisation, ….) et de sécurisation des réseaux.

Ca fait beaucoup d’activités !

Mais j’avais besoin de savoir si je choisissais d’installer Proxmox, dont j’avais entendu parler. Il me semblait qu’il y avait en particulier l’intérêt d’une grande sécurité (voir en particulier cet article d’Aurélien Brunet : Domotique Indestructible : Créez un Cluster Proxmox à Haute Disponibilité pour Home Assistant).

J’ai demandé à Claude (Sonnet 4.6) et voici ce qu’elle m’a répondu :

« Docker/Portainer : le bon choix pour toi, maintenant

Tu as eu raison. Voici pourquoi :

Tu gardes un vrai ordinateur. Ton Beelink reste utilisable comme PC Ubuntu au quotidien, ce qui correspond exactement à ton premier objectif : explorer l’écosystème Linux comme alternative à Windows. Avec Proxmox, la machine devient un serveur pur, tu perds cet usage desktop.

La courbe d’apprentissage est progressive. Tu vas déjà apprendre Docker, Portainer, les réseaux, le reverse proxy, les certificats SSL, Samba… C’est déjà substantiel. Proxmox t’aurait ajouté une couche de complexité (gestion des VMs, des bridges réseau, des snapshots) avant même de commencer.

Pour tes usages prévus, Docker suffit largement. Stirling PDF, Home Assistant, Paperless-ngx (gestion documentaire) : tous ont des images Docker maintenues et documentées. Tu n’as pas besoin de l’isolation totale que donne Proxmox. »

Ces arguments m’ont convaincue. J’ai donc décidé de me passer de Proxmox pour l’instant.

Dans les prochains articles je vais explorer Docker et Portainer en installant un système de gestion des PDF, stirlingPDF puis voir comment accéder à stirlingPDF de l’extérieur par un reverse Proxy et un certificat Let’s Encrypt.

Mon mini ordinateur Linux

Mon mini ordinateur Linux

J’ai eu l’occasion de récupérer un ordinateur Beelink SEI8. Il est sous Ubuntu comme l’indique le system report généré par l’appareil :

La personne qui a installé ubuntu a également ajouté les éléments suivants :

apt install build-essential
apt install tree mc ssh net-tools htop
apt install software-properties-common
apt install openssh-server
apt install samba apt install samba-common-bin

je peux me connecter à cet ordinateur en ssh depuis mon pc windows si je le souhaite.

répertoire partagé sur un réseau

répertoire partagé sur un réseau

J’ai un ordinateur Linux et un ordinateur windows sur le même réseau. J’ai voulu disposer d’un répertoire commun dans lequel je peux échanger simplement des fichiers. Pour cela j’utilise SAMBA dans l’ordinateur Linux. SAMBA c’est l’implémentation du protocole SMB (Server Message Block), le langage standard créé par Microsoft pour le partage de fichiers et d’imprimantes. Ainsi on peut partager des fichiers et des répertoires entre deux systèmes d’exploitation distincts.

Le principe

Un ou plusieurs répertoires du disque dur de mon ordinateur Linux devient un dossier partagé sur ton réseau. Le répertoire est accessible normalement sur l’ordinateur Linux ET sur l’ordinateur Windows (11).

1. Installer Samba sur Ubuntu

Sur l’ordinateur Ubuntu, ouvre un Terminal (raccourci Ctrl + Alt + T) et saisie les commandes suivantes :

sudo apt update
sudo apt upgrade -Y
sudo apt install samba

2. Créer et préparer le dossier à partager

Tu peux partager un dossier existant ou en créer un nouveau, par exemple appelé « Partage ».

  1. Crée le dossier : mkdir ~/Partage
  2. Donne-lui les droits pour que tu puisses y copier des fichiers sans blocage : chmod 777 ~/Partage

3. Configurer le partage

On va modifier le fichier de configuration de Samba :

  • Ouvre le fichier :
sudo nano /etc/samba/smb.conf
  • Descends tout en bas du fichier avec les flèches de ton clavier et ajoute ceci :
[Beelink-Share]
   path = /home/TON_NOM_UTILISATEUR/Partage
   browseable = yes
   read only = no
   guest ok = no

Attention : Remplace TON_NOM_UTILISATEUR par ton vrai nom de session Ubuntu.

  1. Sauvegarde : Ctrl + O, puis Entrée, puis quitte avec Ctrl + X.
  2. Redémarre le service :
sudo systemctl restart smbd

4. Définir un mot de passe Samba

Pour que Windows accepte de se connecter, Samba a besoin de son propre mot de passe (il peut être le même que ta session Ubuntu, mais il doit être enregistré spécifiquement). Tape :

sudo smbpasswd -a TON_NOM_UTILISATEUR

Saisis le mot de passe deux fois. Attention, rien ne s’affiche à l’écran quand tu tapes, c’est normal.

5. Accéder au dossier depuis Windows 11

Comment trouver l’adresse IP de ton Beelink ?

Sur l’ordinateur Linux, dans le terminal, tape : hostname -I. C’est généralement une suite de chiffres comme 192.168.x.x.

Maintenant, retourne sur ton PC principal Windows 11 :

  1. Ouvre l’explorateur de fichiers.
  2. Dans la barre d’adresse en haut, tape : \\ADRESSE_IP_DU_LINUX (ex: \\192.168.1.50).
  3. Windows va te demander un nom d’utilisateur et le mot de passe que tu viens de créer.
  4. Astuce : Fais un clic droit sur le dossier qui apparaît et choisis « Connecter un lecteur réseau ». Il apparaîtra désormais comme un disque dur classique (Z:, Y:, etc.) dans ton poste de travail.

Et voilà !

Ton pont entre Windows et Ubuntu est prêt. Désormais, tout ce que tu glisses dans ce dossier sur Windows sera physiquement sur l’ordinateur Ubuntu et vice versa.
Me voici prête pour des tâches plus complexes.

Afficher la date de mise à jour

Afficher la date de mise à jour

Divi ne propose pas nativement de module pour afficher la date de dernière modification. Sur des acticles techniques c’est pourtant une information essentielle pour les lecteurs.

Dans ce tuto, nous allons voir comment booster notre extension maison clea-divi-add-functions pour créer un shortcode intelligent et comment l’intégrer proprement dans le Theme Builder. Cet article suppose qu’on a un site avec WordPress, le thème DIVI

Cette extension a été créé il y a longtemps (2017). Voir Une extension pour ajouter des fonctionnalités au thème Divi (WordPress). Le code complet, mis à jour aujourd’hui, est disponible sur github ici.

Etape 1 créer un shortcode pour afficher la date de mise à jour

Je l’ajoute dans le fichier includes/cdaf-editor.php de mon extension.

/**
 * Enregistrement du shortcode sur le hook 'init'
 * C'est l'étape cruciale pour que Divi l'interprète correctement.
 */
add_action('init', 'clea_register_shortcodes');

function clea_register_shortcodes() {
    add_shortcode('date_maj', 'clea_date_maj_shortcode');
}

/**
 * Logique du shortcode [date_maj]
 */
function clea_date_maj_shortcode($atts) {
    $date_modif = get_the_modified_date('d/m/Y');
    $date_publi = get_the_date('d/m/Y');

    // On n'affiche le texte que si une modification réelle a eu lieu
    if ($date_modif && $date_modif !== $date_publi) {
        return ' | Mis à jour le ' . esc_html($date_modif);
    }

    return ''; // Renvoie vide si l'article est "neuf"
}

Maintenant si je met le short code [date_maj] n’importe où dans mon site, il sera remplacé par | Mis à jour le 16 mai 2026 pour le lecteur.

Etape 2 afficher automatiquement la date de mise à jour

Passer au Theme Builder DIVI (Générateur de thèmes) va permettre de rendre systématique l’affichage des articles.

1. Créer le modèle de base

  1. Allez dans Divi > Theme Builder.
  2. Cliquez sur Ajouter un nouveau modèle > Tous les articles.
  3. Cliquez sur Ajouter un corps personnalisé > Créer un corps personnalisé.

2. La structure des colonnes

mon site utilise actuellement une mise en page avec une barre latérale à droite.

  • Dans l’éditeur, insérer une Section standard.
  • Choisir une structure de ligne avec deux colonnes : une large à gauche (2/3) et une plus étroite à droite (1/3).

3. colonne de GAUCHE (Le contenu)

Vous devez empiler les modules suivants :

  1. Module Fil d’Ariane (Breadcrumbs) : avec l’extension Yoast SEO, insérer un module Code ou Texte avec le shortcode [ Accueil » Tous les articles].
  2. Module Titre du poste (Post Title) :
    • C’est ici que s’affiche le titre H1 automatiquement.
    • Réglages : Allez dans Éléments et activez « Afficher le Titre », « Afficher les Métadonnées » (Auteur, Catégories, Commentaires).
  3. Module Texte (Pour la Date de Mise à jour) :
    • insérer un module Code ou Texte. Y placer [date_maj].
    • Stylez ce texte en gris clair et italique pour qu’il soit discret.
  4. Module Contenu du poste (Post Content) :
    • CRUCIAL : Sans ce module, le texte de vos articles ne s’affichera pas. C’est lui qui « appelle » le contenu que vous rédigez dans chaque article.

4. colonne de DROITE (La Sidebar)

Pour retrouver vos widgets actuels :

  1. Ajoutez un module Barre latérale (Sidebar).
  2. Sélectionnez la zone de widgets nommée « Sidebar » (ou « Barre latérale principale »).
  3. Cela affichera automatiquement vos sections « Articles de cette série », « Rechercher », etc.

et voilà

Maintenant lorsqu’un article a été mis à jour (et uniquement dans ce cas, la date de mise à jour s’affiche). Comme dans cette capture d’écran :

Publications simultanée Facebook et Instagram

Publications simultanée Facebook et Instagram

Ce tuto s’applique à une page Facebook, pas à un compte individuel.

Pour que vos publications Facebook soient automatiquement relayées sur Instagram via la Meta Business Suite, il y a deux étapes clés : l’association des comptes et l’activation de la synchronisation.

1. Prérequis : Lier vos comptes

Si votre compte Instagram est un compte personnel, il sera automatiquement transformé en compte professionnel.

  1. Allez sur votre compte Facebook sur ordinateur.
  2. Cliquez sur l’icône de roue dentée Paramètres (en bas à gauche).
  3. Allez dans l’onglet Comptes associés, puis cliquez sur Comptes Instagram.
  4. Cliquez sur Ajouter et connectez-vous avec vos identifiants Instagram pour finaliser le lien.

2. Activer la publication simultanée

C’est une méthode manuelle. Il est possible de synchroniser les comptes mais dans ce cas on se heurte au fait que les posts Facebook ne peuvent plus profiter de toutes les possibilités car ils doivent être conformes aux normes Instagram. Par exemple Instagram n’accepte pas les liens cliquables dans les légendes, ou refuse qu’il y ait plusieurs visuels pour un seul post. Facebook est beaucoup plus souple.

  • Cliquez sur Créer une publication.
  • Dans la section Publier dans, cochez à la fois votre Page Facebook et votre Compte Instagram.
  • Utilisez l’option Personnaliser la publication pour Facebook et Instagram. Cela vous permet, par exemple, d’ajouter des hashtags spécifiquement pour Instagram sans polluer votre post Facebook.
Facebook et Instagram, un post en un seul clic !

Préparer un article optimisé pour les deux réseaux

Je prends ici un exemple d’articles d’une liste de candidats aux prochaines municipales.

Pour réussir vos publications sur les deux réseaux simultanément, l’astuce est d’utiliser la fonction « Personnaliser la publication pour Facebook et Instagram » dans la Meta Business Suite. Cela vous permet d’avoir un texte de base commun, tout en ajustant les détails qui font la différence sur chaque plateforme.

1. Le Visuel (Indispensable)

  • Format : Utilisez une image au format Carré (1:1) ou Portrait (4:5).
  • Contrainte : Instagram refuse les publications sans image ou vidéo. Assurez-vous que l’image est bien centrée pour éviter le rognage automatique sur mobile.

2. Le Texte Commun

[TITRE EN MAJUSCULES]

Contenu

Les Ajustements Spécifiques

Version Facebook (Le lien direct)

  • Lien : Ajoutez le lien direct vers l’article complet sur votre site : https://domaine/portrait-de-xxx.
  • Interaction : « N’hésitez pas à poser vos questions en commentaire ! »
  • Hashtags : 1 ou 2 maximum (ex: #blbabla #Elections2026).

Version Instagram (Le visuel et les tags)

  • Lien : Ne mettez pas de lien dans la légende, il ne sera pas cliquable. Écrivez plutôt : Plus d’infos via le lien dans notre bio !.
  • Hashtags : Ajoutez un bloc de hashtags pour la visibilité locale.
    • Exemple : #Plonéour #Lanvern #PaysBigouden #Municipales2026 #EngagementCitoyen #Agir29720

4. Checklist de publication dans Meta Business Suite

  1. Cochez les deux cases : Page Facebook et Compte Instagram.
  2. Importez votre photo.
  3. Activez le bouton Personnaliser la publication.
  4. Dans l’onglet Facebook, insérez votre lien URL.
  5. Dans l’onglet Instagram, retirez le lien et ajoutez vos hashtags.
  6. Utilisez le bouton Programmer pour choisir le moment idéal (souvent vers 18h-19h en semaine pour une audience locale).
WordPress + Postie : transformer un email en article automatiquement

WordPress + Postie : transformer un email en article automatiquement

Tu gères un site associatif, un blog collaboratif ou un site d’entreprise ? Tu veux que des contributeurs puissent publier sans se connecter à WordPress ?

Avec le plugin Postie, ils envoient un simple email, et l’article se crée automatiquement. Toi, tu reçois une notification et tu publies en un clic.


Comment ça marche ?

Voici le parcours d’un article, de l’email à la mise en ligne :

ÉtapeCe qui se passe
1Le contributeur rédige son article dans sa messagerie habituelle (Gmail, Outlook…)
2Il envoie l’email à une adresse dédiée (ex : articles@ton-site.com)
3Postie relève cette boîte mail (toutes les 30 min par exemple)
4L’email devient un brouillon : sujet → titre, corps → contenu, 1ère photo → image à la une
5Tu reçois une notification « Nouvel article en attente »
6Tu vérifies, tu corriges si besoin, tu cliques sur Publier

Ce qu’il te faut

Les liens vers les extensions sont indiqués en bas de cet article.

  • Une adresse email dédiée (ex : articles@ton-domaine.com) avec ses paramètres IMAP
  • L’extension Postie (gratuite)
  • L’extension Brevo configurée (pour recevoir les notifications) → Envoyer des messages avec Brevo
  • L’extension Clean Image Filenames (recommandée) pour éviter les problèmes d’accents dans les noms de fichiers

Configuration pas à pas

1. Crée une adresse email dédiée

Chez ton hébergeur (OVH, Gandi, o2switch…), crée une adresse comme articles@ton-domaine.com.

Note bien les paramètres IMAP :

  • Serveur : ssl0.ovh.net (exemple pour OVH)
  • Port : 993
  • Protocole : IMAP-SSL

2. Installe et configure Postie

Installe l’extension Postie depuis WordPress, puis configure ces onglets :

Onglet Mailserver (connexion à la boîte mail)

ParamètreValeur
ProtocoleIMAP-SSL (pas IMAP seul !)
Port993
Serveurssl0.ovh.net (ou celui de ton hébergeur)
Nom d’utilisateurL’adresse complète : articles@ton-domaine.com
Mot de passeLe mot de passe de cette adresse
Check for mail every30 minutes
Supprimer l’e-mail après publicationYes (IMPORTANT, sinon les articles s’accumulent)

Onglet User (sécurité)

ParamètreValeur
Authorized AddressesYes – seuls les utilisateurs autorisés peuvent publier
Allow Anyone To PostNon – très important pour éviter le spam !

💡 Ajoute les adresses email autorisées dans les réglages de Postie. Si quelqu’un d’autre envoie un mail, tu recevras une alerte et pourras l’autoriser ou non.

Onglet Message (contenu)

ParamètreValeur
État par défautPending (En attente de relecture)
FormatHTML (pour conserver gras et italique)

Onglet Image

ParamètreValeur
Use First Image as Featured ImageYes

3. Installe Clean Image Filenames (recommandé)

Cette extension transforme automatiquement Hélène à la mer.jpg en helene-a-la-mer.jpg.

Sans elle, les accents et espaces dans les noms de fichiers peuvent causer des bugs d’affichage.

💡 Dans les réglages, active la correction pour tous les types de fichiers (pas seulement les images).


4. Configure un modèle Divi (si tu utilises Divi)

Pour éviter d’activer manuellement le constructeur sur chaque article reçu :

  1. Va dans Divi → Theme Builder
  2. Crée un modèle appliqué à Tous les articles
  3. Dans le corps personnalisé, ajoute :
    • Un module Titre du poste (avec l’image à la une)
    • Un module Contenu de la publication (obligatoire : c’est là que s’affiche le texte)

Ainsi, chaque article reçu par email s’affiche automatiquement avec ta mise en page.


5. Teste le système

  1. Dans les réglages Postie, clique sur Traiter les emails
  2. Envoie un email de test depuis une adresse autorisée
  3. Vérifie qu’un brouillon apparaît dans Articles → En attente
Avec Postie, un mail à WordPress et on a un article !

Guide pour tes contributeurs

Envoie ce mode d’emploi à ceux qui vont écrire :


Comment envoyer un article sur le site ?

  1. Ouvre ton application email habituelle
  2. Destinataire : articles@ton-site.com
  3. Sujet : écris le titre de ton article
  4. Corps du mail : rédige ton texte (tu peux utiliser gras et italique)
  5. Photos : ajoute-les en pièces jointes
    • ⚠️ La première photo sera l’image de couverture
    • Les suivantes apparaîtront dans l’article
  6. À la fin de ton texte, ajoute cette ligne : -- ou ---
    • Tout ce qui suit (signature, logo…) sera supprimé
  7. Envoie ! L’équipe validera et publiera ton article.

Guide pour les administrateurs

Procédure de validation

  1. Tu reçois un email « New Post created by Postie… »
  2. Connecte-toi à l’admin WordPress
  3. Va dans Articles → En attente
  4. Ouvre l’article et vérifie :
    • Les fautes éventuelles
    • L’image à la une (colonne de droite)
  5. Clique sur Publier
  6. C’est en ligne !

En résumé

Ce que tu configuresPourquoi
Adresse email dédiéeRecevoir les articles des contributeurs
PostieTransformer les emails en brouillons WordPress
BrevoRecevoir les notifications « nouvel article »
Clean Image FilenamesÉviter les bugs avec les accents
Modèle DiviMise en page automatique des articles

Dépannage

Je ne reçois pas la notification « nouvel article » → Vérifie que Brevo est bien configuré pour les emails transactionnels

L’article se crée mais les images ne s’affichent pas → Installe Clean Image Filenames et vérifie les noms de fichiers

Un inconnu a envoyé un email à l’adresse Postie → Tu reçois une alerte. L’article est créé en brouillon mais tu peux le supprimer et ne pas autoriser l’expéditeur.


Le lien vers les extensions WordPress

Configurer l’envoi d’emails WordPress avec Brevo (guide complet)

Configurer l’envoi d’emails WordPress avec Brevo (guide complet)

Tes notifications WordPress n’arrivent jamais ? Tes formulaires de contact finissent en spam ? C’est normal : WordPress utilise une méthode d’envoi (PHP mail) que Gmail, Outlook et Yahoo bloquent systématiquement.

La solution : passer par Brevo, un service d’emailing gratuit qui sert de relais SMTP fiable.


Pourquoi ça ne marche pas sans Brevo ?

Par défaut, WordPress envoie ses emails « en direct » depuis ton hébergeur. Problème : sans authentification, ces messages ressemblent à du spam pour les grandes messageries.

Avec Brevo, tes emails passent par des serveurs reconnus et authentifiés. Résultat : ils arrivent dans la boîte de réception, pas dans les indésirables.


Étape 1 – Crée ton compte Brevo et génère une clé API

  1. Va sur Brevo.com et crée un compte gratuit
  2. Clique sur ton profil (en haut à droite) → SMTP et API
  3. Dans l’onglet « Clés API », clique sur + Générer une nouvelle clé API
  4. Donne-lui un nom (ex : « Site WordPress »)
  5. Copie immédiatement la clé – elle ne sera plus visible ensuite !

Étape 2 – Connecte l’extension WordPress

  1. Dans WordPress, installe et active l’extension Brevo
  2. Va dans Réglages → Brevo (tout en bas du menu)
  3. Colle ta clé API dans le champ prévu
  4. Clique sur Login ou Connect

Ton compte est maintenant lié.


Étape 3 – Active l’envoi d’emails transactionnels

C’est le réglage crucial qui fait tout fonctionner.

  1. Dans les réglages Brevo, trouve la section Transactional Email
  2. Coche « Yes, use Brevo to send WordPress emails »
  3. Choisis un expéditeur par défaut (ex : contact@ton-domaine.com)
  4. Sauvegarde

À partir de maintenant, tous les emails de WordPress (notifications, formulaires, réinitialisations de mot de passe…) passent par Brevo.


Étape 4 – Authentifie ton domaine (SPF, DKIM, DMARC)

Pour que tes emails soient vraiment fiables, tu dois prouver aux messageries que Brevo a le droit d’envoyer des emails en ton nom. si tu n’as jamais fait, je t’ai mis le lien vers deux articles que j’ai créé sur ce sujet tout en bas de cet article.

Ce que tu dois faire :

  1. Dans Brevo, va dans Expéditeurs & Domaines
  2. Ajoute ton domaine et suis les instructions
  3. Brevo te donne des enregistrements DNS à ajouter chez ton hébergeur (OVH, Gandi, etc.)

Points importants :

⚠️ Un seul champ SPF et un seul champ DMARC par domaine ! Si tu en as déjà, il faut les fusionner, pas en créer de nouveaux.

Exemple de champ DMARC complet :

v=DMARC1;p=none;pct=100;rua=mailto:ton-email@ton-domaine.com,rua@dmarc.brevo.com;sp=none;aspf=r;

L’authentification est généralement immédiate, mais peut prendre jusqu’à 24 heures.


Étape 5 – Teste que tout fonctionne

de WordPress à son destinataire sans passer par la case SPAM !
  1. Dans l’extension Brevo sur WordPress, cherche le bouton « Send a test email »
  2. Envoie un test à ta propre adresse
  3. Tu le reçois ? 🎉 C’est gagné !

Si le test n’arrive pas, vérifie :

  • Que l’authentification du domaine est bien validée dans Brevo
  • Que tu as bien coché « Use Brevo to send WordPress emails »
  • Ton dossier spam (au cas où)

En résumé

ÉtapeCe que tu fais
1Crée un compte Brevo et génère une clé API
2Installe l’extension Brevo et connecte-la
3Active « Use Brevo to send WordPress emails »
4Authentifie ton domaine (DNS : SPF, DKIM, DMARC)
5Envoie un email de test

Pour aller plus loin

Google Fonts sur Windows : le guide express

Google Fonts sur Windows : le guide express

Tu veux utiliser une belle police Google Fonts dans Word, Canva ou Photoshop ? Voici comment l’installer en 3 étapes simples.

Pourquoi installer une police ?

Les polices de Google Fonts (comme Open Sans ou Montserrat) sont gratuites et élégantes. Mais pour les utiliser dans tes logiciels, tu dois les installer sur ton ordinateur. Pas de panique : c’est rapide !

Étape 1 – Télécharge et dézippe

  1. Va sur Google Fonts
  2. Cherche ta police (par exemple « Montserrat »)
  3. Clique sur Download family en haut à droite
  4. Dans ton dossier Téléchargements, fais un clic droit sur le fichier .zip
  5. Choisis Extraire tout… et valide

Un nouveau dossier s’ouvre avec les fichiers de police (.ttf ou .otf).

Étape 2 – Installe pour tous les utilisateurs

C’est l’étape clé. Tu vas dire à Windows de rendre cette police accessible partout.

  1. Ouvre le dossier dézippé
  2. Repère les fichiers de police (icône avec un « A »)
  3. Fais un clic droit sur le fichier
  4. Clique sur Installer pour tous les utilisateurs

💡 Tu ne vois pas cette option ? Clique d’abord sur « Afficher plus d’options » tout en bas du menu contextuel.

Pourquoi « pour tous les utilisateurs » ? Cela place la police dans le dossier système C:\Windows\Fonts. Tous tes logiciels la trouveront sans problème.

⚠️ Attention : certaines polices contiennent plusieurs variantes (normal, italique, gras…). Répète l’opération pour chaque fichier .ttf ou .otf que tu veux utiliser.

Étape 3 – Vérifie que ça marche

  1. Ouvre Word, LibreOffice ou ton logiciel préféré
  2. Cherche ta nouvelle police dans la liste des polices
  3. Tu ne la vois pas ? Ferme et rouvre ton logiciel – les polices installées n’apparaissent qu’après redémarrage de l’application

🎉 C’est fait ! Tu peux maintenant supprimer le fichier .zip et le dossier extrait de tes téléchargements.

Créer une campagne RSS avec Brevo

Créer une campagne RSS avec Brevo

Vous publiez régulièrement sur votre site WordPress et aimeriez que vos abonnés reçoivent automatiquement vos nouveaux articles ? Ce guide vous accompagne étape par étape pour connecter votre flux RSS à Brevo et mettre votre newsletter en pilote automatique.

Étape 1 : Récupérer votre flux RSS

Puisque vous êtes sur WordPress, votre flux est natif. Votre URL de flux est : https://parcours-performance.com/feed/ (Copiez cette adresse, vous en aurez besoin tout de suite).


Étape 2 : Créer l’intégration RSS dans Brevo

  1. Connectez-vous à Brevo.
  2. Cliquez sur votre nom en haut à droite > Intégrations (ou « Plugins et Intégrations »).
  3. Dans la barre de recherche, tapez « RSS ».
  4. Cliquez sur « Campagne RSS » et choisir l’intégration « RSS campaign » :
  1. Donnez un nom à l’intégration (ex:  » Newsletter PP hebdo »).
  2. Cliquez sur Créer une intégration.

Étape 3 : Configurer le flux

  1. URL du flux RSS : Collez https://parcours-performance.com/feed/
  2. Cliquez sur Charger le flux RSS.
  3. Si tout va bien, vos derniers articles s’affichent en prévisualisation. Cliquez sur Continuer.

Étape 4 : Le Design (Appliquer vos couleurs)

C’est ici qu’on va personnaliser le modèle pour qu’il ressemble à votre image jointe et utilise votre charte graphique.

  1. Choix du template : Choisissez le modèle  » Template par défaut » (c’est le plus simple à modifier).

Voir le document d’aide de Brevo, avec des explications sur le template par défaut https://help.brevo.com/hc/fr/articles/360016993299-Comprendre-le-format-du-template-RSS-par-d%C3%A9faut 

  1. Dans l’éditeur, vous allez voir des blocs avec du code bizarre ({feed.ITEMS…}). Ne touchez pas à ce code, c’est ce qui fait venir les articles.
  2. Modifier le contenu et le design.
  3. Une fois le design à votre goût, cliquez sur Continuer.

Étape 5 : Les destinataires

Retourner dans l’intégration

Brevo va vous demander à qui envoyer. Sélectionnez une liste.

Vous ne pouvez sélectionner qu’une seule liste de contacts par intégration de campagne RSS créée. Si vous souhaitez envoyer vos campagnes RSS à plusieurs listes de contact, vous devrez créer plusieurs intégrations de campagnes RSS.

Cliquez sur Continuer.


Étape 6 : La Fréquence (L’astuce pour le « toutes les 2 semaines »)

Brevo propose « Tous les jours », « Toutes les semaines » ou « Tous les mois ». Il n’y a pas de bouton « Toutes les 2 semaines ».

La stratégie à adopter : Choisissez « Toutes les semaines » (Weekly).

  • Sélectionnez le jour (ex: Mardi) et l’heure (ex: 09:00).
  • La newsletter ne sera envoyée que s’il y a du nouveau contenu depuis la dernière date d’envoi (le mardi précédent dans notre exemple).

Étape 7 : Valider et Activer

  1. Vérifiez le résumé.
  2. Cliquez sur Enregistrer et Activer.

C’est fini ! Votre newsletter est maintenant en pilote automatique. Dès que vous publierez sur votre site, Brevo s’occupera du reste la semaine suivante.