Radical Form - бесплатная ajax форма обратной связи, которая не ломает дизайн - страница 2 - Конструкторы форм

• Это бесплатный плагин, который таким и останется.
• Форма написана на чистом javascript и не требует подключения jQuery
• Работает в любом месте сайта, нет никаких ограничений. (актуально для различных конструкторов сайтов, интернет магазинов и т.д.)
• Это AJAX плагин.
• Прекрасно работает во всплывающих окнах. Есть возможность их закрывать после отправки формы.
• Можно удобно вставлять цели Яндекс метрики в интерфейсе плагина.
• Количество форм обратной связи на странице не ограничено! (удобно для лендингов)
• Можно отправлять фото и другие файлы (контроль вложений есть).
• Полей для отправки вложений может быть несколько.
• Корректно работает с кешированием Joomla и даже со включенным полностраничным кешированием!
• Проверяется CSRF токен.
• Есть интеграция с мессенджером телеграм.
• Используется встроенная возможность джумлы делать многоязычные формы (для каждого языка свою)
• Есть функция логирования отправленных форм
• Есть возможности выбора адресата для каждой формы
• Есть возможность создания кнопок "Купить в один клик" для любого интернет магазина
• Реализована вставка любого поля формы или комбинации полей в тему письма
• Предусмотрена валидация HTML5 полей формы
• Есть возможность изменения поля Reply To
• Корректно работает с полями со множественными значениями (checkbox, select multiple)
• Есть возможность переопределения шаблона отправляемых писем
• Есть интеграция с сервисом Jivosite
• Есть интеграция с сервисом Verbox
• Есть возможность выполнения своего кастомного php кода во время отправки формы
• Есть возможность экспорта отправленных форм в CSV
• Есть возможность расширения функционала за счет системы плагинов Joomla
• Есть возможность хранить загруженные файлы на сервере и передавать их по ссылке

К сожалению сайт на локалке, доступ дать проблематично.

У меня шаблон от rockettheme, хотел сделать модальное окно, которое появляется на 3 секунды "сообщение отправлено" и закрывается. Со стилями еще не разобрался....
Я отдельно создавал такое окно, но перенести не смог его в эту форму.
https://www.w3schools.com/code/tryit.asp?filename=FSQDVUXTX3E8

Код Javascript №2 (для вывода сообщения) - это тот код, который будет вызван после отправки сообщения на емейл (или телеграм)
Там по умолчанию стоит alert(rfMessage)
Вы можете поменять это на свой скрипт, который подходит вам. Собственно в этом и заключается гибкость плагина - используйте тот вид вывода сообщения, который вам больше подходит.
Например я пользуюсь шаблонами команды yootheme и там меняю alert на вызов такой функции:

Код

UIkit.modal.alert(rfMessage);

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

...

Не могу разобраться с отправкой файлов.
Выбираю фото, отправляю, приходит только имя файла
И непонятно что делает кнопка ПРИЛОЖИТЬ ФОТО, нажимаю её и ничего не происходит.

покажите код вашей формы.
или ссылку на сайт

<center><h3>Отправка сообщения</h3>
<table>
  <tr>
    <td>
<form class="uk-form-stacked">
    <div class="uk-margin">
<input class="uk-input required" name="Имя" placeholder="Ваше имя" required
             type="text">
<div class="tm-error">Введите имя!</div>
<p class="uk-form-help-block" style="margin: 12px 0 0 0">обязательно</p>
</div>
    <div class="uk-margin">
<input id="phone1" class="uk-input required" name="Телефон" placeholder="Ваш телефон" required
             type="text">
<div class="tm-error">Введите телефон!</div>
<p class="uk-form-help-block" style="margin: 12px 0 0 0">обязательно</p>
</div>
<div class="uk-form-row">
    <textarea class="uk-input required" name="Сообщение" cols="" rows="5" placeholder="Ваше сообщение" required></textarea>
<div class="tm-error">Введите сообщение!</div>
    <p class="uk-form-help-block" style="margin: 12px 0 0 0">обязательно</p>
