К основному контенту

1 мин

Zeroblock

Light

5

Этот простой скрипт позволит тебе сделать кнопку назад, которая будет работать также как и кнопка назад в браузере, но ты сможешь сделать её в Zero-блок

Как сделать кнопку назад на странице на Tilda?

(cвернуть)
Инструкция

1. Создай на странице зероблок и сделай в нём кнопку\шейп\тот элемент по клику на который будет воспроизводится возвран на предыдущую просмотренную пользователем страницу

2. Задай любой нужный тебе класс для этого элемента и укажи его в генераторе

- Если пользователь зайдет на страницу по прямой ссылке, то де факто у него не будет в истории посещений предыдущих страниц. В таком случае скрипт отправит пользователя по клику на кнопку назад на главную страницу сайта

Важно!

undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код

<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelector(".back").addEventListener('click', () => {
        if (window.history.back !== undefined) {
          window.history.back();
        } else {
          window.location = "/";
        }
    })
})
</script>
<style>
.back {
    cursor: pointer;
}
</style>
123
Чтобы увидеть пример работы кнопки, просто кликни на неё и попадешь на предыдущую открытую страницу
Вернуться назад
Примеры работы модификации