Спливна контактна форма швидке замовлення для opencart кнопка замовити дзвінок

Спливна контактна форма швидке замовлення для opencart кнопка замовити дзвінок

Я вже розповідав, як зробити спливаючу форму зворотного зв'язку в модальному вікні ось в цій статті. Там для захисту від різних спамерських пошукових роботів використовується варіант просто поставте галочку, ЯКЩО ВИ ЛЮДЕЙ. Відразу отримав прохання зробити таку ж, але з каптчёй або перевірочним кодом, щоб надійніше захистити від спаму. Ну ось тут я і розповім, як зробити таку форму. Назвати її можна "Замовити дзвінок", "Зателефонувати мені" або "Швидке замовлення". Ну, думаю, ясно, що використовувати можна як завгодно. Орієнтуватися буду на Opencart 2. але ставити форму можна практично на будь-який сайт, будь то Wordpress або Joomla. аби шаблон був зроблений із застосуванням Bootstrap.

У нас підключений Bootstrap, висновок мода робиться в ньому таким кодом:

Виглядати буде як на картинці. Досить помістити в кінець файлу footer або просто в кінець шаблону перед тегом і де-небудь вивести кнопку виклику.

ЗАМОВИТИ ДЗВІНОК


Це основа. тепер приробити потрібні нам поля форми. Я орієнтуюся на Opencart. але спеціально створюю модуль, а предлается універсальне рішення для різних CMS і сайтів. Ось готовий код для форми зворотного зв'язку в модальному вікні, який поміщаємо, як і говорив, перед закриває :

Поясню трохи. Хоча в нашій формі і буде перевірка на правильність заповнення всіх полів (а до заповнення обяхательни саме все), але краще зробити підказки, щоб людина кожного разу не вводив заново при помилку або неуважності. Це буде зручніше і естетичний. Тому в кінці кожного поля стоїть required = "". підказка для заповнення.

відповідає за те, скільки цифр буде виводитися в каптч. Тобто хочете більше, правте. рядок:

Усе. Файл options.php кидаємо в корінь сайту. Залишилися ще картинки з цифрами. Ось, намалював я, як міг. Якщо хочете, малюйте свої. Папку img з картинками теж кидаєте в корінь сайту.

Проста реєстрація і качайте картинки:

Запис тільки для зареєстрованих