Stai mettendo insieme la tua pagina di vendita VSL e vuoi mostrare solo il video per pochi minuti? Vuoi nascondere il pulsante Acquista o qualche elemento della pagina per un po'? In questo articolo presenteremo una soluzione semplice.
È incredibile quanto sia difficile trovare qualcosa di così semplice su internet, forse per mancanza di espressione del termine corretto. A volte ci imbattiamo in plugin o codici enormi per realizzare qualcosa di molto semplice.
Quello che vogliamo qui è nascondere un elemento CSS e visualizzarlo solo dopo un periodo di tempo. Questo può essere facilmente creato con un semplice Javascript di meno di 4 righe.
Come nascondere un elemento per alcuni minuti?
La prima cosa che devi capire è quale elemento nasconderai. Se vuoi nascondere quasi tutta la pagina, lasciando solo il video, basta creare un DIV con HTML, mettere una classe CSS a tua scelta, e chiuderla in fondo alla pagina.
.classname {display:none;}Se utilizzi l'editor di blocchi di WordPress, puoi anche nascondere facilmente gli elementi andando alle impostazioni avanzate di ciascun blocco e impostando la classe CSS.
Dopo aver scelto la classe CSS e averla aggiunta agli elementi che vuoi nascondere, devi aggiungere il Javascript nell'intestazione. Tutto dipende dal tema o dal plug-in che stai utilizzando.
Aggiungi il seguente codice nell'intestazione:
<script>setTimeout(function() {
$('.classname').show()
}, 400000);
</script>In ClassName, inserisci il nome della classe che vuoi nascondere. Nel numero 400000 si determina il tempo di attesa affinché l'elemento diventi visibile. Si tratta di millisecondi.
Ogni 1000, abbiamo un totale di 1 secondo. Quindi i 400000 trovati nel codice equivalgono a circa 6 minuti. È possibile utilizzare queste informazioni per calcolare il tempo desiderato.
Vedi com'è semplice nascondere un elemento o metà della pagina per un periodo? Un codice semplice, perfetto per creare la tua VSL, pagina di vendita o qualsiasi altra cosa su cui vuoi concentrarti.