
Код формы, разместите на странице с бесплатным продуктом.
Пользователь кликает по кнопке скачать, и попадает на промежуточную страницу.

<div class="form">    
    <form method="POST" action="prom_stran.php">
	<input type="text" name="email" placeholder = "Введите ваш E-mail" required>		 
  <input type="submit" name="ok" value="" id="button" />
   </form> 
   </div> 
 ---------------------------------------------------------------------------------------  
  
Таймер разместите на промежуточной странице в нужном месте.
По окончанию таймера, пользователя перекинет на страницу link.php указанную в taimer.js
Сам джава скрипт находится в папке js
  
    <!-- начало таймера -->
		     <div class="timer_tab"> По истечению таймера появится ссылка для скачивания &nbsp;
             <b><span id="tickTack" class="timer"></span></b>
	        <script type="text/javascript" src="/js/taimer1.js"></script>
                  </div></p>
                      <!-- конец таймера -->	
					  
------------------------------------------------------------------------------------------	

	На странице link.php разместите такую строку для скачивания продукта,
	продукт должен лежать в архиве,а архиф в папке file.
	
 <p align="center" > <a href="http://ваш сайт.ru/file/prodykt.zip">Ваша ссылка для скачивания</a></p>	
 
 ----------------------------------------------------------------------------------------------

Стили CSS
Вставте в ваш файл стилей, можете менять их под дизайн вашей промежуточной страницы.
	
/* -------------------------------
 Timer
 ----------------------------------*/
.timer_tab { 
    background-color: #FFFF99; 
    width:80%;
	border: 1px solid #333333;
	padding:5px;	
	margin:auto;
}
.timer{ 
    padding: 2px;
	font-size: 24px;
	background:red;
	text-indent: 3px;
	letter-spacing: 3px;
	word-spacing: 3px;
}




	
	
  
  
  
 

