Долго искать id блока в Тильде? Воспользуйся расширением →
Close
Главная страница ⟶ Как открыть попап (popup) по ссылке в Тильде (Tilda Publishing)? (вы здесь)

Как открыть попап (popup) по ссылке в Тильде (Tilda Publishing)?

Данный код нужно указать в блок: Другое ⟶ T123 ⟶ HTML-код
<script>
$(document).ready(function() {
    $("body").append("<a href='" + window.location.hash + "' style='display:none'></a>");
    setTimeout( function() {
        $("a[href='" + window.location.hash + "']").click();
    }, 500);
});
</script>
По нажатию на любой ссылку открывается в новой вкладке, а в ней открывается сразу всплывёт попап:
  1. BF501 (Popup: форма подписки): https://roman-kosov.ru/custom-code-popup-link/#popup:subscribe
  2. BF502N (Popup: форма с множеством полей): https://roman-kosov.ru/custom-code-popup-link/#popup:myform
  3. BF503 (Popup: information): https://roman-kosov.ru/custom-code-popup-link/#popup:infoblock
  4. T151N (Попап с виджетом TimePad): https://roman-kosov.ru/custom-code-popup-link/#popup:timepad
  5. GL08N (Popup: Галерея): https://roman-kosov.ru/custom-code-popup-link/#popup:mygallery
Как это выглядит:
Попап всплывает после перехода по ссылке
Tilda Newsletter
Subscribe to our email newsletter for useful tips and valuable resources, sent out every month
Get free lesson
Just type your contacts
It's totally free
Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.
Left
Right
Made on
Tilda