¿Está armando su página de ventas de VSL y quiere mostrar solo el video por unos minutos? ¿Quieres ocultar el botón de comprar o algún elemento de la página por un tiempo? En este artículo presentaremos una solución simple.
Es increíble lo difícil que es encontrar algo tan sencillo en internet, quizás por falta de expresar el término correcto. A veces nos encontramos con complementos o códigos enormes para lograr algo muy simple.
Lo que queremos aquí es ocultar un elemento CSS y solo mostrarlo después de un período de tiempo. Esto se puede crear fácilmente con un Javascript simple de menos de 4 líneas.
¿Cómo ocultar un elemento durante unos minutos?
Lo primero que debe comprender es qué elemento va a ocultar. Si desea ocultar casi toda la página, dejando solo el video, simplemente cree un DIV con HTML, coloque una clase CSS de su elección y ciérrelo en la parte inferior de la página.
.classname {display:none;}Si está utilizando el editor de bloques de WordPress, también puede ocultar fácilmente elementos yendo a la configuración avanzada de cada bloque y configurando la clase CSS.
Después de elegir la clase CSS y agregarla a los elementos que desea ocultar, debe agregar Javascript en el encabezado. Todo esto depende del tema o complemento que esté utilizando.
Agregue el siguiente código en el encabezado:
<script>setTimeout(function() {
$('.classname').show()
}, 400000);
</script>En ClassName, pones el nombre de la clase que quieres ocultar. En el número 400000 determinas el tiempo de espera para que el elemento se haga visible. Se trata de milisegundos.
Cada 1000, tenemos un total de 1 segundo. Entonces, los 400000 encontrados en el código equivalen a unos 6 minutos. Puede utilizar esta información para calcular el tiempo deseado.
¿Ves lo simple que es ocultar un elemento o la mitad de la página por un período? Un código simple, perfecto para crear su VSL, página de ventas o cualquier otra cosa en la que desee concentrarse.