Модификации

Как открывать попап по прямой ссылке на Tilda

Бесплатные

Инструкция

  1. В редакторе Tilda на нужной странице добавьте HTML-блок T-123 и вставьте в него весь следующий код, затем сохраните и опубликуйте страницу.
  2. Перейдите по ссылке ваш-сайт/#hook, где hook — значение вашего якоря popup’а.

Чтобы проверить работу, откройте консоль разработчика (Windows/Linux: F12 или Ctrl+Shift+I; macOS: ⌘+Option+I) и убедитесь, что в логах появляются сообщения об успешном нахождении хука или предупреждение о не найденном попапе.

<!-- Скрипт для открытия попапов по прямой ссылке с сайта bulgkate.ru -->

< script >
  (function() {
    function forceClickByHook(hook) {
      const byHook = document.querySelector('[data-tooltip-hook="' + hook + '"]');
      if (byHook) {
        console.log('Нашли data-tooltip-hook:', hook);
        byHook.click();
        return true;
      }
      const byHref = document.querySelector('a[href="#' + hook + '"]');
      if (byHref) {
        console.log('Нашли ссылку href="#' + hook + '", кликаем');
        byHref.click();
        return true;
      }
      console.log('Не нашли ни data-tooltip-hook, ни ссылку для:', hook);
      return false;
    }

    function tryOpenPopup(hook) {
      let attempts = 0;
      const maxAttempts = 20;
      const interval = setInterval(() => {
        attempts++;
        const opened = forceClickByHook(hook);
        if (opened || attempts >= maxAttempts) {
          clearInterval(interval);
          if (!opened) {
            console.warn('Попап не найден после 20 попыток:', hook);
          }
        }
      }, 500);
    }
    window.addEventListener('load', function() {
      const hash = window.location.hash;
      const hook = hash.startsWith('#') ? hash.substring(1) : null;
      if (hook) {
        console.log('???? Ищем попап по хэшу:', hook);
        tryOpenPopup(hook);
      }
    });
  })(); < /script>