Comment automatiser le scan des numéros de suivi La Poste ? (Outil Gratuit)

Vous gérez de nombreux envois en Lettre Suivie ou Colissimo ? Saisir manuellement les 13 ou 14 caractères du numéro de suivi est une source d’erreur et une perte de temps considérable. Grâce à notre outil en ligne gratuit, vous pouvez désormais utiliser votre douchette code-barres pour extraire et copier le numéro instantanément.

Pourquoi utiliser un lecteur de code-barres ?

Le passage à l’automatisation est essentiel pour les vendeurs eBay, Vinted ou Shopify. Scanner le DataMatrix (le carré noir moucheté) de vos timbres permet :

• Zéro erreur de saisie : Le numéro est copié tel qu’il est encodé.
• Rapidité extrême : Traitez 10 enveloppes à la minute au lieu d’une seule.
• Confort : Plus besoin de quitter vos colis des yeux pour regarder votre clavier.

Notre recommandation matériel : Pour ce type d’usage, nous utilisons et recommandons laDouchette Code-Barres Sans Fil Inateck (Amazon). Elle est ultra-réactive et fonctionne sans driver sur PC et Mac. (Lien sponsorisé)

Code Source : Créez votre propre page de scan

Si vous souhaitez héberger cet outil sur votre propre serveur ou l’adapter à vos besoins, voici le script PHP/JS wordpress complet que nous avons conçu. Il est optimisé pour effacer automatiquement le scan précédent et copier le nouveau numéro dans le presse-papiers.

Pour que l’outil fonctionne, ajoutez ce bloc de code dans le fichier functions.php de votre thème ou via l’extension Code Snippets. Ce code crée le shortcode [ scanner_la_poste ].

🚀 Scanner de Lettres Suivies

Utilisez votre douchette pour scanner le code DataMatrix. Le numéro est extrait et copié automatiquement.

    /function shortcode_scanner_suivi() {
ob_start(); ?>

<input type="text" id="scannerInput" placeholder="Cliquez ici puis scannez..." 
           style="width: 100%; max-width: 350px; padding: 15px; border: 2px solid #007bff; border-radius: 8px; font-size: 1.2rem; text-align: center; margin-bottom: 20px;" autofocus>

    <div id="resultArea" style="display: none; background: #f0f7ff; padding: 20px; border-radius: 10px; border: 1px dashed #007bff;">
        <span style="font-size: 0.8rem; color: #555; text-transform: uppercase;">Numéro de suivi copié :</span>
        <div id="displayNumber" style="font-size: 2.2rem; font-weight: bold; color: #007bff; margin: 10px 0;"></div>
        <div id="copyNotice" style="color: #28a745; font-weight: bold; font-size: 0.9rem; opacity: 0; transition: opacity 0.3s;">✅ Copié dans le presse-papiers !</div>
    </div>

    <div style="margin-top: 25px; font-size: 0.85rem; color: #888;">
        <p>Compatible avec les étiquettes de transport La Poste (DataMatrix).</p>
    </div>
</div>

<script>
(function() {
    const input = document.getElementById('scannerInput');
    const resultArea = document.getElementById('resultArea');
    const displayNumber = document.getElementById('displayNumber');
    const copyNotice = document.getElementById('copyNotice');

    input.addEventListener('keydown', function(e) {
        if (e.key === 'Enter') {
            e.preventDefault();
            const raw = this.value.trim();
            if (raw) {
                // Extraction du numéro de suivi (8 à 22 caractères pour La Poste)
                const suivi = (raw.length >= 22) ? raw.substring(8, 22) : raw;

                displayNumber.innerText = suivi;
                resultArea.style.display = 'block';

                // Copie automatique (méthode robuste)
                const temp = document.createElement('textarea');
                temp.value = suivi;
                document.body.appendChild(temp);
                temp.select();
                document.execCommand('copy');
                document.body.removeChild(temp);

                // Animation flash
                copyNotice.style.opacity = '1';
                setTimeout(() => { copyNotice.style.opacity = '0'; }, 1500);
            }
            this.value = ''; // Efface pour le prochain scan
            this.focus();
        }
    });

    // Maintien du focus automatique
    document.addEventListener('click', function(e) {
        if (e.target !== input) input.focus();
    });
})();
</script>
<?php
return ob_get_clean();
}
add_shortcode('scanner_la_poste', 'shortcode_scanner_suivi');