Форма обратной связи для WordPress с помощью Elementor Pro. Часть 1 - Создание формы.
ฝัง
- เผยแพร่เมื่อ 9 ก.พ. 2025
- Купить Elementor PRO - digitalalex.ru...
Инструкция по тарифам и как купить - • Разбираемся в тарифах ...
Форма обратной связи для #WordPress - пожалуй самая горячая и «вечнозелёная» тема поиска пользователей и обсуждений. С помощью конструктора страниц #Elementor Pro можно легко, быстро, а главное визуально, создать форму обратной связи и начать принимать заявки. Да, формы в Элементор далеко не идеальны, но всё же они закрывают порядка 80% потребностей такого же количества пользователей. Смотрите видео, создавайте форму обратной связи визуально, без единой строчки кода. Ну, почти =)
Всё об Elementor:
Обзор Elementor - • Elementor - первый обз...
Обзор Elementor PRO - • Elementor Pro - обзор ...
Скачать Elementor бесплатно - digitalalex.ru...
Купить Elementor PRO - digitalalex.ru...
Код для письма забирайте здесь:
digitalalex.ru...
Видео про интеграцию через Zapier:
• Отправляем данные форм...
• Из формы Elementor PRO...
Если письма попадают в спам или не приходят:
• Письма от WordPress по...
• WordPress не отправляе...
#️⃣ Присоединяйся:
Канал - digitalalex.ru...
Сайт - digitalalex.ru/
Telegram - digitalalex.ru...
Вконтакте - digitalalex.ru...
Я.Дзен - digitalalex.ru...
Rutube - digitalalex.ru...
Нравятся видео про Elementor? Поддержите выпуск новых! wplovers.pw/donate/
Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово!
Поддержать WPlovers wplovers.pw/donate/
Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана.
Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма.
Спасибо! wplovers.pw/donate/
Здравствуйте. Спасибо за урок. А можно ли как то в форму добавить ссылки на Пользовательское соглашение и Политику конфиденциальности? что то я полазил и не нашел
Здравствуйте, как сделать, чтобы клиенту отправлялось сообщение на e-mail об успешности отправки формы?
Спасибо огромное за помощь! Очень понятно и доступно!
Thanks a lot! You helped me out.
подскажите вылетает ошибка при отправке формы Your submission failed because of a server error.
Your submission failed because of an error. маил получателя и маил отправителя в елементоре заполнены действительные.....
Здравствуйте подскажите пожалуйста можно ли здесь форму телефона что бы Выглядела так +7 ( ) ...-... Ну это примерно чтоб в скобки ставили абонента , а дальше свой номер.
У вас получилось этого добиться?
Не могу найти ответ на свой вопрос. Допустим у меня есть разные товары, и есть форма. Под товаром есть кнопка типа Заказать. Можно ли связать эту кнопку не просто с формой, а с соответствующий пунктом выпадающего списка формы ? То есть клиент находит на сайте нужный товар, нажимает на кнопку Заказать и кнопка его отсылает на поле формы, где уже выбран нужный товар в выпадающем списке. Клиенту останется только дозаполнить форму и отправить.
Здравствуйте Александр, у меня вопрос, когда я пробую отправить сообщение на локальном сервере, то есть на компьютере, появляется сообщение о том что все успешно, когда я разместил сайт на хостинг (по вашему видео), то появляется сообщение что сообщение не отправлено. В чем может быть причина, хостинг Beget, домен платный.
Можете помочь, в видео я так и не заметил как можно настроить приход письма клиенту. Какая задача, у меня есть форма в которой заполняется имя емейл телефон, после отправки письмо с контактами приходит мне, но ответ на регистрацию пользователя не приходит ему, что нужно указать в email2 что бы письмо приходило и пользователю который заполнил данную форму ???
Добрый день! Подскажите, пожалуйста, как сделать 2 выпадающих списка так, чтобы при выборе значения в первом списке происходил отбор значений второго списка? Например, выбираем марку авто в первом списке, а во втором остаются только модели этой марки.
Добрый день!
Подскажите, Можно ли этот функционал или возможно какой-то другой на базе Elementor Pro использовать для выведения заполненной формы на печать?
Есть ли возможность в этих формах элементора сделать согласие с обработкой данных и чекбоксом?
Спасибо огромное!
Здравствуйте! А если поля формы имеют type HTML, то шорткода у них нет. Каким образом можно осуществить отправку данных этих полей на email?
Подскажите пожалуйста, где хранятся прикрепленные пользователем файлы? В письме приходит только ссылка: ...wp-content/uploads/elementor/forms/5****.pdf например. Только на хостинге? Есть ли способ, чтобы файл вложения приходил сразу прикрепленным к письму?
Я нашел на хостинге
Александр, подскажи пожалуйста, можно ли сделать так, чтобы при выборе редиректа страница благодарности открывалась в новом окне? Помоем разрабы забыли эту галочку в настройках редиректа поставить ))
Большое спасибо, за такой великолепный и, самое главное, понятный курс. Реально задумываюсь о покупке PRO версии Elementor'a, в связи с чем возникает вопрос - можно ли с помощью него организовать вывод информации во вкладках (очень важно для отображения)? Может я где-то упустил, но не видел такого в инструментах. И пользуясь случаем ещё маленький вопросик - в записях будет присутствовать 3-D тур, не подскажете ли - дружит ли Elementor с какими-нибудь плагинами, позволяющими выкладывать 3-D туры или панорамы. Спасибо)
Вкладки пока очень базовые. Есть виджет в бесплатном Elementor, так и называется. Я довольно давно писал разработчикам про мощные вкладки, показывал примеры, но они пока тормозят с их разработкой. Там другое крутое решение готовится.
Плагины с 3D-турами поддерживают шорткоды. В Elemantor есть виджет Шорткод. Вставляете и появляется панорама. Однако, рекомендую протестировать перед покупкой про версии, тем более, что виджет Шорткод доступен в бесплатном Elementor.
Плагинов для 3D-туров не подскажу, не приходилось работать с ними, но они есть. Ищите по 3d tour wordpress и пробуйте.
Спасибо, так и сделаю (насчёт 3d туров). Виджет вкладок действительно проглядел. Сейчас посмотрел - действительно скромный функционал, что не радует. Интересно, что же за крутое решение готовится?)))
Что то не как не могу найти вторую часть данного урока)
Его ещё не было.
Здравствуйте! У меня вопрос по продолжению ролика про создание формы заявки с помощью плагина Elementor Pro. В первой части вы рассказали лишь про вкладку Содержимое, а про настройки вкладки Стиль и Расширенные нет. Когда будет 2 часть урока?!
Видимо тогда же, когда и все остальные ))
привет.
два вопроса:
1 - что посоветуешь использовать, contact form 7 или встроенную в elementor форму обратной связи? и почему.
2 - под каким-то видео просил направить авторам элементора замечание и предложение по работе сетки, получилось?
1. Если хочется возиться с дизайном HTML+CSS, тогда CF7. Она пофункциональней в том плане, что для неё куча дополнений? цели метрики можно настроить, заголовки страниц передавать и т.д. Если хочется быстро, то форма Elementor пока лучшее решение.
2. Я тебе задал вопрос к тому комментарию про более подробный сценарий использования статического размера колонки. Напиши сюда, после сформулирую запрос разработчикам.
th-cam.com/video/6ajTJ0hRq5w/w-d-xo.html
практически сразу там был дан развернутый ответ.
Ты имеешь в виду заложенный в самом предложении по сетке? Если так, то постараюсь описать то, что ты написал разработчикам.
не понял, но наверное да.
нужна возможность кроме % задавать размер в px, хотя бы для одной/нескольких ячеек, остальные ячейки /одну оставшуюся - определять как % - фиксированное значение.
думаю, при таком подходе достаточно будет просто добавить дополнительные опции, проблем с существующей системой сеток быть не должно. flexbox прекрасно поддерживает подобные решения.
Хорошо, я скопировал себе оба коммента. Составлю запрос.
Александр, здравствуйте!
Подскажите, пожалуйста, как в ячейке "Дата" в поле "Минимальная дата" написать сегодняшнюю. Так, чтобы когда человек выбирал, он не мог выбрать вчерашний день или более ранний. (требуется для регистраций в хостел)
В контактной форме от Elementor Pro
Здравствуйте, Максим!
Увы, но на данный момент никак. Надо бы черкнуть разработчикам.
Спасибо за ответ! 😊
@@PsionicD Если есть аккаунт в github, то можете поставить здесь +1 github.com/pojome/elementor/issues/6763
Спасибо за качественную подачу и сам материал. Хочу спросить у тебя:1) Как мне цели метрики настроить на Елементоре , без участия контакт форм 7 ? 2 вопрос ( очень важный ) Покажи или расскажи как наладить сайт в соответствии с требованиями Роскомнадзора ( Согласие на обработку : подчёркивание в форме ( ИМЕННО В ФОРМЕ , элементом Радио-кнопка ввиде ссылки на попап-окошко в Popup Maker ( пробовал не получилось ) Важно понять как сделать именно в ФОрме , т.к поскольку если человек Ненажал на Радио-баттон , форма не может отправиться, а под формой писать нету смысла ) Спасибо ! Лайк тебе и спасибо ещё раз за крутой контент.
Пожалуйста, Александр.
1) Пока только через переадресацию на страницу благодарности. Я написал разработчикам, чтобы добавили цели метрики и аналитики. Взяли в разработку. А видео ты не внимательно смотрел, я в нём об этом говорил.
2) В форме никак. HTML не воспринимается при вводе элементов чекбокса. Я конечно могу написать об этом разработчикам, но ждать, что они сделают это быстро и вообще не стоит так как запад не страдает такой ерундой, как страдают наши.
Мне видится следующее решение. Делается галочка в форме, что согласен на обработку данных, а под формой текст:
Ознакомьтесь с соглашением на обработку персональных данных
где #popmake-123 это id твоего попапа.
Если уж эта контора и решит до тебя докопаться (что мало вероятно, нужен ты ей больно), этого будет уже достаточно.
Или у тебя рекламу без этого не пропускают? Я если честно с таким не сталкивался и реклама спокойно идёт на сайт даже без политики конфиденциальности потому что на нём понятно, зачем человек оставляет данные.
Спасибо за развёрнутый ответ ! Буду пробовать , отпишу , что получилось.
Пожалуйста, Александр. Пиши конечно. Кстати, я тоже Александр =)
Александр. Хотел спросить по поводу рекапчи от гугла. Пользовался ли ты ей в элементор? Я подключал у себя, она работала, но сайт начинал безбожно тормозить и во всех тестах типа гугл пейдж спид или gtmetrix сразу проваливается около 20 баллов именно из-за рекапчи. Не сталкивался с таким?
1 раз устанавливал на пробу, а так не пользуюсь. Любые внешние сервисы тормозят загрузку вашего сайта: карты, виджеты соцсетей, видео, ну и капча туда же.
А каким конструктором форм пользуетесь чаще всего? contact form 7 ? А как тогда боретесь со спамом в всплывающих формах и т.д.? Я установил wpforms - как визуальный конструктор форм - вещь, а вот от спама встроенный honeypot не спасает, а гугловская капча тормозит сайт. Ищу решение.
Для CF7 Akismet + Honeypot спасает. Как там с wpforms не знаю. В форме Elementor Pro пока встроенного honeypot (спам ловушка) хватает. У вас есть проблемы со спамом в форме Elementor Pro?
Я сейчас сижу на диви билдере, у него есть свои особенности удобные и не очень. После вашего канала начал присматриваться к элементору, мне он кажется "гибче", но еще много недоделок и "сырых" моментов имхо. Было бы круто записать ролик на тему сравнения диви и элементора и еще ролик на тему связки, которую вы описали выше CF7 Akismet + Honeypot. Я просто не пользовался в таком виде. То есть ставим CF7, отдельно ставим akismet (они как-то интегрированы друг с другом?), а хонипот это тоже отдельный плагин или где-то в настройках akismet он включается?
Будет сравнение, не всё сразу.
Ставите Contact Form 7 Honeypot, появится новое поле. Его нужно вставить в форму. Оно будет скрыто.
Поищите видео моего коллеги про настройку Akismet + CF7, там всё хорошо рассказано. Я тоже как-нибудь сделаю, как руки дойдут.
Здравствуйте, Александр! Вопрос по поводу всплывающего окна с сообщением благодарности после отправки формы. Можно ли это как-то реализовать в Elementor Pro? Помогите, пожалуйста)
Возможно, но я не знаю как. Стандартными средствами никак, только костыли лепить.
Есть ли бесплатные аналоги данного плагина формы???? (только не контакт форм 7)
Как вариант wplovers.pw/r/caldera/ есть бесплатная версия и украшалка под Elementor wordpress.org/plugins/elementor-caldera-forms/
Здравствуйте. А что на счет "соглашения на обработку данных и политики конфиденциальности"? Как её лучше реализовать с формой обратной связи в про версии?
Напишите под формой "Заполняя форму я соглашаюсь с политикой обработки персональных данных" на слово политика ставите ссылку. Саму политику размещаете на другой странице или во всплывающем окне th-cam.com/video/cxtMCmP8fD0/w-d-xo.html
Вариант 2. Делаете галочку и пишете то же самое. Ссылку на политику размещаете в подвале с аналогичным сценарием открытия, описанном выше.
Александр, по действующему законодательству, перед тем как пользователь оставит свои данные он обязательно должен ознакомится с политикой конфиденциальности, и само собой "проконтролировать" этот момент мы можем только если он поставит галочку "согласен с условиями", но в элементоре такого я не нашел. Как быть и как прикрыть свой зад?
Сергей, уже написал разработчикам об этом и не только я и, как оказалось, не только в России такое. Пока что предлагаю галочку поставить, сделать её обязательной, но ссылку вынести за пределы формы, так как в самой форме пока не получится её сделать. Просто после формы вставляете текстовый виджет со ссылкой на политику обработки и пару слов с пояснениями. По крайней мере, хоть что-то будет и то хорошо.
Александр урок отличный, спасибо! Но совсем ничего не говорится о внешнем виде формы, как его настроить, она недалеко ушла от страшного интерфейса контакт форм 7, а оптимального решения что сделать с ее внешним видом без навыков программирования не нашел(
Действительно, второго урока я не делал. Объём такой, что не успеваю. Пробуйте что-то пока сами на вкладке стиль покрутить. Там программирование не нужно.
Представляю, спасибо, попробую покрутить;)
Хотя было бы полезно узнать как вы делаете симпатичные формы под дизайны сайтов клиентам.
@@motivaciauspeh Я вас услышал. Постараюсь что-нибудь придумать.
Спасибо за столь подробные видео. Как я понял, ты ВП Крафтер также смотришь :) у Адама классные видео. У меня такой вопрос, можно ли как то формы элементора интегрировать с Justclick? Все качественные иностранные сервисы для генерации лидов к сожалению с джастом, думаю, никогда работать не будут)) Хочется научиться интегрировать его с ними. Это вообще возможно?
Смотрю некоторые видео. Да, Адам молодец.
Justclick никак к сожалению, если они не выдают специальный email для подписки, как этот делал почивший Smartresponder. Просите у них интеграцию через Zapier или IFTT. Это бы решило массу проблем.
Приветствую) спасибо за видео, все очень прозрачно и доступно, но у меня вопрос - не отправляются у меня сообщения хоть убейся ...мозг уже сломал =/ могу я просить здесь помощи?) не могу понять где косяк...
Разобрались? У меня тоже была проблема. Интересно у Вас такая же?
сайт локально делаете ? тогда поэтому.
А как форму поставить по центру ?
Форма растягивается 100% по колонке и у неё нет понятия ширины, а значит и центровки. Сделайте скриншот на то, что хотите сделать. Возможно, подскажу более предметно.
Я уже решил эту проблему путем создание дополнительных колонок слева и справа.
Можно было решить за счёт ширины контента и основной вкладке секции.
Сделал email 2 но дубль не приходит почему то. т е тому, кто заполнил форму, ответа нет(
Начал писать ответ из почты, потом увидел, что исправили. Честно, понятия не имею. У меня приходит.
Спам проверяли? Сервисы (gmail, mail.ru, yandex) одинаковые или нет? Если да, то попробуйте тому, кто заполняет форму задать другой Email. Нужно выяснить причину по которой письмо не доходит или не уходит. Либо что-то не так с настройками формы, либо с сервером. Если уж совсем никак, пишите в соцсетях, ссылки в описании под видео.
WPLovers - о Wordpress понятно и с любовью как я понял, там просто майл 2 выбираешь и всё, ничего больше не надо. В самой форме есть мейл. Как админу сайта мне все приходит, а вот как пользователю, заполнившего форму нет, я указывал разные почты, от яндекс и Гугл...
У меня вот так настроено screenshots.firefox.com/A5OLas1acJji6RVL/wplovers.pw в поле "Куда" нужно вставить шорткод поля email.
УРАААААААААА, получилось.
Александр, можно не по теме немного. Как можно организовать загрузку фото на сайт для пользователей? Т е есть онлайн галерея (страничка) пользователь просто добавляет туда свое фото, а администратор одобряет или нет. Что то ничего не могу найти подходящего, есть такая штука как добавление новостей, с прикреплением изображения, убрал все, кроме имени описания и картинки, но!!! после каждого добавления фото, создается новая запись, а надо что бы просто фотка улетала на заданную страничку.
Не подскажу по галерее к сожалению. Не делал такого, нужно специально разбираться.
Не отправляется письмо, почему не пойму
Может от многого зависеть. Пока хотя бы скриншот настроек не увижу, не пойму.
как сделать чтоб на пошту приходила урл адреса пользователя с которой он прислал запрос?
Есть скрытое поле в котором можно вызвать заголовок текущей страницы через динамические теги