Как добавить форму обратной связи на сайт OpenCart

Добавление формы обратной связи на сайт OpenCart — отличный способ позволить клиентам легко связаться с вами. В этой статье мы рассмотрим пошаговый процесс создания и добавления формы обратной связи в OpenCart.

Шаг 1: Создание новой страницы для формы обратной связи

1. Перейдите в админ-панель OpenCart: Зайдите в вашу административную панель OpenCart и выберите Каталог > Страницы.
2. Добавьте новую страницу: Нажмите на кнопку Добавить, чтобы создать новую страницу.

• В поле Название страницы введите, например, «Обратная связь».
• В Мета-тег заголовок также укажите «Обратная связь».
• В поле Описание добавьте текст с информацией о том, что клиенты могут связаться с вами через эту форму.

1. SEO URL: Установите SEO URL, например, «obratnaya-svyaz» для лучшей индексации поисковыми системами.
2. Сохраните изменения: Нажмите на кнопку Сохранить, чтобы добавить страницу.

Шаг 2: Настройка модуля формы обратной связи

OpenCart не поддерживает формы обратной связи «из коробки», но можно использовать сторонние модули или написать код самостоятельно. Рассмотрим два подхода.

Вариант 1: Использование готового модуля

1. Выбор и установка модуля: Перейдите на OpenCart Marketplace и найдите модуль для добавления формы обратной связи (например, Contact Form или Simple Contact Form). Скачайте и установите его.
2. Настройка модуля:

• Перейдите в Модули > Модули расширений и найдите установленный модуль формы обратной связи.
• Нажмите на кнопку Редактировать, чтобы настроить форму (включить поля для имени, email, сообщения и т. д.).
• Сохраните настройки.

Вариант 2: Добавление кастомной формы вручную

1. Редактирование файла страницы: Перейдите в папку с вашим шаблоном (catalog/view/theme/[ваша_тема]/template/information) и найдите файл contact.twig.
2. Добавьте HTML-код формы:

   <form action="/index.php?route=information/contact/send" method="post" class="form-horizontal">
       <div class="form-group">
           <label for="input-name" class="col-sm-2 control-label">Ваше имя</label>
           <div class="col-sm-10">
               <input type="text" name="name" id="input-name" class="form-control" required />
           </div>
       </div>
       <div class="form-group">
           <label for="input-email" class="col-sm-2 control-label">Ваш Email</label>
           <div class="col-sm-10">
               <input type="email" name="email" id="input-email" class="form-control" required />
           </div>
       </div>
       <div class="form-group">
           <label for="input-enquiry" class="col-sm-2 control-label">Сообщение</label>
           <div class="col-sm-10">
               <textarea name="enquiry" id="input-enquiry" class="form-control" rows="5" required></textarea>
           </div>
       </div>
       <div class="buttons">
           <input type="submit" class="btn btn-primary" value="Отправить">
       </div>
   </form>

3. Обработка данных формы:

• Для этого нужно настроить обработку данных на сервере. В файле контроллера catalog/controller/information/contact.php добавьте обработку данных и отправку письма на указанный email.

Шаг 3: Добавление формы на страницу «Обратная связь»

1. Перейдите в настройки страницы: Зайдите в Каталог > Страницы и откройте страницу «Обратная связь», которую вы создали ранее.
2. Добавьте код формы в поле описания или укажите ссылку на шаблон, где находится форма.

Шаг 4: Дополнительные настройки

1. Защита от спама: Чтобы защитить форму от спама, добавьте Google reCAPTCHA. Для этого перейдите в Настройки > Защита от роботов и активируйте reCAPTCHA.
2. Настройка email-уведомлений: Проверьте настройки отправки почты в разделе Система > Настройки.

Теперь у вас есть рабочая форма обратной связи в OpenCart, которая позволит вашим клиентам легко связываться с вами!