Как сделать всплывающее окно на WordPress | Плагин модальных окон Popup Maker | WordPress с нуля

Поділитися
Вставка
  • Опубліковано 5 лис 2024

КОМЕНТАРІ • 43

  • @ivan_zh
    @ivan_zh  2 роки тому

    Заказать у меня сайт - t.me/ivan_zh

  • @shaginov
    @shaginov 2 роки тому +2

    Отличный плагин, спасибо за описание

    • @ivan_zh
      @ivan_zh  2 роки тому

      Пожалуйста :)

  • @seoonlyRU
    @seoonlyRU 3 роки тому +1

    Спасибо, Иван))) лукас от СЕООНЛИ

    • @ivan_zh
      @ivan_zh  3 роки тому

      Всегда пожалуйста! Заходите ещё :)

  • @sapyor
    @sapyor 8 місяців тому

    Так и не смог найти, куда записывать CSS стили для этих окон, например банер с картинкой, текстом и кнопкой "получить скидку". Вставляю их в frontend-min-css. Но мне кажется это не совсем правильно, видел у другого плагина у попапов есть вкладка для кастомного CSS

  • @olgagolden7984
    @olgagolden7984 2 роки тому +1

    как заказать у вас сайт и сколько будет стоить как долго ждать чтоб был готов ? буду ждать ответ. спасибоо

    • @ivan_zh
      @ivan_zh  2 роки тому

      Спасибо за обращение, от ответил в телеграме

  • @denisk5606
    @denisk5606 2 роки тому +1

    Спасибо интересные видео на канале, но есть вопрос как можно стилизовать попапсы, например нужен попапс с лого с прозрачностью или что-то подобного чего нету в обычных настройках попапс. Или нужно как-то в елементоре сначала сделать форму и потом шотркод этого элемента Элементора вставить в popupmaker плагине?

    • @ivan_zh
      @ivan_zh  2 роки тому

      Необходимо изучить основные языка CSS и тогда вы сможете стилизовать форму как хотите, по своему желанию.

    • @denisk5606
      @denisk5606 2 роки тому +1

      @@ivan_zh Я знаю CSS просто не понимаю как верстать прям в вордпресе разве что так как вы на видео показывали заменить стили Кнопки в хедере через HTML а в случае с формой то получается Нужно добавить свой HTML но у контакт форм и popupmaker свои стили будет сложно их стилизровать наверное

    • @ivan_zh
      @ivan_zh  2 роки тому

      @@denisk5606 Посмотрите видео про этот плагин, через него удобно css свои вносить - ua-cam.com/video/5avrQINoWI4/v-deo.html Касаемо стилизации форм, всплывающих окон и вообще чего угодно, находите родительский класс объекта который надо стилизовать и от него пишите стили для дочерних элементов, которые надо кастомизировать. HTML не надо трогать вообще.

    • @denisk5606
      @denisk5606 2 роки тому +1

      @@ivan_zh Спасибо обязательно гляну, я вообще планирую все видео пересмотреть, у вас хороший контент, тем более вы практик. На счет вёрстки форм - а если в форме должно присутствовать лого, допол текст либо что-то необычное, то для него все равно наверное нужно написать html ? А со стилями я так понял правиться и contact form-7 и Popupmaker ?

    • @ivan_zh
      @ivan_zh  2 роки тому

      @@denisk5606 ну если в форме лого и доп. текст нужен, то да, нужно html сделать, прямо внутри cf7, там любой html каркас можете накидать и потом для него стили сделать. Css проще и быстрее свои накидать, чем в настройках popupmaker копаться.

  • @ДенисЧеловеков
    @ДенисЧеловеков Рік тому +2

    В астре в хедер кнопку можно через виджет добавить

    • @ivan_zh
      @ivan_zh  Рік тому +1

      Да, так будет проще, кому с html конструкцией сложно

  • @SPORTCHEER
    @SPORTCHEER Рік тому +1

    О Тюмень =)

  • @アカツヌアカタキ
    @アカツヌアカタキ Рік тому +1

    А как сделать чтобы во всплывающем окне показывалось содержимое записи ? не какая то статичная информация, а именно содержимое записи. К примеру я ходу посты выводить в модальных окнах ?

    • @lovelyangel4110
      @lovelyangel4110 Рік тому

      тот же самый вопрос

    • @ivan_zh
      @ivan_zh  Рік тому

      Сделать шорткод в functions.php, который выводить почты через wpquery и разместить его в модалке

  • @ВладиславаБойко-у6о
    @ВладиславаБойко-у6о 8 місяців тому +1

    Подскажите, куда вставлять код css, если у меня кнопка в хедере?

    • @ivan_zh
      @ivan_zh  8 місяців тому

      Не важно где расположена кнопка, стили применяются ко всей странице. В настройках большинства тем есть раздел куда можно вставить стили.

  • @AntonManilov
    @AntonManilov Рік тому

    Здравствуйте. Как сделать всплывашку при нажатии конкретного слова в тексте (какой то текст на 100 слов например - и при нажатии определенного слова - всплывашка) ? Спасибо

    • @ivan_zh
      @ivan_zh  Рік тому

      Здравствуйте. В html разметке делаете: ваше слово. Где your-class - это класс всплывашки.

    • @AntonManilov
      @AntonManilov Рік тому

      @@ivan_zh Здравствуйте. например у меня есть вот такой CSS класс popmake-2283 . Не понял куда именно вставлять. Выделяю конкретный текст - открываю шорткод Popup Maker - открываю "вызов всплывающего окна" - в разделе "основные" выбираю уже подготовденный popup "целевое всплывающее окно" - затем текст, и в разделе "опции" - HTML-тег * - вот сюда надо вставлять то, что вы написали ? и чуть ниже еще раздел "CSS класс" - его с точкой писать или нет ? PS: на моём канале в ютубе есть мои контакты - буду рад, если вы сможете более подробно объяснить. Спасибо

  • @vitaliizakrevskyi7497
    @vitaliizakrevskyi7497 Рік тому

    Подскажи плз почему стили к полю телефон не подтягиваются? Имя и мыло красивым серыми цветом края полей, а телефон добавляю, у него поля черным цветом стандартным html-евским.

    • @ivan_zh
      @ivan_zh  Рік тому

      Посмотрите какой класс присвоен полю телефона, и пропишите этому классу те же стили что и у поля "имя"

    • @vitaliizakrevskyi7497
      @vitaliizakrevskyi7497 Рік тому

      @@ivan_zh спасибо, это в настройках контакт форм 7 или в попап мейкере искать? или в общих настройках стилей в самом вордпрессе? хочется просто не криво сделать

    • @ivan_zh
      @ivan_zh  Рік тому

      Посмотрите какой нибудь курс по CSS бесплатный. Чтобы понять как писать стили. Добавить их можно будет "внешний вид" - "настроить" - "дополнительные стили"

    • @vitaliizakrevskyi7497
      @vitaliizakrevskyi7497 Рік тому +1

      @@ivan_zh спасибо, я знаю как писать, только не знал где лучше, чтобы код не загрязнять, и не было лишней нагрузки, иногда просто в самих плагинах вроде-бы можно редактировать. Теперь понял, спасибо)

  • @ЗаурТатлыбаев
    @ЗаурТатлыбаев Рік тому

    Добрый день ! Подскажите пожалуйста . Пуп ап работает норм , но иногда перестаёт срабатывать , после нажатия кнопки отматывает наверх и все . В чем причина ? Не всегда могу уследить за этим , деньги сливаются .

  • @lion3269
    @lion3269 2 роки тому +1

    Здравствуйте) подскажите пожалуйста, как вы сделали русский язык плагина?

    • @ivan_zh
      @ivan_zh  2 роки тому +1

      Добрый день. Если вы развернули WordPress и при установке выбрали для него Русский язык, то все плагины, которые устанавливаются на сайт имеющие русскоязычную локализацию видят дефолтный язык движка и подставляют такой же язык. Данный плагин как раз имеет локализацию русского языка и при установке он его подставляет. Ну или посмотрите вот это видео - ua-cam.com/video/XxJTCYvpNHA/v-deo.html :)

    • @lion3269
      @lion3269 2 роки тому +1

      @@ivan_zh понятно) спасибо большое за разъяснения)))

    • @ivan_zh
      @ivan_zh  2 роки тому

      Пожалуйста)

  • @stanislavpanferov
    @stanislavpanferov Рік тому

    👍👍👍

  • @aleksandser275
    @aleksandser275 Рік тому

    2 : 42 Не показано где было взято поле контента . Тоесть новичку прийдется дальше искать на других ресурсах и на других видео где взять это поле, или вообще прийдется искать другой способ.

    • @ivan_zh
      @ivan_zh  Рік тому

      Ну проделайте сначала все по шагам, в потом если столкнетесь с проблемой, то пишите. На видео явно показывается куда я вставил шорткод. Если вы ни разу не вставляли текст в поле контента, то вам точно не с этого ролика надо начинать.

  • @denisk5606
    @denisk5606 2 роки тому +1

    Проблема что в Хроме этот плагин PopuMaker блокируется если установлено расширение Ghostery для Хрома. Я час провозился чтобы выяснить что это окно не всплывает из-за того, что в хроме установлено это расширение :)

    • @ivan_zh
      @ivan_zh  2 роки тому

      Это частный случай. Так что это не критично. Если вы устанавливаете блокираторы, естественно он будет блокировать js код.

  • @Lend99
    @Lend99 10 місяців тому

    Лишнее это все.

  • @FOXoloValka2020
    @FOXoloValka2020 Рік тому

    очень много воды в видео