Templates d'emails

📝 Modification d'une template & réinitialisation

Lien pour le sous-menu Templates d'emails

Une template appelée Notification correspond au type de mail que recevra l'adresse [email protected].

Une template appelée Confirmation correspond au type de mail que recevra un utilisateur/client qui aura envoyé un formulaire depuis le site web.

---

Accès à l'éditeur de templates

1. Navigation dans l'administration

1. Connectez-vous à votre tableau de bord WordPress

2. Dans le menu de gauche, cliquez sur "Métal Rouge SAMR"

3. Sélectionnez le sous-menu "Templates d'emails"

2. Interface de l'éditeur

L'éditeur de templates se compose de plusieurs sections :

• Onglets horizontaux : Chaque type d'email (candidatures, contact, etc.)

• Panneau d'édition : Éditeur visuel et éditeur de code

• Panneau d'aperçu : Prévisualisation en temps réel

• Panneau de variables : Variables disponibles pour chaque template

Types de templates disponibles

L'extension gère 6 types de templates :

Templates de candidatures

• Notification de candidature à une offre : Email envoyé aux administrateurs

• Confirmation de candidature à une offre : Email envoyé au candidat

• Notification de candidature spontanée : Email envoyé aux administrateurs

• Confirmation de candidature spontanée : Email envoyé au candidat

Templates de contact

• Notification de message de contact : Email envoyé aux administrateurs

• Confirmation de message de contact : Email envoyé au visiteur

Modification d'un template

1. Sélection du template

1. Cliquez sur l'onglet correspondant au template que vous souhaitez modifier

2. Le template s'affiche automatiquement dans l'éditeur

2. Modes d'édition

Éditeur visuel (recommandé)

• Interface WYSIWYG : Modifiez comme dans un traitement de texte

• Outils de formatage : Gras, italique, listes, alignement, liens

• Facilité d'utilisation : Idéal pour les débutants

Éditeur de code (avancé)

• Édition HTML : Contrôle total du code HTML

• Coloration syntaxique : Mise en évidence du code

• Numérotation des lignes : Navigation facilitée

Dans le cas où on souhaiterais apporter des changement depuis l'éditeur de code sans savoir coder, une simple demande à ChatGPT remplira très le rôle, notamment pour du code simple comme le HTML et le CSS.

3. Utilisation des variables

Variables disponibles

Chaque template dispose de variables spécifiques :

Pour les candidatures à des offres :

{job_title}    - Titre du poste
{name}         - Nom du candidat
{first_name}   - Prénom du candidat
{email}        - Email du candidat
{phone}        - Téléphone du candidat
{message}      - Message du candidat

Pour les candidatures spontanées :

{position}     - Poste recherché
{name}         - Nom du candidat
{first_name}   - Prénom du candidat
{email}        - Email du candidat
{phone}        - Téléphone du candidat
{message}      - Message du candidat

Pour les messages de contact :

{name}         - Nom du contact
{first_name}   - Prénom du contact
{email}        - Email du contact
{phone}        - Téléphone du contact
{subject}      - Sujet du message
{message}      - Contenu du message
{date}         - Date de soumission
{ip_address}   - Adresse IP
{source_page}  - Page source

Insertion de variables

1. Placez votre curseur à l'endroit souhaité dans le texte

2. Cliquez sur le bouton de la variable désirée dans le panneau de droite

3. La variable s'insère automatiquement sous la forme {nom_variable}

4. Aperçu en temps réel

Le panneau de droite affiche un aperçu en temps réel de votre template :

• Mise à jour automatique : L'aperçu se rafraîchit pendant que vous tapez

• Données de démonstration : Utilise des données d'exemple

• Rendu final : Affiche le résultat tel que le recevront vos destinataires

5. Sauvegarde des modifications

Sauvegarde automatique

• Enregistrement : Cliquez sur le bouton "Enregistrer"

• Confirmation : Un message de succès s'affiche

• Badge personnalisé : Un badge "Personnalisé" apparaît pour indiquer que le template a été modifié

Réinitialisation

• Bouton "Réinitialiser" : Remet le template aux valeurs par défaut

• Confirmation : Une confirmation est demandée avant la réinitialisation

• Irréversible : L'action ne peut pas être annulée

Conseils de personnalisation

1. Structure recommandée

<div class="header">
    <h1>Titre principal</h1>
</div>

<div class="content">
    <p>Bonjour {first_name} {name},</p>
    
    <p>Contenu du message...</p>
    
    <div class="info-box">
        <p><strong>Information importante :</strong> {variable}</p>
    </div>
</div>

<div class="signature">
    <p>Cordialement,<br>
    L'équipe Métal Rouge SAMR</p>
</div>

2. Bonnes pratiques

Formatage du texte

• Utilisez des paragraphes : Séparez les idées avec des <p>

• Mettez en évidence : Utilisez <strong> pour les éléments importants

• Créez des listes : Utilisez <ul> et <li> pour les énumérations

Personnalisation

• Informations utiles : Incluez les coordonnées et informations de contact

• Call-to-action : Guidez le destinataire vers l'action suivante

3. Styles CSS intégrés

Le plugin utilise des styles CSS prédéfinis :

.header          - En-tête avec fond rouge
.content         - Contenu principal
.info-box        - Boîte d'information mise en évidence
.signature       - Signature en bas d'email
.footer          - Pied de page
.highlight       - Texte surligné
.note            - Note en italique

Exemples pratiques

1. Template de confirmation de candidature

<div class="header">
    <h1>Confirmation de candidature</h1>
</div>

<div class="content">
    <p>Bonjour {first_name} {name},</p>
    
    <p>Nous avons bien reçu votre candidature pour le poste de <span class="highlight">{job_title}</span>.</p>
    
    <div class="info-box">
        <p><strong>Prochaines étapes :</strong></p>
        <ul>
            <li>Analyse de votre profil</li>
            <li>Entretien téléphonique si sélectionné</li>
            <li>Entretien sur site</li>
        </ul>
    </div>
    
    <p>Nous vous recontacterons sous 48h maximum.</p>
</div>

<div class="signature">
    <p>Cordialement,<br>
    L'équipe RH - Métal Rouge SAMR</p>
</div>

2. Template de notification pour administrateurs

<div class="header">
    <h1>Nouvelle candidature reçue</h1>
</div>

<div class="content">
    <p>Une nouvelle candidature a été reçue pour le poste <strong>{job_title}</strong>.</p>
    
    <div class="info-box">
        <p><strong>Informations du candidat :</strong></p>
        <ul>
            <li><strong>Nom :</strong> {first_name} {name}</li>
            <li><strong>Email :</strong> {email}</li>
            <li><strong>Téléphone :</strong> {phone}</li>
        </ul>
    </div>
    
    <p><strong>Message du candidat :</strong></p>
    <p>{message}</p>
    
    <p><a href="[URL_ADMIN]">Voir toutes les candidatures</a></p>
</div>