Pop-up окно из ZeroBlock в Тильде

Sdílet
Vložit
  • čas přidán 26. 08. 2024
  • В этом уроке я расскажу, как сделать своё поп-ап окно в Тильде.
    Поддержать канал монетой: donate.stream/...
    Скрипт: disk.yandex.ru...
    Магазин шаблонов: shop-lp.ru/
    Готовые POP-UP: shop-lp.ru/zer...
    Есть вопросы, напиши нам? 👇🏻
    Телеграм: t.me/shoplp
    ВК: shoplp

Komentáře • 76

  • @asiamalsh208
    @asiamalsh208 Před 2 lety +31

    У меня поп ап почему-то в бок уходил. Поставила window container блока с поп апом на 100% и блок BF503 на ширину 100% в настройках, теперь всё отлично) Спасибо за видео, очень помогли

    • @roksy3725
      @roksy3725 Před rokem +4

      Ваш комментарий очень помог, спасибо

    • @infarkt4717
      @infarkt4717 Před rokem +1

      Ты святая. Спасибо за то что написала этот коммент)

    • @katereno_ph
      @katereno_ph Před rokem +1

      Прошел год, а это все еще актуально. Вы святая, огромное спасибо)

    • @user-vc4fb4ii7r
      @user-vc4fb4ii7r Před rokem

      + одно спасибо!

    • @sabinashpot2707
      @sabinashpot2707 Před 11 měsíci

      + спасибо

  • @LifeinKHV
    @LifeinKHV Před měsícem

    Роман, благодарю!))) Спасибо большое!))))

  • @anelepanele2709
    @anelepanele2709 Před rokem +1

    какой ты красавчик!! просто навес золота!!! ты- золотооо!! спасибо тебе, спас, помог!!! подписалась, лайк поставила))))

  • @romantut8201
    @romantut8201 Před rokem +2

    Cпасибо большое , добрый , щедрый человек - очень полезное видео !

  • @ko7ikov
    @ko7ikov Před rokem +5

    Для тех у кого 2 кнопки, добавьте этот код между в конец - .t390 .t-popup__close {display: none;}

  • @Evundel17
    @Evundel17 Před 11 měsíci

    спасибо вам большое! очень помогли! радуюсь как маленький ребенок!)

  • @irinaryzhova7829
    @irinaryzhova7829 Před rokem

    Роман, спасибо Вам большое!

  • @user-tj1fh4so4h
    @user-tj1fh4so4h Před 9 měsíci +1

    Спасибо за видео! Все получилось!)
    А можно как то сделать так, что поп-ап закрывался после нажатия на кнопку "Получить бесплатную консультацию"?

  • @merkatoz
    @merkatoz Před 2 lety +3

    Это ОЧЕНЬ, ОЧЕНЬ, ОЧЕНЬ хорошее видео. Спасибо!

  • @do0rkeeper
    @do0rkeeper Před rokem

    спасибо, всё грамотно без воды

  • @boykodmitriy
    @boykodmitriy Před 2 lety +1

    Спасибо, все предельно понятно! Надеюсь и работать будет хорошо)

  • @user-lg7jx9hw2i
    @user-lg7jx9hw2i Před 2 lety

    Благодарю за полезный ролик!

  • @maximungershilo4571
    @maximungershilo4571 Před 2 lety

    Отлично, обязательно попробую

  • @user-bc9ch4ey6d
    @user-bc9ch4ey6d Před rokem +1

    Спасибо, все получилось) а как убрать второй крестик, который от попапа Тильды? Сейчас у меня 2 крестика открывается

  • @svetlanag4521
    @svetlanag4521 Před rokem

    лучший урок! спасибо!

  • @valeriepond
    @valeriepond Před rokem

    Спасибо за видео, очень помогло

  • @thegrachevs
    @thegrachevs Před 2 lety

    огромное спасибо! так давно это искал!!! респект

  • @rimmchik__
    @rimmchik__ Před rokem

    Спасибо за видео 😍

  • @The_Lucky_777
    @The_Lucky_777 Před 6 měsíci

    как закрывать форму не нажимая на крестик, а на пустую область?

  • @Alibeksambetov01
    @Alibeksambetov01 Před 3 měsíci

    Роман, Скажите пожалуюста Как добавить на сайту шум как у вас? Спасибо

  • @christinatalvir8202
    @christinatalvir8202 Před 2 lety +5

    Спасибо за видео, всё получилось!=)) Только 2 вопроса: поставила попап по центру, но открывается он немного сбоку от середины экрана, что может быть не так? И сделала крестик для закрытия, а на сате 2 крестика, на форме крестик пришлось удалить.....аааааа это было из-за того, что поставила 12 колонок, надо было 100% ставить, теперь по центру=))

    • @stepansolovev1838
      @stepansolovev1838 Před rokem +1

      спасибо за подсказку! была точно такая же проблема

    • @itit3539
      @itit3539 Před rokem

      Где надо 100% Поставить?

    • @stepansolovev1838
      @stepansolovev1838 Před rokem

      @@itit3539 в блоке "Это pop-up блок с формой. Кликните здесь, чтобы посмотреть, как он выглядит.
      Ссылка для открытия блока: #popup:infoblock" при нажатии настроек надо выставить 100% (слева)

  • @user-zy6bx1ty8r
    @user-zy6bx1ty8r Před rokem +2

    У меня тоже 2 крестика. Как решить проблему?

    • @user-ko8fs6tx3w
      @user-ko8fs6tx3w Před rokem

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

  • @averzhi
    @averzhi Před 7 měsíci

    succes message появляется за блоком почему-то... блин. надо что-то придумать

  • @olesiagt2822
    @olesiagt2822 Před rokem

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

  • @Autobahn33
    @Autobahn33 Před rokem

    классное видео!

  • @Signaluz
    @Signaluz Před rokem

    Крута все получилса

  • @user-kb2qb6dw2d
    @user-kb2qb6dw2d Před rokem

    Здравствуйте! Подскажите пожалуйста, а как привязать открытие страницы спасибо (сделана специально) ...
    Ссылку я вставляю в строку страница в случае успеха, но не получается. Открывается просто "данные успешно отправлены"...

  • @user-rn3qc2mn9n
    @user-rn3qc2mn9n Před rokem +1

    Получилось 2 крестика, как решить проблему?

    • @xzch_
      @xzch_ Před rokem

      Можно сделать крестик цветом, как фон затемнения в настройках BF503

  • @user-uy7dc1dw4e
    @user-uy7dc1dw4e Před rokem

    После отправки данных в форме поп-ап не пропадает. Приходится закрывать и под ним только окно благодарности. Как исправить?

  • @user-ux7bn2gc8e
    @user-ux7bn2gc8e Před rokem

    через два дня в всплывающем окне пропала форма. че за дела, в чем причина?

  • @arminogettachi
    @arminogettachi Před rokem

    Можно ли убрать стоковую кнопку?

  • @oliajkin
    @oliajkin Před 2 lety

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

  • @user-ko8fs6tx3w
    @user-ko8fs6tx3w Před rokem

    Класс! Нашла ошибку почему у меня не работало: надо удалять фон и прописать в кнопку имя поп-ап, а не id блока

  • @user-te7xf2de9y
    @user-te7xf2de9y Před rokem

    что делать, если блок не показывается по центру? два блока на странице, первый работает нормально, второй нет

  • @user-es4sb7oh5y
    @user-es4sb7oh5y Před 2 lety +2

    Здравствуйте, после заполнения формы, она самостоятельно не закрывается, а сообщение об отправке данных остается под формой данных. Как исправить? Что необходимо изменить?

    • @shop-lp
      @shop-lp  Před 2 lety +5

      Здравствуйте, попробуйте использовать вот этот код: disk.yandex.ru/d/Rl5oP0SU98vZIQ

    • @user-es4sb7oh5y
      @user-es4sb7oh5y Před 2 lety

      @@shop-lp Спасибо!

    • @mynigga1509
      @mynigga1509 Před 2 lety

      @@shop-lp , Добрый день, а есть такой же код,но чтобы это был поп-ап по таймеру?

    • @dprskv
      @dprskv Před rokem

      @@mynigga1509 Подскажите пожалуйста, нашли ответ по этому вопросу??

    • @Olyafree28
      @Olyafree28 Před 10 měsíci

      @@shop-lp здравствуйте. а может подскажете, как после закрытие поп-апа исправить надпись или шрифт таблички всплывающей после введенных данный. Вот это спасибо за данные и прочее . я хз где выставлять шрифт этой табличке

  • @OlenaViznovych
    @OlenaViznovych Před 2 lety

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

    • @user-vt8tt4yr3j
      @user-vt8tt4yr3j Před rokem

      Решили проблему? Тоже хочется два раза на странице сделатт

  • @cheber4459
    @cheber4459 Před 9 měsíci

    Здравствуйте, а работает ли код в бесплатной подписке на Тильда? ранее было подключено двух недельная подписка, потом срок прошел и перестало работать

    • @shop-lp
      @shop-lp  Před 9 měsíci

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

  • @user-lw7ch3cn2w
    @user-lw7ch3cn2w Před rokem

    Можно ли как то сделать так, чтобы окно продамуса выскакивало попапом кликом по кнопке, кто знает? Если можно - как это сделать?

  • @mediazashita
    @mediazashita Před 2 lety +1

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

    • @user-lg7jx9hw2i
      @user-lg7jx9hw2i Před 2 lety +1

      Правильнее изначально продумывать контент под все устройства, чтобы потом не получилось "впихнуть невпихуемое"... Также добавлю, что в последние годы активно используется принцип "mobile first", т.е. сначала надо думать как это будет выглядеть на мобилке, а потом на компьютере. Этот принцип помогает оставить действительно важную информацию. Красивый макет это прекрасно, а работающий - еще лучше :)

    • @user-ko8fs6tx3w
      @user-ko8fs6tx3w Před rokem

      @@user-lg7jx9hw2i не знаю как было, а сейчас выношу ненужные элементы выше рабочего окна и никаких проблем.

  • @Dmitrii_M
    @Dmitrii_M Před 2 lety +1

    Добрый день! Тильда сейчас убрала закрытие по команде #close и #exit, как вы решили эту проблему?

    • @XlAlbertlX
      @XlAlbertlX Před 2 lety

      Не знаю, на сколько актуально, но лично у меня работает #close

    • @Dmitrii_M
      @Dmitrii_M Před 2 lety

      @@XlAlbertlX если не опубликовывали страницу последние 3 мес, то скорее всего работает или у вас стоит скрипт. Какой у вас скрипт?

    • @XlAlbertlX
      @XlAlbertlX Před 2 lety

      @@Dmitrii_M Тот, который из видео. А вообще, я страницу пару дней назад начал делать

    • @Dmitrii_M
      @Dmitrii_M Před 2 lety

      @@XlAlbertlX да. В этом коде работает закрытие. Только закрытие работает по любой ссылке в этом zero. Если будете ставить свою кнопку на форму, то форма будет закрываться даже в ней ошибка. И еще ниже "MEGA Кухни" пишет про баг

  • @architec-metall
    @architec-metall Před 2 lety +2

    У меня криво отображалось пока window container не поставил!

  • @ShokCity
    @ShokCity Před rokem +3

    А если хочешь два поп-апа сделать ?

    • @sary-ozek
      @sary-ozek Před rokem +1

      Да хоть двадцать два!
      Просто каждое окно надо называть своим уникальным именем и потом указывать кнопке ссылку на это уникальное имя.

  • @jullpozdeeva6824
    @jullpozdeeva6824 Před rokem

    все делала по инструкции, как на видео, но при нажатии на кнопку вылазит только крестик, а само полотно с поп-апом не появляется. В чём может быть дело?

    • @Adelina_88
      @Adelina_88 Před rokem +3

      у меня была такая же проблема. нужно блоки располагать именно в таком порядке: зеро-форма-код. я поставила зеро блок, ниже код, и еще ниже форма, и у меня не работало. поменяла местами и все работает теперь. часто замечаю, что если блок с кодом расположить где то не в том месте, он не работает, уж очень привередливые эти коды))

    • @peshkovvru
      @peshkovvru Před rokem

      @@Adelina_88 Спасибо очень помогли!

    • @Adelina_88
      @Adelina_88 Před rokem

      @@peshkovvru рада помочь))

  • @user-qg2kf6xf6r
    @user-qg2kf6xf6r Před rokem

    Не работает ваша инструкция блок попап обрезается.

    • @Olyafree28
      @Olyafree28 Před 10 měsíci

      задать ширину не 12 колонок а 100%.

  • @user-zu5th9ti2p
    @user-zu5th9ti2p Před rokem +1

    Пол ролика вода

  • @heblux6644
    @heblux6644 Před rokem

    У кого 2 кнопки закрытия, вот код:
    .shirina{
    background:none !important;
    right: 0 !important;
    left: 0 !important;
    }
    .parpadding{
    padding:0 !important;
    }
    .t-popup__close {
    display: none;
    }
    }
    var ZeroPopID = '#rec610993203'; //Прописываем ID Zero
    var PopWindID = '#rec610998340'; //Прописываем ID PopUp окна BF503
    //Переносим ZeroBlock в POPup + Добавляем новый клас в POPup
    $(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID));
    $(PopWindID + " .t-popup__container").parent(".t-popup").addClass("parpadding")

    • @dprskv
      @dprskv Před rokem +1

      Спасибоооо👍