Кнопка "заказать звонок" для вашего сайта

Апдейт версии скрипта от 17.04.2020 - решил серьезно улучшить форму обратного звонка, из-за появления нового опыта и обновления технологий.

Апдейт версии скрипта от 30.04.2020 - поправил ошибку отображения кода.

jQuery 3+ предпочтительнее, но fancybox работает и с jQuery 1.9.1+ и jQuery 2+

Функционал:

Простое подключение с пошаговым описанием
Выбор способа связи
Новый скрипт всплывающего окна на fancybox v. 3
Защита от спам рассылок
Показывает в теле письма ссылку на страницу, с которой пришла заявка

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

Если вы хотите подключить кнопку "заказать обратный звонок", с автоматическим дозвоном до вас и клиента (без абонентской платы) - переходите сюда.

Скрипт - форма обратного звонка

Решил оставить комментарии для следующего сайта, чтобы было попроще делать красивый обратный звонок с удобной маской для ввода телефонного номера:

Для получения красивого всплывающего модального окна будем использовать плагин jquery - fancybox 3 весрии.

Джаваскрипт код - вставляем между тегами head и /head в шаблоне.

HTML код всплывающего модального окна - вставляем в самый низ шаблона перед /body

    
 
	
		
			Обратная связь
			
			
			
			
			
			
			Связаться по телефону
			
			
			
			По E-Mail
			
			
			
			
			
			

			
			
			
			

			
Отправляя заявку вы даете согласие на обработку персональных данных.

Создаем PHP файл с названием "calc.php" кладем его в корень сайта с правами 644. Указываем почту, куда будут приходить письма, названия, можно подправить тело письма.

    

<?php
if(isset($_POST['name'])) { $name = htmlspecialchars($_POST['name']);}
if(isset($_POST['phone'])) { $phone = htmlspecialchars($_POST['phone']);}
if(isset($_POST['mail'])) { $mail = htmlspecialchars($_POST['mail']);}
if(isset($_POST['message'])) { $message = htmlspecialchars($_POST['message']);}
if(isset($_POST['vrvzam'])) { $vrvzam = htmlspecialchars($_POST['vrvzam']);}
if(isset($_POST['vrvzam2'])) { $vrvzam2 = htmlspecialchars($_POST['vrvzam2']);}
if(isset($_POST['vrvzam3'])) { $vrvzam3 = htmlspecialchars($_POST['vrvzam3']);}
if(isset($_POST['page_url'])) { $page_url = htmlspecialchars($_POST['page_url']);}

$result = 0;
			$to = "ВАША ПОЧТА"; //Здесь надо указать на какую почту будет приходить письмо
			$subject = "Заявка с сайта web-ptica.ru"; //Название письма
			$text =  "\nИмя - $name

			Телефон - $phone

			Примечание - $message

			E-mail - $mail

			Урл страницы - $page_url
";
			

    $headers = "MIME-Version: 1.0\r\n";
    $headers .= "Content-type: text/html; charset=utf-8\r\n"; // кодировка письма
    $headers .= "From: От web-ptica.ru <ОТкогоПОЧТА>\r\n"; // от кого письмо
				if($vrvzam=='' and $vrvzam2=='' and $vrvzam3=='vrv'){$sending = mail($to, $subject, $text, $headers);}
			
			if($sending) $result = 1;
			echo $result;
	
?>

Последний штрих - вставляем саму кнопку на сайт.


ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК

Наслаждаемся корректной работой.