Домой / HELP / Всплывающий обратный звонок для Opencart без модулей

Всплывающий обратный звонок для Opencart без модулей

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

Что он собой представляет?

Просто говоря – это небольшая форма, в которой всего два поля: имя и телефон, которая открывается в сплывающем окне.

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

После отправки клиентом запроса, он придет на почту, которую вы укажите, и ваш менеджер сможет созвониться с потенциальным покупателем.

Ну что ж, давайте приступим к работе.

Шаг 1. Подключаем скрипт в файле /catalog/view/theme/default/template/common/header.tpl. Вставлять код нужно перед закрывающимся тегом .

Шаг 2. Прописываем ссылку обратного звонка в нужном нам месте сайта.

Шаг 3. Подключаем CSS. Для этого, добавляем его в файл — /catalog/view/theme/default/stylesheet/stylesheet.css.

Шаг 4. Вставляем форму обратного звонка. Для этого открываем файл  /catalog/view/theme/default/template/common/footer.tpl и перед закрывающимся тегом body, вставляем html код формы.

Обратите внимание на строчку:

в ней нужно указать путь к файлу options.php, на вашем сервере. На данный момент – это корневая папка сайта. Обязательно вставьте url своего сайта вместо – site.com!!!

Шаг 5. На этом шаге, нужно забросить все нужные нам файлы на сервер.

Все нужные файлы я прикреплю внизу статьи.

Для этого:

1.) В корневую папку сайта закидаем файлы: options.php и jquery.leanModal.min.js, а также папку с картинками каптчи img.

2.) Идем в директорию — /catalog/view/theme/default/image/ и забрасываем туда, два изображения из папки bg_theme.

Настройка отправки письма

Теперь давайте детальнее рассмотрим файл options.php.

Основные настройки:

1.) 1 строчка файла

здесь вам нужно указать домен своего сайта вместо site.com. А также, в можете задать время в секундах, через которое пользователя перебросит на главную страницу. Чтобы было более понятно, после отправки письма пользователю высветится страница с текстом: спасибо, что воспользовались нашими услугами, и т.п. , данный текст вы сможете настроить ниже. После того как он увидит окно, его будет перенаправлено на главную страницу вашего сайта, или же на любую другую страницу, урл которой вы можете указать в этой строке.

2.) Далее идет проверка отправляемых полей, там, в файле все расписано.

3.) Обязательно! Поменяйте адрес почты в строке:

4.) В самом низу файла вы можете поправить текст, который покупатель увидит после отправки письма.

На этом все. Если вы все сделали правильно, то письма будут приходить на указанный вами адрес электронной почты.

Вот файлы для создания всплывающей формы обратного звонка:

Про Александр

Здравствуйте, меня зовут Александр Мороз. Профессионально занимаюсь созданием сайтов . Выражаюсь на диалектах PHP, SQL, JavaScript, HTML, CSS, XML, jQuery. Иногда и матом в особо сложных случаях :)

Проверьте также

Настраиваем файл robots.txt для WordPress

В этой статье пример оптимального, на мой взгляд, кода для файла robots.txt под WordPress, который …

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

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