Поддержка Плагины Форма обратной связи (Contact Form 7) во всплывающем окне (Popup maker)

  • Всем привет, у меня возникла проблема с созданием формы обратной связи в всплывающем окне (находиться в шапке сайта, зеленая кнопка «Оставить заявку»), а именно форма обратной связи не влезает в сам popup. Форму обратной связи вставил в popup maker с помощью шорткода Elementor. Поэтому подскажите пожалуйста как: а) настроить scroll в popup окне
    б) уменьшить по высоте поля ввода данных (прямоугольники куда юзер пишет своё имя,телефон,мыло и т.д.).
    Если такой плагин как Popup maker не подходит, то можно попробовать другой
    Вот сам код формы:
    <label> Ваше имя (обязательно)
    [text* your-name] </label>

    <label> Ваш телефон (обязательно)
    [tel* tel-540] </label>

    <label> Ваш e-mail (обязательно)
    [email* your-email] </label>

    <label> Опишите подробнее ваш заказ
    [textarea your-message] </label>

    <label> [file file-272 limit:8589934592] </label>

    <label> [submit «Отправить»] </label>

    <label> [checkbox checkbox-93 «С условиями оферты ознакомлен»] </label>

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • форма обратной связи не влезает в сам popup

    Что не так?
    http://joxi.ru/L2164k8t8MBzWA
    А вот в мобильной версии эта форма выглядит выглядит довольно убого и до самой зеленой кнопки не так просто добраться. Вывод — лишний раз подтверждается истина, что попапы это зло. Особенно для мобильных версий сайтов

    Я полностью с тобой согласен, попапы это зло, но просто заказчик хочет именно попап. С мобильной версией я разберусь, спасибо за комментарий. Если что, я понял как добавить scroll в popap, для этого заходим в настройки попапа => Отображение, в пункте «Размер» выбираем «Пользовательский», и после этого появляется пункт «Прокручиваемое содержимое». Просто может кому понадобиться. Но все же остается вопрос, как уменьшить высоту поля ввода данных в contact form 7, подскажите пожалуйста.

    Вывод — лишний раз подтверждается истина, что попапы это зло.

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

    Спасибо за поправку, теперь буду более грамотен в этом плане, но мне бы узнать как уменьшить высоту поля ввода данных в contact form 7

    но мне бы узнать как уменьшить высоту поля ввода данных в contact form 7

    Всё это — css. Вне зависимости от используемых плагинов (они лишь могут управлять этим).

    Судя по <div id="popmake-4864" style="width: 50%; height: 60%; top: 89px; left: 410px; opacity: 1; display: block;"> это прописано в плагине попапа.
    Либо его настраивайте, либо переопределяйте своими стилями. В дочерней теме или в кастомайзере.

    @nikita404 а где вы нашли настройки для попапа?

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Тема «Форма обратной связи (Contact Form 7) во всплывающем окне (Popup maker)» закрыта для новых ответов.