En el siguiente artículo veremos cómo agregar una página de cuenta regresiva a nuestro sitio web, esto con la finalidad de crear expectativa del futuro lanzamiento.
Se utiliza un archivo html, el cual ya tiene un código javascript insertado listo para ser modificado
Descargar Página Cuenta regresiva demo en línea
Tabla de contenidos
1- Generalidades
El archivo de cuenta regresiva nos permite brindar una interfaz amigable de nuestro sitio web aún cuando no se encuentra listo, de esta manera se crea expectativa del sitio y su futuro lanzamiento.
El archivo se llama index.html y será colocado en la raiz de nuestro sitio web o en alguna carpeta junto con las imagen del logo de la empresa
2- Descargando el archivo
Se puede descargar de la siguiente link: Descargar página cuenta regresiva
Después de descargar el archivo y visualizarlo en un navegador, veremos que tiene la siguiente apariencia
3- Modificando el archivo
Abrimos el archivo con algún editor de texto y modificamos las líneas de la configuración de la fecha, la url del sitio a la cual se redireccionará cuando la cuenta regresiva termine y los textos html.
mes=1;
dia=1;
hora=1;
minuto=0;
segundo=0;
urlsitio = ‘http://www.tusitio.com/’;
4 – Resultado Final
Finalmente obtendremos un resultado como la siguiente imagen
ver demo en línea en el siguiente link: demo cuenta regresiva webempresa
El siguiente video se muestra la implementación de una página de cuenta regresiva en un sitio web Joomla de ejemplo
¿Te ha resultado útil este artículo?
Soporte técnico WordPress en Webempresa y ponente habitual en Meetups y WordCamps de América.
