Плавающая кнопка для обратной связи

Знать мнение посетителей нашего сайта очень важная вещь. Он любительских сайтов и еще более в местах коммерческого характера, потому что, только зная, мысли наших пользователей, мы можем реально улучшить наш сервис.

Это не редкость, поэтому найти в сайтах, которые несут ссылки на страницы, где контакт пользователям предлагается оставить обратной связью.
Предел простой ссылки в такой ситуации довольно очевидно: очень часто эти типы связей могут быть найдены в колонтитуле страниц и плохой видимости. Способ исправить очень просто: мы стараемся, чтобы было ясно, как отправить обратную связь.

Эффективными и минимально интрузивных было бы показать плавающей кнопки, кнопки, что остается неизменным, независимо от страницы прокрутки. В нашем случае, поставить кнопку "вставки" в верхней части страницы.
Чтобы сделать его еще лучше, когда вы нажимаете на нашу кнопку будет динамически отображаться в окне с обратной связью хороший эффект слайд (сверху вниз).

Мы видим скриншот кнопку до и после нажмите:

Для этого мы должны язык сценариев для отправки обратной связи (в моем случае я использовал PHP ), несколько строк CSS к стилю элементов на странице, и немного "из JavaScript (JQuery будет использовать библиотеку), чтобы создать специальные эффекты.

Для начала мы открываем редактор и создайте новую страницу PHP. Сначала напишем код для отправки feddback нашим почтовый ящик:

 



 <? Php







 $ Result = "";







 если (ISSET ($ _POST ['feedbackSubmit']) и $ _POST ['feedbackSubmit']===' представить') {



  



 Для $ = "веб-мастер <info@dominio.it>";



  



 С $ = $ _POST ["электронная почта"];



  



 $ Subject = "Обратная связь с веб-сайта Dominio.it";



  



 $ Body = stripslashes ($ _POST ['MSG']);



  



 Заголовки $ =. "От: Пользователь Интернет <" $ С .">";



  



 если (почта ($ к, $ предмету, $ послание, $ заголовки)) {



    



 $ Result = "Извините, но там была проблема с отправкой обратной связи".



  



 Остальное {}



    



 $ Result = "Обратная связь успешно отправлено!";



  



 }







 }







 ?>

 

Как вы можете видеть, мы убедились, что форма была обработана, если таким образом мы valorizzatole переменных для отправки электронной почты и использования родного электронной почте, мы провели обратную связь дает видео-подтверждение.

• <<
• 1
• 2
• >>