Afficher le Prénom d'un lead sur Thank You Page🔥

A mettre sur la page Optin

<script type="text/javascript">
    function saveName() {
        // Récupérer les valeurs des champs d'entrée
        const prenom = document.getElementById('form-input-2592a6bd').value;
        const email = document.getElementById('form-input-213e069e').value;

        // Vérifier que les champs ne sont pas vides
        if (prenom && email) {
            // Sauvegarder le prénom et l'email dans le stockage local du navigateur
            localStorage.setItem('prenom', prenom);
            localStorage.setItem('email', email);
        } else {
            alert('Veuillez remplir tous les champs.');
        }
    }

    // Attacher la fonction saveName à l'événement de clic du bouton
    document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('button-a8765457').addEventListener('click', saveName);
    });
</script>





A mettre sur la thank you page : 

<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        const prenom = localStorage.getItem('prenom');
        if (prenom) {
            const titleElement = document.getElementById('headline-7fee0d19');
            titleElement.innerHTML = `Félicitations <span class="styled-name">${prenom}</span>, tes templates ont été envoyés`;
        }
    });
</script>





Pour l’effet derrière le prenom


<style>
    .styled-name {
        color: #FF0004;
        position: relative;
    }
    .styled-name::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -5px; /* Ajustez cette valeur pour déplacer le soulignement plus près ou plus loin du texte */
        width: 100%;
        height: 2px; /* Épaisseur du soulignement */
        background: linear-gradient(36deg, rgba(11,10,11,1) 30%, rgba(255,0,4,1) 100%);
        border-radius: 5px; /* Optionnel : pour rendre le soulignement avec des coins arrondis */
    }
</style>