Форма обратной связи для сайта

С возможностью отправки сообщений в Telegram, SMS

Скрипт предназначен для отправки сообщений с сайта на почту. Просто разместите код и готовая форма обратной связи появится на вашем сайте. Ее можно сделать всплывающей в окне по кнопке или встроить на страницу(feedback,контакты).

Это БЕСПЛАТНО и подходит для любых сайтов на любых движках или без них(на простом html).

Примеры

Чтобы ознакомиться с нашим примерами формы обратной связи и посмотреть её дизайн (оформление по умолчанию, шаблон можно изменить) - кликните по кнопкам в правом или левом нижнем углу текущей страницы или вверху по центру по кнопке "Отправить сообщение". Данные примеры полностью рабочие и вы можете заполнить поля формы и отправить нам сообщение, если у вас возникли вопросы.

Кстати, если вы не заметили - на текущей странице содержится еще пример другого нашего скрипта, который автоматически вставляет блок оглавления страницы (сайдбар слева).

Описание

В зависимости от стилей css форма бывает всплывающая (фиксированная, шаблон по умолчанию), и встроенная в контент, может использоваться со свернутым состоянием (кнопка обратной связи - как в текущем примере ) так и без него.

Преимущества готовой формы

  1. Установка за пару минут
    Зарегистрируйтесь, создайте форму, вставьте код скрипта на ваш сайт
  2. Настроенная отправка почты
    Письма отправляются нашим почтовым сервером, с нашей стороны сделаны все необходимые настройки чтобы письма посетителей вашего сайта не попадали в спам, а доставлялись на ваш емайл адрес, который вы укажете в настройках. Сообщения приходят с нашего емайл адреса, но при ответе на письмо в адресе будет указан емайл пользователя.
  3. Обработка персональных данных
    Автоматическая генерация пользовательского соглашения и запроса на обработку персональных данных согласно законодательсву РФ
  4. Отправка сообщений с сайта в Telegram
    Письма с сайта скрипт отправит в ваш telegram.
  5. Уведомления по sms
    В настройках вы можете добавить ваш номер телефона и получать дополнительно смс с сайта.
  6. Простая настройка
    При создании используется простой конструктор формы обратной связи (генератор кода). Вы можете легко поменять цветовую гамму, расположение, вид (всплывающая форма обратной связи или встроенная)
  7. Доступность и универсальность
    Вы можете использовать на своем сайте наши скрипты абсолютно бесплатно (в пределах лимитов которых более чем достаточно для абсолютного большинства сайтов). Нашу адаптивную форму отправки почты можно добавить на сайт html(с или без php), wordpress,joomla, modx,тильда и любые другие движки
  8. Поддержка пользователей
    Вы в любой момент можете обратиться к нашим техническим специалистам через нашу форму отправки сообщений и они помогут вам добавить виджеты на сайт и настроить их.

Как сделать форму обратной связи и вставить на сайт html код (js)

  1. Зарегистрироваться (и подтвердить свой емайл)
    Регистрация
  2. Авторизоваться
    Авторизация
  3. Перейти в панель управления
    Не доступно без авторизации
  4. Выбрать в левом меню нужный раздел - "Отправка почты"
  5. Создать новый виджет
    Жмем кнопку "Добавить"
  6. Сделать необходимые настройки конструктора создания
  7. Вставить полученный код на нужные страницы вашего сайта

Более подробная инструкция по установке - на странице виджеты для сайта

Расширенная настройка

(Только для продвинутых пользователей)

Дополнительно разберем настройку и изменение формы в панели управления после её создания (создание и первые настройки описаны по ссылке в предыдущем разделе).

  1. Определяемся с видом
    Какой будет наша форма?
    - Есть ли свернутое состояние или она будет показываться сразу
    - Будет всплывающее по кнопке окно или форма будет встроена в контент (например для страницы Контакты)
  2. Заходим в панель управления
    Не доступно без авторизации
    В левом меню раскрываем список меню "Виджеты", выбираем "Отправка почты" и переходим по ссылке.
  3. Переходим в дизайнер
    Находим созданную нами ранее форму. Для того чтобы сделать основные настройки (основные цвета, расположение и тп ) можно перейти в редактор (иконка -карандаш), если же его возможностей не хватает, то для перехода в дизайнер (расширеная настройка для опытных пользователей), кликаем по снежинке Дизайн
  4. Переменные
    В первом разделе вы, как и в редакторе, можете изменять переменные , в которых храняться основные настройки - цвета оформления, позиционирование и расположение: Переменные
    Эти переменные можно будет использовать далее во всех css стилях в следующем виде:
    Автозамена
  5. Общие стили
    В дизайнере вы сможете редактировать css стили всех состояний (свернутое, 1 шаг и тп). В разделе "Общие стили" прописана большая часть css стилей скрипта - это основные стили. Общие стили формы
    Обратите внимание на переменные автозамены - они в фигурных скобках.
  6. Предпросмотр
    Сделав какие-либо изменения вы можете тут же просмотреть как это выглядит - в панели есть просмотр примера (Нажмите "Применить" чтобы измения вступили в силу)
    Просмотр формы отправки сообщений
  7. Дополнительные inline стили
    Для каждого состояния формы можно редактировать дополнительные inline стили css. Как пример - дополнительные стили для свернутого состояния
    Убрать свернутое состояние формы обратной связи
    Тут же можно убрать свернутое состояние совсем.
  8. Обработка персональных данных
    Для формы отправки сообщений в России согласно законодательсву необходимо размещать запрос согласия на обработку персональных данных и ссылку на пользовательское соглашение. Все это предусмотрено на нашем сервисе и генерируется автоматически. Вам лишь необходимо перейти в профиль:
    Профиль
    и заполнить следующую форму:
    Персональные данные