Форма обратной связи во всплывающем окне #WordPress

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

100 комментариев к “Форма обратной связи во всплывающем окне #WordPress”

  1. Здрасте, не могли бы помочь?
    После нажатия кнопки отправить, он начинает думать, и никак ниче не придумает, а в коде после нажатия кнопки отправить прописывается ошибка

    Unexpected token < in JSON at position 0

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

    Klats.ru – это мой сайт, кстати я его добавил в список сайтов для критики. Выпадет примерно на 6 августа. Как раз готовлю сайт для критики))

    Такие дела

    Ответить
    • Удалите полностью плагин кеширования и почистите все папки, это явно у вас кеш не правильно отдается

      Ответить
  2. Все классно объяснили, подробно все настроил, работает с первой продажи подержу ваш канал, мат помощью Вот сайт http://trend-brend.ru/ кнопка заказать звонок. Спасибо.

    Ответить
  3. Здравствуйте Артем. А Html ссылку в обычную внешнюю никак нельзя переделать? Чтобы в кнопку темы можно было вставлять.

    Ответить
    • Не понял вопроса. Это как Html ссылку в обычную внешнюю переделать?

      Ответить
    • Я имею ввиду чтобы она работала как обычная http//… Чтобы ее можно было на кнопочку в теме повесить и все. А не делать кнопку и прописывать к ней путь и все остальное (размеры, цвет).

      Ответить
    • А как так сделать не подскажете. Я уже что только не пробовал, ничего не получается. В итоге пришлось прописывать. Просто примерчик какой-нибудь можете показать, из чего она хотя бы состоять должна, какой путь должен быть.

      Ответить
    • Путь куда? У вас в ссылке вообще ничего не будет, насколько помню EasyModal дает ссылку для примера, а к ней уже можно любые стили примерять

      Ответить
  4. Здравствуйте, очень часто смотрю ваши ролики…. Многому научилась. Спасибо Вам. Если Вам не трудно , может подскажите как создать предзагрузочную страницу. То есть перед тем как загрузится сайт, сначала появляется картинка на 3 секунды а потом уже сам сайт. А то уже весь интернет перелопатила))) Спасибо.

    Ответить
  5. Приветствую. Спасибо за видео. Плагин работает отлично. Но после его установки заметно начала сильно тормозить админ панель.

    Ответить
  6. Здравствуйте, а как это сделать в Divi теме? Через кнопку? Тогда я не пойму что куда писать

    Ответить
  7. Доброго времени суток! *Может кому то будет полезная информация. Установил этот плагин “Easy Modal” месяца 3 назад, все работало замечательно на разных сайтах но буквально недели полторы назад начались проблемы, а именно – начала тормозить админ часть некоторых сайтов (сохранение / переход по разделах админки с задержкой 20-40 секунд) при этом сами сайты работали нормально. Перебором по очередным отключением плагинов выяснил что это “Easy Modal” тормозит админку. На одном из форумов написали что плагин может пытаться обновится (что у него не получается) и за счет этого тормозит админку и работу с админ частью превращать в БОЛЬ!!! Нашел аналог “Easy Modal” плагин “Popup Maker” (бесплатный) от разработчиков “Easy Modal” но более новая и подвинутая версия + в нем идет 6 дефолтных настраиваемых тем модалок и возможностью создавать и добавлять свои темы модалок. “Popup Maker” работает по такому же прицепу как и “Easy Modal”

    Ответить
    • Ну да, тяжелый плагин, выше в коментах было про “Popup Maker можно еще и Фансибокс использовать

      Ответить
  8. Привет, как сделать так, чтобы форма закрывалась при нажатии клавиши esc?

    Ответить
  9. Артем большое спасибо. Все работает! Единственное при уменшении окон, активная картинка (“заявка на ремонт”) попадает под содержимое страницы. Как сделать чтобы она всегда была поверху?

    Ответить
  10. Здравствуйте! Спасибо за полезную информацию, но что-то не получается установить. Пытаюсь установить ссылку/кнопку со всплывающим окном на стандартную тему Twenty Seventeen, но ссылка (или кнопка) устанавливается почему-то ПОД медиафайлом заголовка, то есть визуально не отображается. Ее видно только, если удалить этот медиафайл. Что делать?

    Ответить
  11. Добрый день! gestalt-therapy.pro Беда какая то! Все получилось и снова кнопки (ссылками) в левом верхнем углу и не двигаются((( Помогите, пожалуйста, разобраться. Может для ссылки надо тоже что-то написать, у вас для кнопки было .obrzv img, у меня для ссылки без img. ???? При этом телефон стал кликабельным и зафиксировался. (((((((((( А мне нужно эти кнопки Записаться и Обратный звонок оттащить в правый верхний угол(((((((( прописала так: }
    .obrzv {
    cursor: pointer;
    position: fixed;
    left: 60%;
    color: black;
    top: 0%;
    }
    .zapisat {
    cursor: pointer;
    position: fixed;
    left: 60%;
    color: #e6861f;
    }

    для:

    Ответить
    • к сожалению не работает(( если в редакторе html я задаю ссылке держать левого края или правого края, то ок. А прописывать не получается, сначала работало, а потом какой то сбои, игнорит классы и все.. как думаете, что может быть? и можно ли в html ссылке задать расположение (не самый край право, а сколько то процентов)???

      Ответить
  12. Здравствуйте.
    У меня страница строится page bilder(ом). Я туда добавил SiteOrigin Кнопка. В нее я вставляю код easy modal и ничего. При нажатие кнопки кидает на страницу с ошибкой. Подскажите пожалуйста как быть?

    Ответить
  13. Добрый день. прекрасное видео ! все доступно и понятно. подскажите пожалуйста, возникла проблема при выводе в шапке сайта ФИКСИРОВАННОЙ картинки, проблема возникла с редактированием через админ панель сайта. не сохраняет и
    выдает ошибка подключения к сайту.Если выводить через виджет, всё работает.
    версия вордпрес 4.9.1

    Ответить
    • Добрый! Тут не подскажу, это надо конкретно вашу тему смотреть

      Ответить
  14. Не работает, к сожалению. Просто появляется строка

    Ответить
    • Значит где-то конфликт, пробуйте плагины поотключать лишние

      Ответить
  15. Народ у меня вот такая проблема. Через админку WP не удается редактировать header.php . Соответсвенно кнопку на сайт поставил через Sublime на тот же header.php. Теперь header.php не хочет видит стиль для кнопки obrzv. Какие варианты решения предложите?

    Ответить
  16. Как сделать, чтобы форма всплывала через определённой время нахождения на определенной странице?

    Ответить
    • Надо или скрипт писать или отдельный плагин использовать. Например Bloom

      Ответить
  17. Здравствуйте, Артём. Я хочу сделать простейшую форму через Contact Form 7: поле для e-mail и “Отправить”. Я перехожу к форме по умолчанию, удаляю в ней лишние поля. Но когда вставляю на сайт, в этой форме опять высвечиваются все поля (как было по умолчанию). Как это исправить? Спасибо.

    Ответить
  18. Это плагин добавляет 0,5 Мб к размеру сайта. Нет другого решения?

    Ответить
  19. У меня не получилось . Я не ставила второй плагин, не дошла когда начинала сохранять созданную форму,то выставили ошибку в “письме”

    Ответить
  20. Добрый день как сделать плавное закрытие посли отправки формы в нутри модального окна

    Ответить
    • Это уже сложнее. Попробуйте использовать плагин Popmaker для всплывашек. Он вроде так умеет

      Ответить
  21. Спасибо чувак, у меня всё получилось. Очень красиво вышло…. Это видео сильно помогло особенно, вторая часть про красивые кнопочки, я гифку воткнул, трясётся звенит…. ох хорошо….. Очень Очень большое спасибо !!!!

    Ответить
  22. Добрый день. не работает style добавляю всё в файл style.css с классом как положено , а картинка остается на своем месте, зато если прописываю style в нутри дива то всё работает

    Ответить
    • Логично, это называется приоритет загрузки, если впиливать стили в див, то будет самый высокий приоритет. А через файл не работает, видимо с классами что-то не так…

      Ответить
  23. Еще вопрос . помоги пожалуйста. Как сделать чтобы эта кнопка не отображалась в мобильной версии сайта

    Ответить
    • Используй медиазапросы, и под нужным разрешением скрывай

      Ответить
  24. Всё сделал как на видео, НЕ ВСПЛЫВАЕТ ОКНО, плагин в магазине нет, скачивал а потом заливал на сайт. УСТАРЕЛО ВСЕ ВИДЕО НУЖНО УДАЛИТЬ.

    Ответить
  25. Здравствуйте! Подскажите, пожалуйста, мне нужно вместо кнопки добавить в корзину, кнопка заказать, при нажатии которой, чтоб открывалась контактная форма. Пробовала сделать партнерский товар, но там нужно вставить внешнюю ссылку, а не код.

    Ответить
  26. Ребят, я нашел решение, которое упустил автор.
    Вы можете поставить всплывающее окно на любую кнопку на сайте. Для этого кликаете на кнопку на сайте в Элементоре, заходите на вкладку “Расширенные”(имеется ввиду расширенные настройки кнопки), далее находите два окошка внизу “CSS ID” и “CSS классы” и в оба класса вставляете название вашего modala, то есть у кого-то это eModal-1, а у кого то другое(без каких-либо других символов, просто название), в Examples вы найдете точное название, как и говорит автор. После этого обновляете настройки и все работает.

    Ответить
    • А какая связь с Элементорм? В видео про Элементор ни слова

      Ответить
  27. Спасибо. все у меня получилось. Но! Тестируя замечаю, что если не заполнить обязательное поле (у меня телефон) окно просто исчезает, а нажимаешь опять на кнопку вызова формы появляется окно, в котором выделена ошибка в том поле которое не было заполнено. Ну подскажите КАК настроить,чтобы окно не закрывалось в случае ошибки!!! С плагином popup maker все работает в этом плане норм. Но мне больше нравится easy model((

    Ответить
    • Это скорее проблема как раз плагина easy mode видимо у него события отрабатывают так. Разбираться придется долго и муторно, проще popup maker использовать

      Ответить
  28. Спасибо огромное! Всё чётко и по делу. Получилось сразу!!!

    Ответить
  29. вы заманали все, гденибудь есть видео как сделать всплывающую форму связи для самописного сайта, а не для cms???? такое ощущение что все сидят на вордпрессе!

    Ответить
    • По сути разницы никакой нет, просто форма подвешивается на кнопку. А в ВП уже есть готовое решение под это, потому и все проще

      Ответить
  30. а не подскажете, как закрыть от индексации определённый попап ? )) (popup maker )

    Ответить
    • Дак он не должен индексироваться. Там же как внутренние записи сделаны и их снаружи нигде не должно быть. Ну как вариант еще через Yoast можно позакрывать

      Ответить
  31. Добрый день, использую тему deli, все получилось (спасибо за видео, толковое), только кнопка получилась на заднем фоне, под всеми элементами, как ее вывести не передний план?

    Ответить
  32. не в то место вставила в коде…теперь у меня нет шапки красивой на лендинге, код теперь полностью пустой..хоть заново переделывай, эх

    Ответить
    • Бекап надо делать. Если файл не сохраняли, то все придется по новой, а так можно исходный файл закинуть и все должно восстановиться

      Ответить
  33. Добрый день, подскажите пожалуйста добрые люди. Создаю форму в плагине CF 7 – простая формочка имя с номером, но вот ведь не задача, при заполнении этой формы и отправке, на почту не приходит номер, раз 10 пересоздавал уже. Ткните пожалуйста, что я делаю не так.

    Ответить
    • Добрый! В настройках письма нужные поля указали? А то может просто нечему приходить

      Ответить
  34. Сделал как на видео но письма на почту не приходят, работал в денвере. Может я что-то не так сделал?

    Ответить
    • С денвера и не придут. Денвер умер давно, используйте Опен сервере или реальный хост

      Ответить
    • С опен сервер тоже не приходят на гмаил. Хотя я там всё правильно настроил. Пришлось выбрать пункт сохранять письма в папку.

      Ответить
  35. А, как можно создать открывающееся окно с в полями для имя и E-mail, в тот момент, когда посетитель сайта закрывает страницу сайта?

    Ответить
    • Скриптом отлавливать событие закрытия, или плагин какой использовать, но это плохой способ. Раздражает ползователей

      Ответить
  36. Добрый день!
    После вставки в теме Child топ баре, окошко которое выскакивает с полями переграждается менюшкой с категориями товаров, и частично с поисковой строкой, не могу понять как убрать? Почему окошко не поверх всего сайта?

    Ответить
    • Добрый! Добавьте к стилям z-index:10000
      После этого должно все работать

      Ответить
  37. У меня есть кнопка в теме в которую я хочу вставить форму обратной связи, попап использовать в этой кнопке нельзя, только прямую ссылку (Link), можно ли добавить что то в прямую ссылку что бы вылезло окно обратной связи?

    Ответить
    • Нет, так не получиться, любая всплывашка работает на какой-то атрибут в ссылке…

      Ответить
  38. не всплывает окно…жесть сколько уже плагинов перепробывал и ваш такая же ситуация(((

    Ответить
    • У всех всплывает у вас не всплывает. Значит у вас какие-то проблемы. Может плагин какой блокирует, может тема так сделана. Это надо проверять и тестировать

      Ответить
  39. Всё так и сделал, как в примере, но возникла проблема. На компе всё работает отлично. А вот с мобильного – картинка оказывается внизу страницы (если в подвал добавлять), если в хед – то смещает сайт (шапку сайта). Т.е. она не поверх и в заданном месте оказывается, как это видно на ПК. В чём может быть проблема ?

    Ответить

Добавить комментарий

%d такие блоггеры, как: