Кнопка вернуться назад на Tilda

[ создаем проекты, где важен смысл ]

Tilda

Zero-блок

Autoscale: Да

Артикул: 0007

Стандартный блок

Эта модификация добавляет на сайт Tilda кнопку «Назад», которая возвращает пользователя на предыдущую страницу — по тому же принципу, что и кнопка в браузере.

Решение подходит для любых сценариев, где важно дать пользователю простой способ вернуться: страницы товаров, статьи блога, многошаговые формы, лендинги с вложенной структурой. Модификация работает со стандартными блоками Тильды (через действие на кнопку) и с кнопками в Zero Block.

Хочу вернуться на предыдущую страницу

вернуться

❗️   ВАЖНО:   Чтобы код работал на вашем сайте проверьте, что у вас включен jQuery в настройках сайта.

  Настройки сайта   ⟶ Вкладка   Вставка кода   ⟶ Ставим галочку у «  Подключить jQuery на страницах сайта  »

❗️   ВАЖНО:   Код работает как в Zero Block, так и в стандартных блоках Tilda. Дополнительные подключения не требуются.

1️⃣  ССЫЛКА НА КНОПКУ
Добавьте к любой кнопке ссылку:   #knopka-nazad

2️⃣  НИЖЕ ВСТАВЛЯЕМ КОД

<!-- Кнопка вернуться назад на Тильде
Веб-студия Александры Шеиной – https://sheina-studio.ru/ -->


<!-- ====== ИНСТРУКЦИЯ ======
❗️ ВАЖНО: Чтобы код работал на вашем сайте проверьте, что у вас включен jQuery в настройках сайта.

Настройки сайта ⟶ Вкладка Вставка кода ⟶ Скроллим вниз и ставим галочку у «Подключить jQuery на страницах сайта»

❗️ ВАЖНО: Код работает как в Zero Block, так и в стандартных блоках Tilda. Дополнительные подключения не требуются.

1️⃣  ССЫЛКА НА КНОПКУ
Добавьте к любой кнопке ссылку:   #knopka-nazad  

2️⃣  НИЖЕ ВСТАВЛЯЕМ КОД -->



<script>
document.addEventListener("DOMContentLoaded", function () {
  var backButtons = document.querySelectorAll('a[href="#knopka-nazad"]');

  backButtons.forEach(function (button) {
    button.addEventListener("click", function (e) {
      e.preventDefault();

      if (window.history.length > 1) {
        window.history.back();
      } else {
        window.location.href = "/";
      }
    });
  });
});
</script>