Створюємо Форму зворотнього зв’язку на вашому сайті
Як створити свою форму зворотного зв'язку
💼 Cтворення сучасних веб сайтів будь якої складності. | 👌 WEB-UKRAINE.COM

Створюємо Форму зворотнього зв’язку на вашому сайті

4.5/56 ratings

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

Скрипт форми зворотного зв'язку який ми будемо тут описувати буде працювати на 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 і в ньому знайдіть:

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

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

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

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

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

Залишити відповідь

Виберіть спосіб спілкування
Звязатися з нами!
Ми готові до діалогу.