Un paywall (o barriera di pagamento) nasconde contenuti selezionati (per esempio articoli esclusivi) sul tuo sito web. Invita chi ti visita a diventare abbonato per poter continuare a leggere. Agli abbonati autenticati non viene mostrato.
Contenuto e design
Le impostazioni del paywall valgono sia per un paywall che usi su un sito web esterno sia per i post su Steady.
Nella pagina del paywall (Layers -> Paywall) nel backend Steady puoi configurare il tuo paywall.
Nella seguente pagina puoi vedere un'anteprima del paywall nelle diverse varianti (così come tutti gli altri layer): https://demo.steadyhq.com/
Paywall permeabili e impenetrabili
Per prima cosa puoi decidere se usare un paywall duro, cioè impenetrabile, o un paywall soft, cioè permeabile. Quest'ultimo gli utenti possono chiuderlo senza dover prima diventare abbonati della tua pubblicazione.
Con il paywall permeabile puoi ricordare al tuo pubblico che i tuoi contenuti hanno valore e che vale la pena pagarli. Molti lo ignoreranno, ma riuscirai comunque a convincerne una parte.
Un paywall impenetrabile gli utenti non possono saltarlo. Così puoi rendere i tuoi contenuti accessibili esclusivamente agli abbonati paganti. Più del 75% dei creator su Steady usa un paywall duro.
Come uso il paywall sul mio sito esterno?
Il resto dell'articolo spiega come inserire un paywall sul tuo sito web. Qui scopri di più su come aggiungere un paywall a un post su Steady.
Per usare un paywall sul tuo sito web, devi prima integrare Steady nel tuo sito. Ci sono due opzioni: tramite snippet di codice JavaScript o tramite plugin WordPress. Ci sono differenze tra questi due paywall – valuta quale alternativa sia più sensata per te.
JavaScript | Plugin WordPress |
funziona con tutti i sistemi CMS | funziona solo su WordPress |
può essere aggirato disattivando JavaScript – anche se è impostato su impenetrabile* | con il paywall duro carica i contenuti (tranne una breve anteprima) solo quando gli utenti si sono autorizzati come abbonati – non può quindi essere aggirato disattivando JavaScript. Con il paywall saltabile (soft) il contenuto completo viene consegnato e solo nascosto visivamente |
non modifica la reperibilità e il posizionamento nei motori di ricerca | con il paywall duro fa sì che i contenuti dietro il paywall siano in gran parte invisibili ai motori di ricerca, cosa che può incidere negativamente sulla reperibilità; con il paywall soft i contenuti restano visibili ai motori di ricerca |
* Può quindi capitare, nonostante il paywall JavaScript impenetrabile, che i non abbonati accedano ai tuoi contenuti. Una manciata di persone potrebbe approfittarne – secondo la nostra esperienza, però, non vale la pena preoccuparsene. Di norma gli abbonati vogliono sostenere una pubblicazione e non lo fanno principalmente per ottenere contenuti esclusivi. Guadagni molto di più se metti la tua energia nel tuo lavoro, mantieni vivo il rapporto con la tua community – e rendi semplice, a chi vuole, sostenerti.
Ancora una nota: se usi il checkout, attenzione: non puoi inserire il paywall sulla stessa pagina su cui compare anche il checkout.
Quanta parte della tua pagina vuoi nascondere dietro il paywall?
Decidi per ogni articolo se e in quale punto il paywall deve intervenire. Steady fa poi in modo che in quel punto il tuo articolo venga sfumato dolcemente e coperto da un avviso a tua scelta. L'ideale è inserire il paywall abbastanza in alto nel tuo post, per aumentare la probabilità che chi legge lo veda.
Opzione 1: nascondi il resto della pagina dietro il paywall
Anteprima qui: https://demo.steadyhq.com/paywall-2-0/
Per farlo inserisci nel tuo articolo un nuovo paragrafo con la parola chiave ___STEADY_PAYWALL___. In alternativa a questo metodo, invece della parola chiave puoi anche inserire un elemento HTML invisibile per posizionare il paywall. Vai a tal fine nell'editor HTML del tuo post e inserisci il seguente codice:
<div id="steady_paywall" style="display: none;"></div>
Opzione 2: nascondi dietro il paywall solo una parte della tua pagina
Anteprima qui: https://demo.steadyhq.com/paywall-2-0-between-text/
Se vuoi mostrare il paywall solo in una determinata area della tua pagina, devi dare al container circostante la classe CSS steady-paywall-container. La struttura potrebbe per esempio essere così:
<body> <div id="sidebar"> Dieser Inhalt ist sichtbar </div> <div id="main"> <div class="entry-content steady-paywall-container"> Dieser Inhalt ist sichtbar <div id="steady_paywall" style="display: none;"></div> Dieser Inhalt ist hinter der Paywall </div> <div class="entry-footer"> Dieser Inhalt ist sichtbar </div> </div></body>
Opzione 3: nascondi dietro il paywall solo singoli elementi
Anteprima qui: https://demo.steadyhq.com/paywall-2-0-small/
Questa variante più piccola del paywall è perfetta se vuoi nascondere solo singoli elementi sulla tua pagina – per esempio immagini, video, visualizzazioni o pulsanti di download. Occupa solo una riga e sfuma il contenuto sottostante con un effetto di sfocatura.
Se vuoi usare questa variante del paywall, devi definire un elemento container con la classe CSS steady-paywall-container e l'attributo HTML data-small. Il tuo codice potrebbe per esempio essere così:
<p>Dieser Inhalt ist sichtbar.</p>
<div class="steady-paywall-container" data-small="true">
<div id="steady_paywall" style="display: none;"></div>
<p>Dieser Inhalt wird hinter der kleinen Paywall versteckt.</p>
</div>
<p>Dieser Inhalt ist nach der Paywall wieder sichtbar.</p>
Impostazioni avanzate
Passare parametri di tracciamento
Per misurare il successo delle tue campagne di marketing o il tasso di conversione dei singoli articoli, puoi passare un parametro UTM-Campaign al paywall. Questo parametro lo vedi poi nell'esportazione CSV o puoi trasferirlo ad altri strumenti tramite Zapier. Per farlo devi aggiungere all'indicatore del paywall un attributo data-utm-campaign. Potrebbe per esempio essere così:
<div id="steady_paywall" data-utm-campaign="staging-paywall-campaign" style="display: none;"></div>
Paywall Steady e compatibilità
Attenzione: il paywall potrebbe non funzionare sulle “Accelerated Mobile Pages” o in combinazione con l'infinite scrolling. Maggiori informazioni sulla compatibilità delle integrazioni Steady le trovi qui.