Тюнинг страницы благодарности в Landing page или меняем текст в зависимости от времени HTML и PHP

Создавая и тестируя односотраничные сайты, landing page мы в первую очередь уделяли внимание именно первой странице сайта, всячески повышали ее конверсию, меняли формы захвата, проводили а/б тестирование и делали все возможное чтобы получать максимальное количество лидов. Но мы со временем собрав достаточно статистики мы поняли что в нерабочее время, когда сотрудники офиса отдыхают, часть лидов, которые оставили заявки не дожидаются звонка, а через время идут ищут дальше.

Судя из статистки менеджера звонят такому клиенту и получают ответ «Спасибо, я уже все нашел». Такая картина может наблюдаться когда у вас ниша связанна с горячими лидами, которым нужно прямо сейчас. Это может быть к примеру эвакуатор, сервис телефонов, к примеру iPhone, шиномонтаж и пр. Клиент оставляет заявку и если вы его не перенаберете он пойдет искать дальше, подумав что вы игнорируете заявки. К сожалению игнорирование заказов довольно распространенная ситуация на рынке СНГ.

На нашем одностраничном сайте, после того как клиент оставил заявку ему высвечивается страница благодарности и обещание что мы перенаберем в течении 3-х минут. Обещание перезвонить в течении 3-х минут тоже немаловажно, потому что пользователи интернета привыкли что заказы прозванивают от пары часов до суток, а ему как бы надо очень срочно. После того как мы выяснили что клиенты и утром, пока никого нет в офисе, и вечером, когда уже никого нет ждут что их наберут мы решили оптимизировать страницу благодарности.

Как мы решили менять текст страницы благодарности в зависимости от времени?

Первоначально была вот такая страница:

Stranitsa-blagodarnosti-1

 

Мы решили что надо:

  1. Сначала поздороваться с клиентом приветствием «Добрый день», «Добрый вечере», «Доброй ночи», «Доброе утро»
  2. Текст «В течении 3-х минут мы вас перенаберем» оставить без изменений в рабочее время. В нерабочее время выводить «Наш офис откроется в 10 утра и менеджер сразу вас наберет»
  3. Слово «Спасибо» оставить без изменений

Если с этим все понятно, то давай приступим.

Как настроить изменения текста в зависимости от времени суток

Если мы разобрались что мы хотим получить то давайте приступать. Для нашей работы HTML нам не понадобиться, а будем использовать только PHP. Итак, что бы все работало у нас должно быть два временных интервала для вывода приветствия и два временных интервала для вывода основного текста.

Но сначала давайте сначала опишем все переменные которые будем использовать:

  • chasov — это перменная которая будет показывать нам сколько сейчас часов от 0 до 24.
  • Privetstvie — это наше приветствие «Доброе утро», «Добрый день» и.т.д.
  • Ytro — это приветствие которое будет выводиться утром
  • den — приветствие днем
  • vecher — вечером
  • noch и ночью

Для того чтобы менялось наше приветствие в зависимости от времени нам надо такой код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
 
$Ytro = "Доброе утро!";
$den = "Добрый день!";
$vecher = "Добрый вечер!";
$noch = "Доброй ночи!";
 
$chasov = date("H");
 
if($chasov >= 4) {$Privetstvie = $Ytro;}
if($chasov >= 10) {$Privetstvie = $den;}
if($chasov >= 19) {$Privetstvie = $vecher;}
if($chasov >= 23 or $chasov < 04) {$Privetstvie = $noch;}
?>
<!?php echo $Privetstvie; ?>

Давайте чтобы уж совсем все стало понятно разберем по строчкам:

  • Первая строчка показывает что дальше идет PHP код.
  • С третей по шестую строчку мы назначаем переменным словесное выражение. Мы наполняем переменную каким-то значением. В нашем случае это фраза.
  •  Восьмой строчкой мы из текущей даты и времени берем только часы. После чего переменная chasov будет цифра от 0 до 24.
  • Десятая строчка говорит если сейчас часов больше или равно 4-х то выводить приветствие «утро»
  • Одиннадцатая строчка говорит если сейчас больше или равно 10 часов то выводить «день»
  • Двенадцатая строчка говорит если сейчас больше или равно 19 часов то выводить «вечер»
  • Тринадцатая, счастливая строчка говорит что если сейчас больше или равно 23 или меньше 4-х то выводить «Ночь»
  • Четырнадцатая строчка показывает что этот участок кода закончен
  • Пятнадцатая строчка служит только одной цели — вывести собственно приветствие.

В итоге, в зависимости от времени суток у нас выводиться разные приветствия. Когда:

  • Утро начинается с 4-х часов
  • День с 10 часов
  • Вечер с 19 часов
  • Ночь с 23-х часов и заканчивается в 4 утра.

Соответственно, по желанию вы можете поменять цифры на нужные вам просто поменяв их в коде.

С приветствием разобрались, но тоже самое нужно сделать с выводом основного текста. Тут будет тоже самое только меньше переменных. Итак по переменным:

  • rabvremya — текст в рабочее время
  • nerabvremya — текст в нерабочее время

И код будет выглядеть сильно похожим на прошлый:

1
2
3
4
5
6
7
8
9
10
11
<?php
 
$rabvremya = "В течении 3-x минут мы вас перенаберем!";
$nerabvremya = "Наш офис откроется в 10 утра и менеджер сразу вас наберет";
 
$chasov = date("H");
 
if($chasov >= 10) {$perenaberem = $rabvremya;}
if($chasov >= 19 or $chasov < 10) {$perenaberem = $nerabvremya;}
?>
<?php echo $perenaberem; ?>

Думаю по строчкам тут разбирать не надо, но вкратце пробежимся.

  • В 3 и 4 строчках переменным назначаем приветствие.
  • В 6-ой переменной назначаем сколько сейчас часов.
  • В 8-ой строчке смотрим, если сейчас больше или равно 10 утра  то выводим приветствие в рабочее время.
  • В 9-ой строчке смотрим, если сейчас  больше 19 вечера или меньше 10 утра то выводим  приветствие в нерабочее время.
  • В 11-ой выводим собственно текст

Просуммировав и совместив два куска кода мы получим то что и требовалось. Только не забываем что надо добавить еще такие слова как «Спасибо».

И так, суммарно наш код выйдет таким:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
 
$Ytro = "Доброе утро!";
$den = "Добрый день!";
$vecher = "Добрый вечер!";
$noch = "Доброй ночи!";
$rabvremya = "В течении 3-x минут мы вас перенаберем!";
$nerabvremya = "Наш офис откроется в 10 утра и менеджер сразу вас наберет";
 
$chasov = date("H");
 
if($chasov >= 4) {$Privetstvie = $Ytro;}
if($chasov >= 10) {$Privetstvie = $den;}
if($chasov >= 19) {$Privetstvie = $vecher;}
if($chasov >= 23 or $chasov < 04) {$Privetstvie = $noch;}
 
if($chasov >= 10) {$perenaberem = $rabvremya;}
if($chasov >= 19 or $chasov < 10) {$perenaberem = $nerabvremya;}
?>
<?php echo $Privetstvie; ?>
<br>Ваша заявка принята.<br><br>
<?php echo $perenaberem; ?>
<br><br>Спасибо!

В итоге после 19:00, вместо того что было, у нас такая картина: (Да, не погрузилась красивая серая картинка фона, из-за того что изменения делались на тестовом сервере где этой картинки нет. Но общее понимание что вышло она дает)

Stranitsa-blagodarnosti-2
На этом все, но если у вас остались какие-то вопросы или пожелания пишите в комментариях или на почту, попробую вам помочь.

загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *