Как отправить данные с HTML формы на почту || How to send data from an HTML form to email HTML&CSS
Вставка
- Опубліковано 13 лют 2024
- В этом видео вы узнаете как сделать секцию с формой обратной связи HTML и отправить данные с этой формы на почту.
🔗 Исходный код (source code): / 98692166
🔗 Image: surl.li/qkatm
🔗 Contac forms: web3forms.com/
⏱Эпизоды⏱
00:24:40 - подключение web3forms
✅ Адаптивный шрифт с помощью функции calc() CSS: • Адаптивный шрифт с пом...
✅ Адаптивный шрифт с помощью функции clamp() CSS: • Адаптивный шрифт с пом...
✅ CSS Переменные: • Переменные в CSS || CS...
✅ Как ускорить написание кода с помощью Emmet в Visual Studio Code: • Как ускорить написание...
✅ Расширение Live Server и автоматическое обновление страницы: • Расширение Live Server...
👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/CodingWithTopchiy
💵 Поддержать канал (support channel): 5375414128564241 (universal bank || mono)
💵 Поддержать канал (support channel): send.monobank.ua/jar/3Aze2gcvVa
💵 Поддержать канал (support channel): / codingwithtopchiy
👍 Subscribe: / @topchiydev
😀Спасибо за просмотр!😀
Спасибо вам большое, потратил неделю что-бы это сделать но не получалось, а тут 5 минут и готово
Пожалуйста)
Дружище, спаситель ты мой. Я сейчас сайт на диплом пишу и своим видосом ты сэкономил часа 2 моей жизни, СПАСИБО ТЕБЕ!!!!!
Пожалуйста)
Рад, что смог помочь 👍
Чувак, ты не представляешь как же ты помог. Мне срочно нужно было сделать отправку формы на почту. Ты святой человек! Лайк!
Пожалуйста)
спасибо большое, все работает, ёмко и по делу))))
Пожалуйста)
Спасибо, всё работает! Много полезной информации
Пожалуйста)
Рад, что видео оказалось полезным 👍
Здравствуйте! Спасибо! Всё получилось!
Приветствую!
Отлично 👍
Спасибо за обратную связь)
Дружище! Супер крут! Спасибо!!!
Пожалуйста)
Спасибо, очень сильно выручил! Всё работает! Однозначно лайк!
Пожалуйста)
Рад, что все получилось 👍
Ты просто лучший!!!
Спасибо)
отлично, спасибо огромное
Пожалуйста)
Спасибо, очень помог!
Пожалуйста)
Рад, что видео оказалось полезным 👍
Хохохо, да ты ведь лучший!
Спасибо)
спасибо мужик)
Пожалуйста)
Спасибо, очень помог, необходимо было сделать на сайте обратную связь, через модели никак не получалось, а тут такой простое в два клика оконченное решение !
Пожалуйста)
Рад, что смог помочь 👍
видео название про отправку данных а там все про верстку
Вот таймкод 24:38
😎👍
👍
Видео про данные, а больше половины верстка... А так норм👍лакнул
Спасибо за гайд, все работает. Я так понимаю аналогичных бесплатных сервисов в ру сегменте нет? А, и кстати, есть ли возможность убрать капчу или сделать так чтобы она появлялась только при отправке формы?.. А то оч сильно мешает своим видом на сайте...
Приветствую!
Пожалуйста)
Точно не знаю, есть ли еще такие сервисы, не задавался таким вопросом, есть другие способы получать данные с формы в базу данных например, с помощью php.
Вот еще ссылка на документацию: docs.web3forms.com там есть вкладка customization возможно поможет что-то улучшить или убрать.
Бро где ты был раньше??? Спасибо))))
Пожалуйста)
Всему свое время 😀
Спасибо за интересный способ, все работает. Насколько я понял на бесплатном тарифе до 250 заявок в месяц?
Пожалуйста)
Наверное, по тарифам не смотрел.
Спасибо получилось. Единственное вопрос. У меня в форме прикрепляется файл, как сделать так чтобы он тоже отправлялся на почту, а не только его название?
Приветствую!
Пожалуйста)
Точно не подскажу, можете обратится в службу поддержки самого проекта: web3forms.com/help возможно они помогут разобраться.
Здравствуйте, работает только на сайтах которые уже можно открыть по ссылке или есть не на опубликованном вводить, то тоже придёт?
Приветствую!
Должно также сработать, тестировал на GitHub pages.
@@topchiydevвсе равно не получается, если не сложно, могу я вам скинуть код, а вы подскажите где ошибка
Сбрасывайте на почту: codingwithtopchiy@gmail.com завтра под вечер смогу посмотреть и дам ответ.
@@topchiydevхорошо, спасибо
Подскажите, письмо приходит на почту, но сообщение пустое, данные которые вводим в форму не отображаются, что делать?
Приветствую!
Проверьте код еще раз, где-то допущена ошибка.
нужно добавить атрибут name="#", соответственно каждому инпуту, где # - это имя инпута, отображающее его функцию, напр: message, name, phone, e-mail, и т.д.
Всё настолько просто....
У меня такой вопрос. Я сделал веб-сайт с анкетой чтобы провести опрос. Нужно ли мне покупать домен, чтобы просто провести опрос и больше никогда не пользоваться сайтом?
Приветствую!
Это уже как хотите, но лучше в таком случае залить сайт на бесплатный хостинг GitHub и поделится ссылкой на сайт, провести опрос и все. Даже если вы купите домен в любом случае нужно будет делится ссылкой, чтобы об опросе узнали.
@@topchiydev Но если так сделать, ссылка на сайт будет выглядеть как путь к html файлу через диск С. Она будет работать в таком случае?
@@topchiydev Я в этом совсем профан, возможно глупость сказал
Посмотрите это видео: Как загрузить сайт или проект в интернет используя GitHub || Бесплатный хостинг GitHub Pages
ua-cam.com/video/S3pkpo5NqJY/v-deo.html
это поможет разобраться 👍
Все нормально, все мы учимся постепенно 🙌
Спасибо, теперь осталось взломать gmail😅😅😅
Выдает такую ошибку {"success":false,"message":"Unrecognized content-type. Please use other methods."}
Как исправить?
Приветствую!
Не сталкивался с таким, напишите в службу поддержки: web3forms.com/help
Получается что ключ в общем доступе лежит в html файле?
Приветствую!
Да, все верно.
@@topchiydevнасколько это правильно и безопасно?
Приветствую!
Без ключа этот скрипт работать не будет, на счет безопасности один из вариантов это.. кто-то может скопировать ваш ключ вставить себе в форму и вам будут приходить письма на почту, но вероятность что кому-то это понадобится не большая)
Это просто один из примеров как можно быстро и бесплатно сделать отправку информации с формы на почту, использовать его или нет уже решать Вам 👍