Створюємо Форму зворотнього зв’язку на вашому сайті
Як створити свою форму зворотного зв'язку
Створення, розробка, виготовлення сайтів | WEB-STYDIA.COM

І так сьогодні давайте поговоримо про таку потрібну і корисну кнопку як зворотний зв'язок, щоб користувач міг у будь-який момент написати вам своє звернення, дуже часто користувачі шукають скрипти вже готові саме під свою смс, але я вам сьогодні напишу як можна поставити форму зворотного зв'язку на абсолютно будь-який сайт.

Скрипт форми зворотного зв'язку який ми будемо тут описувати буде працювати на jQuery AJAX, буде мати вбудовану перевірку полів, і найголовніше працює на будь-якому сайті навіть на чистому HTML.

Ідея створення скрипта полягає в тому щоб кнопка виклику зворотного зв'язку була розміщена зручно на всіх сторінках вашого сайту, і користувач міг у будь-який момент її викликати, з цього ми вирішили її виводити виджетом, так само в цю форму можна додати будь-які додаткові поля які ви побажаєте.

І так давайте все ж перейдемо до самого скрипту і його реалізації, на сайті у вас спочатку він буде мати приблизно такий вигляд як на фото, (фото клікабельно).

Скрипти зворотного зв'язку ви можете завантажити нижче:

Якщо ваш сайт має кодування UTF-8: скачати тут

Якщо Ваш сайт в кодуванні Windows-1251 скачати скрипт тут

Якщо ви не знаєте яке кодування у вашого сайту то це не проблема дізнатися, просто натисніть Ctrl + U (вихідний код сторінки)

І на початку коду знайдіть рядок типу такого

Або такий

Ну думаю з цього ви зрозумієте який файл вам потрібно завантажити в якому кодуванні.

 

Як встановити дану форму на свій сайт !?

Установка скрипта відбувається в кілька етапів:

1. Для початку завантажуємо архів з потрібним нам кодуванням скрипта з розпаковуємо.

2.Відкриваємо файли mail.php и jquery.contactable.js і вносимо свої дані в них.

3. Папку всередині архіву і весь її вміст завантажуємо на сервер в потрібне вам місце.

4. У своєму шаблоні сайту знайдіть теги <head> и </head> і між них вставляємо код:

змінити в коді http://site.ru/your/path/ на шлях до директорії /contactable/

5. У шаблоні свого сайту знаходимо тег <body> і після нього вставляємо:

6. У шаблоні свого сайту шукаємо тег </body> і перед ним вставляємо код:

В якому змініть http://site.ru/your/path/ на шлях до директорії /contactable/

ВАЖЛИВО! Якщо у вас бібліотека jQuery вже підключена то вдруге її не потрібно підключати на сайті і перший рядок jquery.min.js з вище вказаного коду додавати не потрібно, так як це може викликати конфлікт скриптів.

7. Зберегти всі зміни і милуємося а також тестуємо форму на своєму сайті.

Все форма зворотного зв'язку у вигляді віджета встановлена на вашому сайті.

 

Що ще можна зробити в скрипті:

1. Якщо ви хочете щоб після відправлення листа користувач крім повідомлення спасибі ще і переадресовувався на задану сторінку змініть трішки код.

Відкрийте файл jquery.contactable.js і в ньому знайдіть:

І після цього рядка додаємо:

Ось і все, дуже сподіваюся що даний скрипт вам буде корисний, користуйтеся!

Вас також може зацікавити

Немає коментарів

Ви можете залишити коментар першим.

Залишити коментар

Будь ласка, введіть Ваше ім'я. Будь ласка, введіть адресу електронної пошти. Будь ласка, введіть повідомлення.