Come obbligare gli utenti a registrarsi per leggere gli articoli su WordPress

Hai un blog WordPress e vuoi limitare l’accesso ai tuoi articoli solo agli utenti registrati? Esiste un metodo semplice ed efficace per farlo senza dover installare plugin di membership pesanti: basta un piccolo script JavaScript che sfuma e nasconde il contenuto ai visitatori non loggati, mostrando solo un’anteprima accompagnata da un invito alla registrazione.

Il meccanismo è intuitivo. Se un utente non è loggato, gli articoli vengono sfumati e troncati dopo un certo numero di caratteri, lasciando visibile solo un estratto con un messaggio che lo invita a registrarsi. Se invece l’utente ha effettuato l’accesso, il contenuto appare completo e senza restrizioni. Questo sistema permette di aumentare le registrazioni al sito senza compromettere l’esperienza utente.

Implementarlo è facilissimo. Si può inserire il codice in due modi: utilizzando un plugin gratuito come Simple Custom CSS and JS oppure sfruttando il campo di tracciamento JavaScript presente in molti temi. Per esempio, Avada permette di aggiungere codice personalizzato direttamente dalla dashboard.

Ecco il codice JavaScript da copiare e incollare:

<script>
document.addEventListener("DOMContentLoaded", function () {
    function isPostContainerPresent() {
        return !!document.querySelector("#posts-container");
    }
    if (isPostContainerPresent()) {
        console.log("Post container trovato. Script non eseguito.");
        return;
    }
    const posts = document.querySelectorAll(".type-post.category-marketing-pratico .post-content");
    posts.forEach(post => {
        const maxLength = 2500;
        const originalContent = post.innerHTML.trim();
        if (originalContent.length > maxLength) {
            const truncatedContent = originalContent.slice(0, maxLength) + '...';
            const truncatedWrapper = document.createElement('div');
            truncatedWrapper.innerHTML = truncatedContent;
            truncatedWrapper.classList.add("truncated-content");
            post.innerHTML = "";
            post.appendChild(truncatedWrapper);
            const message = document.createElement('h4');
            message.innerText = '... Registrati e accedi per leggere l\'articolo completo!';
            message.style.marginTop = "20px";
            post.appendChild(message);
            post.classList.add("modified-by-script");
        }
    });
});
</script>

Una volta implementato lo script, i visitatori non registrati vedranno solo una porzione del contenuto con l’invito alla registrazione, mentre gli utenti loggati avranno accesso all’intero articolo senza limitazioni. Un metodo rapido ed efficace per incentivare le iscrizioni senza dover stravolgere la struttura del sito o installare plugin aggiuntivi. Provalo subito e vedi come cambia il tasso di registrazione!