</div>
<div class="rf-filenames-list"></div>
<div class="uk-form-custom" uk-form-custom>
<div class="uk-form-custom" uk-form-custom><input class="rf-upload-button" name="fileupload" type="file"></div>
</div>
<br>
<p>Как вы узнали о нас?<p>
<p><label><input type="checkbox" name="tf[]" value="Мы узнали о вас из интернета"><span>Из интернета</span></label></p>
<p><label><input type="checkbox" name="tf[]" value="Мы узнали о вас из объяаления"><span>Из объяаления</span></label></p>
<p><label><input type="checkbox" name="tf[]" value="Мы узнали о вас из газеты"><span>Из газеты</span></label></p>
<p><label><input type="checkbox" name="tf[]" value="Мы узнали о вас от друзей"><span>От друзей</span></label></p>
<div class="uk-margin-medium-top">
<button class="uk-button rf-button-send">Отправить сообщение
</button>
</div>
</form>
</td>
  </tr>
</table>
</center>

я, конечно, не понимаю зачем применять таблицу для оформления формы и для чего нужны запрещенные теги <center>, но в остальном все должно работать.
У вас нет ошибок в консоли?
И еще - может быть у вас режет файлы ваш мейлер?
И о какой кнопке "приложить фото" вы говорите?
я ее не вижу

<div class="uk-form-custom" uk-form-custom>
<button class="uk-button uk-button-primary rf-upload-button-text">ПРИЛОЖИТЬ ФОТО</button> 
<input class="rf-upload-button" name="fileupload" type="file">
</div>

<form>
<input class="uk-input required" name="name" type="text">
<div class="uk-form-custom" uk-form-custom>
<button class="uk-button uk-button-primary rf-upload-button-text">ПРИЛОЖИТЬ ФОТО</button> 
<input class="rf-upload-button" name="fileupload" type="file">
</div>
<div><button class="uk-button rf-button-send">Отправить сообщение
</button></div>
</form>

Я отправляю на телеграм.

В общем если ввести в текстовое поле текст, выбрать файл и нажать кнопку "ПРИЛОЖИТЬ ФОТО", то ничего не отсылает и текстовое поле очищается и в браузере к адресу сайта добавляется информация о разрешении экрана, реферальная ссылка и имя файла.
Когда заполняю текстовое поле и добавляю фото то на телеграм приходит информация с текстового поля и название вложенного файла. Я пробовал разные фото и файлы, не отсылает.

В История отправки форм не отображаются то, что было передано через <select> <option>.
На телеграм приходят эти данные формы из <select> <option>.
И еще такой вопрос, я еще не проверял, я так понял можно послать сообщение на два бота, добавить два токена и с помощью ID будет выбираться токен для каждого ID?

немного не понял вопроса...
Если у вас в списке будет несколько chatit для telegram, то отправка будет на все.
Если нужно другое поведение - можно выбрать с помощью параметров формы на какие chatid отправлять.

В истории отправки форм должны отображаться параметры select.
Если не отображается - скопируйте сюда код формы - я проверю, и если есть ошибка - будет выпущен багфикс

• Теперь в логах отправки корректно учитывается часовой пояс сайта. Проверьте настройки часового пояса сайта в разделе 'Настройки -> Сервер -> Часовой пояс сервера'
• Добавлена возможность отключения дополнительной информации для e-mail. Теперь в письмах можно отключить дополнительную информацию о посетителе (такую как IP адрес, разрешение экрана и адрес, откуда пришел посетитель)
• Отображаемая длина рефера (адреса, откуда пришел посетитель) теперь ограничивается 64 символами. Это позволяет не ломать дизайн писем через чур длинными адресами (чаще всего они получаются у посетителей из Яндекс поиска)
• Минимальная версия Joomla 3.7
• На страницах, где не используется форма обратной связи все равно будет записываться IP  для Яндекс метрики
• Введена возможность переопределения шаблона писем
• Добавлен новый шаблон писем, который адекватно отображается на различных емейл клиентах
• Теперь более корректно проверяется очистка папки с отправленными файлами
• Добавлена проверка того факта, что div для списка загруженных файлов располагается внутри формы
• Исправлена ошибка, когда список загруженных файлов оказывался одним для всех форм на странице

• добавлена интеграция с сервисом Jivosite
• подчищен JavaScript код

<input class="uk-input required" name="name" placeholder="Ваше имя..." type="text">

<input class="uk-input required" name="phone" placeholder="Ваш телефон..." type="text">

<input class="uk-input required" name="email" placeholder="Ваш email..." type="text">

Очень удобный плагин, не хватает только возможности интеграции с AmoCRM, чтобы записывались новые сделки при отправке формы.