Atrashkov_Group

Почитал ответы, вреде все правильно, но попахивает адовым хейтом тильды и пора развеять пару заблуждений.

Я лично думаю, что такой код не будет хорошо работать на других хостингах так как постоянно будет ссылать на tilda.

А чего бы ему начать работать хуже? Да и хуже это как?
Есть одна тонкость. Если вы сделали сайт на тильде и на сайте есть хоть одна интеграция (формы, шрифты и прочее), то вы даже экпортировав сайт дальше оплачиваете тильду, ибо интеграции просто перестанут работать, а сайт превратится в балласт.
В остальном ничего хуже работать не начнет.

Теперь о фундаментальном. "Стоит ли экспортировать сайт с tilda?".
А зачем? Сайты делают на тильде не для того, чтобы протащиться с кода или носиться с этим сайтом по разным хостингам. Тильда это инструмент, который задумывался для использования в одном месте.
Вы экпортнете сайт, зальете на хостинг, потом понадобится внести правки и по новой нужно перезаливать. В целом это менее удобно, чем держать его на тильде.

Другой вопрос: "Для чего вы делали сайт?". Мб вы планировали постоянно кастомизировать сайт, то тильда не сильно для этого подходит. В ней вы в лучшем случае обновите верстку и контент на сайте.
Мб действительно присмотритесь к другим админкам?

Добрый день, Андрей!
Начнем по порядку. При регистрации вам дают полный функционал на 2 недели. Если вы не продлили подписку, то все, что вы там использовали из платного функционала перестает работать. Например в хед впихнули скриптину - она поработает 2 недели, потом закоментится. Если за 6 месяцев не продляете подписку - сайт удаляется.
С платными блока почти тоже самое. Они будут отображаться на сайте. Но если у вас в платном блоке форма - заявки с нее приходить не будут.

Сайты на тильде индексируются точно также, как как и любые другие. Вообще никакой разницы не заметил. Только у меня сразу несколько вопросов к вам. Первый - чем вам поможет проиндексированная страница на домене 3-его уровня "qwerty.tilda.ws"?
И второй - надеюсь вы не додумаетесь продвигать сервисный домен тильды *.tilda.ws?)

Под окончание. Тильда, как платформа прогрессирует и это видно по повышению интереса к ней. Так что если задумали делать какой то проект на Тильде - смело реализовывайте. И по seo продвинуться сможете, и заявки получаться удобно, и доработки быстрее проходят.

Если появятся вопросы - пишите https://atrashkov.com

Добрый день, Даниил!
Технически не сложно, а вот на практике - застрянете Вы этой задачей на день - два точно.
Начну прям супер по порядку и подробно.
Верстка, по примеру на фото возможна только в Zero Block (думаю, не новость).
Вопрос 1. Сначала вы настраиваете on hover анимацию в каждом отдельном Zero Block, чтобы при наведении цвет менялся и тому прочее.
Если хотите очень сильно заморочиться, то попробуйте пошаговую анимацию.

Вопрос 2. У Вас сверху идет "фильтрация". Т.е. для этого Вам нужно сверстать 5 блоков и вот этим скриптом открывать нужный блок по клику на кнопку.

<script>
$( document ).ready(function() {
    $('ID-2блок').hide();
    $('ID-3блок').hide();
    $('ID-4блок').hide();
    $('ID-5блок').hide();

    $('a[href="#1block"]').click(function(e) {
        e.preventDefault();
            $('ID-1блок').show();
            $('ID-2блок').hide();
            $('ID-3блок').hide();
            $('ID-4блок').hide();
            $('ID-5блок').hide();
    });

    $('a[href="#2block"]').click(function(e) {
        e.preventDefault();
            $('ID-1блок').hide();
            $('ID-2блок').show();
            $('ID-3блок').hide();
            $('ID-4блок').hide();
            $('ID-5блок').hide();
    });

    $('a[href="#3block"]').click(function(e) {
        e.preventDefault();
            $('ID-1блок').hide();
            $('ID-2блок').hide();
            $('ID-3блок').show();
            $('ID-4блок').hide();
            $('ID-5блок').hide();
    });

    $('a[href="#4block"]').click(function(e) {
        e.preventDefault();
            $('ID-1блок').hide();
            $('ID-2блок').hide();
            $('ID-3блок').hide();
            $('ID-4блок').show();
            $('ID-5блок').hide();
    });

    $('a[href="#5block"]').click(function(e) {
        e.preventDefault();
            $('ID-1блок').hide();
            $('ID-2блок').hide();
            $('ID-3блок').hide();
            $('ID-4блок').hide();
            $('ID-5блок').show();
    });
   
});
</script>

Где посмотреть ID блока? Настройки блока (левый верхний угол при наведении на блок) и в самый низ открывшегося окна. На примере "Block id: #rec161314266"


Если что-то пойдет не так и появятся вопросы - можете посмотреть как аналогичный функционал реализован у меня на сайте https://atrashkov.com. А если прям вообще не пошло, то там том же сайте сможете найти телегу и я уже лично посмотрю, что не получается.