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

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

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

⠀

Пример

Пример применения

⠀

Инструкция

❗️ ВАЖНО:

Чтобы код работал на вашем сайте проверьте, что у вас включен 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>

⠀

Смотреть модификацию на сайте:

Больше модификаций на Tilda: