Sie stellen Ihre VSL-Verkaufsseite zusammen und möchten für ein paar Minuten nur das Video zeigen? Möchten Sie den Kaufen-Button oder ein Seitenelement für eine Weile ausblenden? In diesem Artikel stellen wir Ihnen eine einfache Lösung vor.
Es ist unglaublich, wie schwierig es ist, etwas so Einfaches im Internet zu finden, vielleicht weil der richtige Begriff nicht richtig ausgedrückt wird. Manchmal stoßen wir auf Plugins oder riesige Codes, um etwas sehr Einfaches zu erreichen.
Was wir hier wollen, ist, ein CSS-Element auszublenden und es erst nach einer gewissen Zeit anzuzeigen. Dies kann leicht mit einem einfachen Javascript von weniger als 4 Zeilen erstellt werden.
Wie verstecke ich ein Element für ein paar Minuten?
Das erste, was Sie verstehen müssen, ist, welches Element Sie ausblenden werden. Wenn Sie fast die gesamte Seite ausblenden und nur das Video übrig lassen möchten, erstellen Sie einfach ein DIV mit HTML, fügen Sie eine CSS-Klasse Ihrer Wahl ein und schließen Sie es am Ende der Seite.
.classname {display:none;}Wenn Sie den WordPress-Blockeditor verwenden, können Sie Elemente auch einfach ausblenden, indem Sie zu den erweiterten Einstellungen jedes Blocks gehen und die CSS-Klasse festlegen.
Nachdem Sie die CSS-Klasse ausgewählt und zu den Elementen hinzugefügt haben, die Sie ausblenden möchten, müssen Sie das Javascript in der Kopfzeile hinzufügen. Dies hängt alles vom verwendeten Theme oder Plugin ab.
Fügen Sie den folgenden Code in die Kopfzeile ein:
<script>setTimeout(function() {
$('.classname').show()
}, 400000);
</script>In ClassName geben Sie den Namen der Klasse ein, die Sie ausblenden möchten. In der Zahl 400000 legen Sie die Wartezeit fest, bis das Element sichtbar wird. Es geht um Millisekunden.
Alle 1000 haben wir insgesamt 1 Sekunde. Die im Code gefundenen 400000 entsprechen also etwa 6 Minuten. Mit diesen Angaben können Sie Ihre Wunschzeit berechnen.
Sehen Sie, wie einfach es ist, ein Element oder die Hälfte der Seite für einen bestimmten Zeitraum auszublenden? Ein einfacher Code, perfekt zum Erstellen Ihres VSL, Ihrer Verkaufsseite oder allem, worauf Sie sich konzentrieren möchten.