Полезности для создания сайта на Tilda
Фотографии и графика
Список поппулярных стоков для поиска фотографий и графики на сайт
  • Качественные бесплатные фотографии со всего мира
  • Бесплатные фотографии и видео, ищите вдохновения
  • Векторная графика, растровые изображения, помогает искать быстро на pinterest
  • Сконвертируйте ваши webp-файлы в jpg онлайн и бесплатно
Иконки и логотипы
Нужные сервисы для иконок и логотипов
  • iconfinder.com
    поиск и редактирование иконок на сайте
  • поиск и редактирование иконок на сайте
  • Создание фавиконов
Основные действия на каждом сайте
Проверьте все по списку и только после этого сдавайте работу
  • Фавикон
    Установить фавикон (обычно делается из логотипа)
  • Страница "Политики"
    Если есть формы обратной связи "ОБЯЗАТЕЛЬНО ДЕЛАЕМ СТРАНИЦУ О ПОЛИТИКЕ СБОРА ДАННЫХ" и прописываем к каждой кнопке текст

    Нажимая кнопку "НАЗВАНИЕ КНОПКИ" Вы соглашаетесь с Политикой в отношении обработки персональных данных.
  • Настройка уведомлений на почту
    Активировать почту заказчика в тильде
  • Настройка уведобмлений Телеграмм
    активировать телеграмм через бота
  • Настройка уведомлений в CRM Tilda
    активировать уведомления в срм тильду
  • Отправлять данные с форм во все списки сбора информации
    ТЕЛЕГРАМ, МАИЛ, СРМ ТИЛЬДА (проставить галочки о передачи данных туда)
  • страница 404
    всегда создавать страницу 404 независимо от какой сложности проект
  • Проверить всю мобильную версию
    пролистать каждую страницу мобильной версии, особенно если использовали зироу блоки
  • Активировать потоки
    активировать потоки даже если нет блога на сайте
  • Прописать описание каждой странице
    Описание для сео для каждой созданной страницы
  • проставить H1
    проставить H1 каждой страницы, нужно для сео
  • Линк логотипа на главную
    прописать ссылку в логотипе меню на главную страницу (и в мобильной версии тоже)
  • Пролинковать все элементы
    почту, телефон, значки контактов всему этому нужно задать ссылку
Код прелоудера на сайт
<style>
#rec166025753 {
  position: fixed;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  z-index: 100005;
}
</style>
<script>
$("body").css("overflow","hidden");
$(document).ready(function() {
    setTimeout(function() {
        $("#rec166025753").delay(350).fadeOut('slow'); 
        $("body").css("overflow","auto");
        window.dispatchEvent(new Event('resize'));
    }, 3000);
});
$(window).on('load', function () {
    $("#rec166025753").delay(350).fadeOut('slow');
    setTimeout(function() {  
    $("body").css("overflow","auto"); 
    window.dispatchEvent(new Event('resize'));    
    }, 400);
});
</script>
Код меню зироублок
<!-- Меню из Зеро блолка показывающееся по скроллу сайта через 250 пикселей -->
<!-- https://roman-kosov.ru/tilda-zero-menu -->

<script>
$(document).ready(function() {
    /* Нужно заменить на ID блока выполняющего роль меню */
    var id = "#rec95343285";
    if ($(id).length > 0) {
        var newMenu = $(id).clone(true).addClass("fixed unpinned").appendTo("#allrecords");

        /* Если нужно скрыть меню со страницы (только появляться при скролле) укажите true */
        var hideMenu = true; /* Если нужно оставить меню на своём месте — false */
        if (hideMenu) {
            $(id)[0].remove();
        }

        /* Если нужно, чтобы меню прикреплялось и в мобильной версии, то укажите true */
        var needMobile = false;

        if (!isMobile || (isMobile && needMobile)) {
            $(window).scroll(function() {
                var top = $(document).scrollTop();
                /* появление меню при прокрутке через 333 пикселей от начала страницы */
                if (top >= 333) {
                    newMenu.removeClass("unpinned");
                    newMenu.addClass("pinned");
                } else {
                    newMenu.removeClass("pinned");
                    newMenu.addClass("unpinned");
                }
            });
        } else {
            newMenu.hide();
        }
    }
});

</script>

<style>
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    transition: transform 250ms linear;
    /* время появления/исчезновения меню — 250 мс */
    z-index: 998;
}

.pinned {
    transform: translateY(0%)
}

.unpinned {
    transform: translateY(-100%)
}

</style>
Made on
Tilda