Квиз — это небольшой онлайн-опрос, в конце которого пользователь получает ответ на свой запрос (а также, обычно, какой-то подарок в виде скидки, бесплатной доставки и т.д.), а компания — контакт пользователя.
Привет! Сегодня я поделюсь с тобой простыми способами кастомизации личного кабинета на Тильде. Если ты упёрся в ограничения Тильды и не знаешь как тебе сделать уникальный личный кабинет в таком виде, в котором ты его задумал, то эта статья — для тебя.
","lang":""}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"6. Интерактивная новогодняя гирлянда"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"Тот самый бонус, который я обещал в начале статьи","image":{"type":"image","data":{"uuid":"559e50f3-57a6-58eb-8b42-40d950e3454b","width":2560,"height":1440,"size":594827,"type":"gif","color":"2c3d21","hash":"","external_service":[],"duration":5.083333,"isVideo":false,"has_audio":true}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Создателем скрипта является «Яндекс», однако исходник уже давно гуляет по сети. Я просто взял его и адаптировал под Тильду ❤
Данный скрипт добавляет гирлянду из елочных шариков, которые двигаются при наведении на них мышкой. Гирлянда закреплена вверху сайта, адаптирована под любые экраны.
Я уже здесь дважды сказал о том, что мне не нравится падающий снег от Тильды 😅 Но, как говорится, «отвергаешь — предлагай». Поэтому я написал простой скрипт, который добавляет на сайт реалистичный снег с плавной анимацией.
Каждая снежинка движется с индивидуальной скоростью, а при достижении низа экрана появляется новая, создавая непрерывный снегопад. Работает на всех устройствах.
Но давайте без фанатизма: не нужно впихивать всё подряд на сайт. Смотрите, что реально подходит под ваш проект — вы же дизайнеры, а не коллекционеры визуального хаоса.
А если хотите еще больше крутых бесплатных скриптов для Тильды, тогда переходите сюда, здесь вы найдете более 20 уникальных и полезных решений в формате генератора кода, которые помогут вам прокачать ваши проекты на Тильде.
Ну и в знак благодарности — подписывайтесь на мой telegram-канал. Там я выкладываю много уникальных скриптов и фишек, а также бесплатно учу дизайнеров продавать сайты на высокие чеки.
"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":0,"favorites":0,"reposts":0,"views":98,"hits":187,"reads":null,"online":0},"dateFavorite":0,"hitsCount":187,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":"Оформление сайта на Тильде, новогодние блоки, уникальные скрипты, падающий снег, гирлянда от Яндекса, готовые решения для дизайна","url":"https://vc.ru/dev/2611008-kak-oformit-sajt-na-tilde-k-novomu-godu","author":{"id":1306284,"name":"Vladislav Land","nickname":null,"description":"Разработка сайтов с упором на маркетинг и смыслы https://clck.ru/3Fwnfk","uri":"","avatar":{"type":"image","data":{"uuid":"63822fc7-29d6-5b65-9a9d-bfe2d1cb88c3","width":1200,"height":1200,"size":379839,"type":"png","color":"221f22","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAcQBxAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABwj/xAAmEAABAwMCBQUAAAAAAAAAAAABAgMEBQYRACEHCBQxQRIVIjNC/8QAFgEBAQEAAAAAAAAAAAAAAAAABAUD/8QAJBEAAQMCBQUBAAAAAAAAAAAAAQACAxEhBCIxYfASFEFRcfH/2gAMAwEAAhEDEQA/ACbh3y23HWeElzXEbRrfuPS9Ra7DLRw+2gBSlhA+31g+c58b76I1sYngEpyvr1Wvpz4qDY2ds94OYabfqEXLIoiFqRUaeI0tJIfZW6UKac/SSnHxIORjxjRnzPY4tDrBYBgIqQmjlcu+7ItACIt0VdlMelVIMhua6kNhDKygJwrbB7Y7aPjbYiM+nGm2UpEV8OeeVJs6bMlzZEqVLeeeedW44444VKWokkqJO5JO5J1aAFFPJX//2Q=="}},"cover":{"cover":{"type":"image","data":{"uuid":"6dde2b48-10d4-592f-a0c9-ee0ba682c3a8","width":2204,"height":864,"size":60845,"type":"png","color":"14141a","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCP/EACUQAAECBAQHAAAAAAAAAAAAAAECEQADBAcFEhMhBiQxQVJxgf/EABoBAAEFAQAAAAAAAAAAAAAAAAYAAQIEBQj/xAArEQABAwEFBQkAAAAAAAAAAAABAAIDBBESIzHRBRQVIZEiUlRxcoGS4fD/2gAMAwEAAhEDEQA/AMYC01tlJWkXjwqVMJOnrJypbtmZyD8jMlrqmA2PpZQfSNVZbTsdlI3r9IRtfbFJKTd/DVEbOAGPqIcTk8O/oNUt3Hfb+9k7xPRUaahYTSSQHOwliOzZKaGePFYHeYBQrObj+zyUuaSlc8tK6+Agads2ivHBb8RonEj7Myv/2Q=="}},"cover_y":65},"achievements":[{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 25 сентября 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":5792735,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5792735"},{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4143822,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4143822"}],"lastModificationDate":1764989791,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":235819,"name":"Разработка","description":"Сообщество разработчиков: публикации о личном опыте, выдающиеся приёмы при решении рутинных задач, полезные материалы для профессионального роста.","uri":"/dev","avatar":{"type":"image","data":{"uuid":"fef5b5fb-e488-5b7f-8445-e3a26a910b44","width":1200,"height":1200,"size":7757,"type":"png","color":"343434","hash":"04042b2b1c1000","external_service":[]}},"cover":{"type":"image","data":{"uuid":"2a214cc5-35cc-58ca-bc07-fc1c892d2101","width":960,"height":280,"size":177,"type":"png","color":"343434","hash":"","external_service":[]}},"lastModificationDate":1642411346,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"dev","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}},{"type":"entry","data":{"id":1912677,"customUri":"instrumenty-dlya-rabotyi-s-tilda-publishing","subsiteId":1306284,"title":"Подборка инструментов для работы с Tilda Publishing","date":1744219116,"dateModified":1744219156,"blocks":[{"type":"text","cover":true,"hidden":false,"anchor":"","data":{"text":"
Привет! Знаю, что многие обычно делятся парой модификаций или платформ. А я решил собрать воедино весь свой арсенал.
Меня зовут Влад. Я разработчик сайтов с упором на маркетинг и смыслы на Tilda с 5-летним опытом. Продаю сайты на 220.000−420.000 рублей и учу этому других дизайнеров. Веду свой канал в telegram, где делюсь полезным контентом для веб-дизайнеров — рассказываю про внутрянку фриланса и продаж (заходи и подписывайся, там действительно много интересного). А также разрабатываю бесплатные модификации для Тильды, которые ты сможешь применять без знания кода — https://vladislav-land.ru/mods
"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Ну а теперь пару слов о подборке"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
В ней ты найдешь:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["41 источник с модификациями;","6 расширений для браузера;","8 доп. виджетов и модулей;","3 конструктора;","12 блогов;","1 закрытый клуб;","3 платформы с готовыми шаблонами;","5 YouTube-каналов со скриптами для Тильды;","7 Telegram-каналов со скриптами для Тильды."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Это сокровищница для тех, кто работает с Тильдой 🔥
Я вполне мог бы продавать этот пак, но решил раздать его бесплатно, правда, с небольшой оговоркой.
"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Так как же получить?"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Хочешь делать крутые сайты быстрее и проще — забирай. И советую сделать это как можно быстрее, ведь бота я отключу в любой момент (а я же реально отключу 😈).
"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":1,"favorites":1,"reposts":0,"views":352,"hits":213,"reads":null,"online":0},"dateFavorite":0,"hitsCount":213,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":"Подборка инструментов для Tilda, модификации, виджеты, расширения, YouTube и Telegram-каналы, бесплатные ресурсы для веб-дизайнеров.","url":"https://vc.ru/dev/1912677-instrumenty-dlya-rabotyi-s-tilda-publishing","author":{"id":1306284,"name":"Vladislav Land","nickname":null,"description":"Разработка сайтов с упором на маркетинг и смыслы https://clck.ru/3Fwnfk","uri":"","avatar":{"type":"image","data":{"uuid":"63822fc7-29d6-5b65-9a9d-bfe2d1cb88c3","width":1200,"height":1200,"size":379839,"type":"png","color":"221f22","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAcQBxAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABwj/xAAmEAABAwMCBQUAAAAAAAAAAAABAgMEBQYRACEHCBQxQRIVIjNC/8QAFgEBAQEAAAAAAAAAAAAAAAAABAUD/8QAJBEAAQMCBQUBAAAAAAAAAAAAAQACAxEhBCIxYfASFEFRcfH/2gAMAwEAAhEDEQA/ACbh3y23HWeElzXEbRrfuPS9Ra7DLRw+2gBSlhA+31g+c58b76I1sYngEpyvr1Wvpz4qDY2ds94OYabfqEXLIoiFqRUaeI0tJIfZW6UKac/SSnHxIORjxjRnzPY4tDrBYBgIqQmjlcu+7ItACIt0VdlMelVIMhua6kNhDKygJwrbB7Y7aPjbYiM+nGm2UpEV8OeeVJs6bMlzZEqVLeeeedW44444VKWokkqJO5JO5J1aAFFPJX//2Q=="}},"cover":{"cover":{"type":"image","data":{"uuid":"6dde2b48-10d4-592f-a0c9-ee0ba682c3a8","width":2204,"height":864,"size":60845,"type":"png","color":"14141a","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCP/EACUQAAECBAQHAAAAAAAAAAAAAAECEQADBAcFEhMhBiQxQVJxgf/EABoBAAEFAQAAAAAAAAAAAAAAAAYAAQIEBQj/xAArEQABAwEFBQkAAAAAAAAAAAABAAIDBBESIzHRBRQVIZEiUlRxcoGS4fD/2gAMAwEAAhEDEQA/AMYC01tlJWkXjwqVMJOnrJypbtmZyD8jMlrqmA2PpZQfSNVZbTsdlI3r9IRtfbFJKTd/DVEbOAGPqIcTk8O/oNUt3Hfb+9k7xPRUaahYTSSQHOwliOzZKaGePFYHeYBQrObj+zyUuaSlc8tK6+Agads2ivHBb8RonEj7Myv/2Q=="}},"cover_y":65},"achievements":[{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 25 сентября 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":5792735,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5792735"},{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4143822,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4143822"}],"lastModificationDate":1764989791,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":235819,"name":"Разработка","description":"Сообщество разработчиков: публикации о личном опыте, выдающиеся приёмы при решении рутинных задач, полезные материалы для профессионального роста.","uri":"/dev","avatar":{"type":"image","data":{"uuid":"fef5b5fb-e488-5b7f-8445-e3a26a910b44","width":1200,"height":1200,"size":7757,"type":"png","color":"343434","hash":"04042b2b1c1000","external_service":[]}},"cover":{"type":"image","data":{"uuid":"2a214cc5-35cc-58ca-bc07-fc1c892d2101","width":960,"height":280,"size":177,"type":"png","color":"343434","hash":"","external_service":[]}},"lastModificationDate":1642411346,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"dev","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":3}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}},{"type":"entry","data":{"id":1755370,"customUri":null,"subsiteId":1306284,"title":"Способы создания квизов на Tilda","date":1739465511,"dateModified":1739921517,"blocks":[{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Квиз — это небольшой онлайн-опрос, в конце которого пользователь получает ответ на свой запрос (а также, обычно, какой-то подарок в виде скидки, бесплатной доставки и т.д.), а компания — контакт пользователя.
В данной статье я предлагаю рассмотреть все известные мне способы / варианты создания квизов на Tilda, среди которых будут как стандартные блоки из библиотеки, так и сторонние решения (уверен, что многие из вас найдут среди них что-то новое)
"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"1. Марквиз"}},{"type":"link","cover":false,"hidden":false,"anchor":"","data":{"link":{"type":"link","data":{"url":"https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.marquiz.ru%2F&postId=1755370","title":"Марквиз — конструктор квизов онлайн","description":"Марквиз — онлайн-конструктор квизов для маркетинга. Лёгкая установка на любой сайт и гибкие настройки квиза. Попробуйте конструктор квизов от Марквиз бесплатно.","image":{"type":"image","data":{"uuid":"4aaa64d1-1376-5576-a922-c349661dcce7","width":256,"height":256,"size":15022,"type":"png","color":"e256a1","hash":"","external_service":[]}},"v":1,"hostname":"www.marquiz.ru"}}}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"Marquiz — конструктор опросов, тестов, викторин, квизов","image":{"type":"image","data":{"uuid":"22bfc03b-8c19-53e8-a20f-9495404e5865","width":1160,"height":713,"size":453788,"type":"png","color":"eae8e9","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQcI/8QAJxAAAgECBAQHAAAAAAAAAAAAAQIDBBEABQYSFDEzQQcVISIyUXH/xAAXAQEBAQEAAAAAAAAAAAAAAAAFAQID/8QAIhEAAgIBAQkAAAAAAAAAAAAAAQIAEQQFAyEiMTJBkbHR/9oADAMBAAIRAxEAPwDelF4k6vnkeloNDZ7TzRVUEG+voZxC6v1HSxNwLMfW3NR3xU4yQd0r0lHnCc2OXeaVm7N9YqeIkuIsslZAdx+JFMbj6Nz+4MbRsB2LNsxZiCtkBRTDyPso2uJpo9IiSOV1fiKYbgxB6q98Kp1Tppyg5lEdm9GJO7b29x5nvjEMn//Z"}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Можно было бы сказать, что этот вариант куда лучше готовых решений от Тильды, однако, во-первых, это было бы спорным заявлением, поскольку всё зависит от конкретных задач, а во-вторых, здесь также не обошлось без «подводных камней», но обо всём по порядку ↓
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["По моему мнению, самым большим минусом является цена. И даже не то, что сервис платный, а то, что платить придётся за количество заявок. Ниже вы можете ознакомиться с тарифами:"],"type":"UL"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"Тарифы конструктора марквиз","image":{"type":"image","data":{"uuid":"c14f0a83-f017-53c0-abb4-afd6b1d08986","width":1160,"height":249,"size":40779,"type":"png","color":"f0e7ed","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIECf/EABwQAAICAgMAAAAAAAAAAAAAAAEDAAISQQQRcf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/8QAGBEBAQEBAQAAAAAAAAAAAAAAAAECETH/2gAMAwEAAhEDEQA/ANSE8NqG3ZRq8WWNrAKAJPezuVbq65LfFOPkiGgED//Z"}}}]}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Необходимость отличного понимания своей целевой аудитории: Квизы на сайте часто заполняются поверхностно, если люди видят возможность получить подарок или скидку (и обычно упускают главное условие — для получения подарка необходимо оформить и оплатить заказ). Поэтому, чтобы не потратить деньги впустую на нецелевой трафик (поскольку платить придётся за количество заявок), важно привлечь максимальное количество целевых посетителей на сайт, а это невозможно без понимания своей целевой аудитории. + не под каждую ЦА подойдёт данный способ. Приведу пример, — если ваша целевая аудитория — люди 45+ лет с низким достатком из окраин Беларуси, которые интересуются бытовой техникой в рассрочку, то давать им подарки за прохождение квиза может привести к его заполнению без последующих заказов, и, соответственно, трате денег впустую (это реальный пример, из-за которого мой клиент отказался от марквиза в пользу блока BF920);","Даже в платных тарифах на вашем квизе будет указана надпись «Сделано на Marquiz». Её отключение стоит дополнительно 100₽ в месяц;","Короткий тестовый период — 14 дней;","Квиз слетает при перезагрузке страницы."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Теперь поговорим о плюсах:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Простота: очень быстро можно разобраться (рекомендую не пропускать обучение при работе с сервисом в первый раз);","Возможность сделать неплохой визуал вашего квиза;","На тестовом периоде доступен полный функционал;","Легко интегрируется в Tilda;","Присутствует настройка страницы «спасибо»;","Есть возможность автоматического перехода на следующий вопрос после ответа на предыдущий;","Возможность собирать мессенджеры в контактных данных;","Можно реализовать сложный калькулятор;","Возможность создать стартовую страницу;","Геолокация заявок: можно смотреть из какого местоположения пришла заявка;","Можно создать зависимость вопросов: «показывать следующий вопрос в зависимости от ответа на предыдущий»."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Делая вывод, можно сказать, что данный сервис подойдёт не под каждый товар и нишу, а также является не лучшим вариантом для тестирования гипотез.
Однако, сервис очень прост в использовании, обладает обширными настройками, и при правильном подходе сможет ощутимо увеличить продажи.
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"2. Модификация от mo-ti"}},{"type":"link","cover":false,"hidden":false,"anchor":"","data":{"link":{"type":"link","data":{"url":"https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fmo-ti.ru%2Fcontentquize&postId=1755370","title":"Квиз в контенте сайта из ZeroBlock в Tilda","description":"Создаём квиз в контенте сайта из ZeroBlock в Tilda","image":{"type":"image","data":{"uuid":"8fef185b-4a12-5344-84d2-319830270127","width":270,"height":270,"size":19817,"type":"png","color":"fbb42c","hash":"","external_service":[]}},"v":1,"hostname":"mo-ti.ru"}}}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"Квиз в контенте сайта из ZeroBlock","image":{"type":"image","data":{"uuid":"2e97bb18-e711-532f-9316-b7f603bc2578","width":1131,"height":525,"size":214645,"type":"png","color":"c5d1d8","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAACQcI/8QAJxAAAQIEBgAHAAAAAAAAAAAAAgEEAAMFEQYHCBIhMRMVQVWSk9H/xAAWAQEBAQAAAAAAAAAAAAAAAAADBAL/xAAkEQABAwEHBQAAAAAAAAAAAAACAAEDBBESFFORktEVISJS8P/aAAwDAQACEQMRAD8AoeTub+GM0NTNCfUrGbuVNBxUW7GkiBFJCQrQjSYZbtpWW4rYuVDi3cBNIBSjIRfcLAxuJXWZbmF+wQUQnRqqJyviF38oPHUuYO5uVThpvR9HRm6N6bTpepHCSy2DYbo7TiUKdtpt/SJYgGQ7pNaysm8Rdx7OlF8mo/tTP6B/I30qgyA2jwgxlTmFq6//2Q=="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Вот и очень хороший бесплатный (но трудоёмкий!) способ. Он представлен на популярной платформе бесплатных модификаций для Tilda. Как и в предыдущих вариантах, здесь не обошлось без нюансов, но обо всём по порядку.
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Способ бесплатный;","Полная свобода в дизайне — квиз можно сделать такого вида, как вам нужно (при желании, можно почти на 100% повторить визуал Марквиз);","Большой выбор в поле «тип вопроса»;","Получение подробной статистики прохождения квиза и ответов на вопросы;","Возможность добавления и настройки страницы «спасибо» / уведомления об успешной отправке формы;","Без проблем реализуется простой калькулятор;","Есть возможность автоматического перехода на следующий вопрос после ответа на предыдущий (НО! не у всех типов вопроса);","При необходимости, можно создать стартовую страницу;","Анимированный индикатор (прогресс-бар)."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Теперь о минусах данного способа:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Из всех представленных в статье, этот способ занимает больше всего времени;","Необходимы хорошие знания в Tilda и хотя бы базовые в коде (однако, здесь есть альтернатива — за 400₽ / месяц можно приобрести доступ к видео-инструкциям на все модификации платформы, в которых подробно и пошагово всё объясняется. Тогда никаких знаний вам не нужно, просто повторяете действия из видео);","Отсутствие возможности собирать какие-либо данные, кроме имени, адреса эл. почты, номера телефона (опять же, только через «костыли»);","Нельзя создать зависимость вопросов: «показывать следующий вопрос в зависимости от ответа на предыдущий»;","Каждый из вопросов (либо «шагов», если в одном «шаге» несколько вопросов) придётся отдельно адаптировать под все разрешения;","Нельзя создать сложный калькулятор."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Данный способ подойдёт для тех, кто хочет бесплатно создать несложный квиз с уникальным визуалом. Однако, вы должны быть готовы к тому, что на это придётся потратить очень много времени.
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"3. Модификация от nolim"}},{"type":"link","cover":false,"hidden":false,"anchor":"","data":{"link":{"type":"link","data":{"url":"https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fnolim.cc%2F%3Fr%3D1781&postId=1755370","title":"Нолим - простой способ улучшить сайт Tilda Publishing без кодинга","description":"Нолим - это платформа модификаций, позволяющая тильдаменам создавать крутые веб-проекты не тратя время на код","image":{"type":"image","data":{"uuid":"866e5984-63d7-5e12-a5ce-8d6f20238693","width":271,"height":270,"size":2646,"type":"png","color":"045cfc","hash":"","external_service":[]}},"v":1,"hostname":"nolim.cc"}}}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"С помощью данного скрипта можно собрать пошаговую форму в ZeroBlock, использовав различные поля и свои кнопки","image":{"type":"image","data":{"uuid":"8c9ef32d-1e96-5244-9ab3-29e5cbf42695","width":1324,"height":915,"size":65846,"type":"png","color":"045cfb","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIALwAvAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAUHCP/EACcQAAECBQMCBwAAAAAAAAAAAAECAwAEBQYRBxIhFtIiMVZhZHGU/8QAGAEAAwEBAAAAAAAAAAAAAAAAAAYHBQj/xAApEQABAQUHAwUAAAAAAAAAAAABAgADBAURBhQVIVOR0RIxkkFiobHC/9oADAMBAAIRAxEAPwBlq3pTdljUmUqlCuCaqiph8tKak3W5paRtKslLacgcYz7x1hZq0cFOHynUQ6CABWqgUjvTuT8NGJtKoiBdhbpZVU+lD9BpqNNta3wHk0usYc8QzNpTwefLfx9Q1mf2eQekrTl7Sfy2MJXM1ZhJ3HLaBF53gAALrrIA+e73RNsLgdFHiOGa75Eaityx1pePqys/vd7oMLgdFHiOGL5E6ity3//Z"}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Плюсы и минусы данного способа практически полностью совпадают с модификацией от mo-ti (поэтому нет смысла расписывать их здесь ещё раз), однако существуют некоторые отличия, о которых стоит упомянуть:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Модификация доступна в рамках подписки на сервис (ежемесячная цена составляет 7$ для Беларуси и других стран СНГ, и немного дешевле для РФ), однако после окончания подписки установленный квиз продолжит работать на вашем проекте (как и все модификации платформы);","Большая вариативность настроек ↓"],"type":"UL"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"Настройки пошаговой формы Nolim","image":{"type":"image","data":{"uuid":"9ae59656-f763-57ee-ab84-cf6e05e47546","width":984,"height":460,"size":11535,"type":"png","color":"fbf3fb","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAgMFCf/EAB4QAQACAgIDAQAAAAAAAAAAAAECAwARBNETMWOS/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAMEAf/EABkRAQADAQEAAAAAAAAAAAAAAAABAhESMf/aAAwDAQACEQMRAD8A0oq5F6T3O19u0esqmtd8K2cJ8/O+n6l1hxVuysUq1QV2sTJTB4B//9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"Расширение Nolim для браузера Google Chrome (работает внутри ваших проектов в Tilda)","image":{"type":"image","data":{"uuid":"e70abd5c-bf22-5297-959f-4ea06b2f3cdb","width":955,"height":907,"size":13456,"type":"png","color":"cbd2c9","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwQJ/8QAHBAAAgICAwAAAAAAAAAAAAAAAQIAEQMEIjFB/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ANSdIo2BGRyxAo8iYFNiAOuqpiUIoUV4KgMAK6gf/9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
К модификации прилагается понятная пошаговая видеоинструкция.
Данный способ — это лучший выбор в тех случаях, когда вам необходимо создать квиз / пошаговую форму с уникальным дизайном.
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"4. Блок из библиотеки Тильды — QZ101 «Квиз-форма»"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"40dfe921-dbae-5976-8139-801220b495e9","width":1574,"height":1101,"size":143529,"type":"png","color":"3d3d3d","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCf/EACQQAAIBBAECBwAAAAAAAAAAAAECAwAEESEGBRMUIiMxQVFh/8QAFgEBAQEAAAAAAAAAAAAAAAAAAgED/8QAGBEBAQEBAQAAAAAAAAAAAAAAAAECITH/2gAMAwEAAhEDEQA/ANKeKyT3XSLcnstJFEEuVhlaUR3PvIgZ/MVBbWd4NHHha9C8RziP04uNWDIulZr7BI+CR2q0kyz7DXAI406JI6RqrS3UjuQMFm0Mn7OAN/lCch1S1Uf/2Q=="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Данный блок появился в Тильде только в октябре 2024, придя на замену блокам BF919 и BF920, и сразу стал моим фаворитом. QZ101 предлагается в 7-ми предустановленных вариантах, которые вы можете увидеть на скрине выше.
Рассмотриv его плюсы и минусы подробнее. Начнём с плюсов:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Возможность создать стартовую страницу;","Есть возможность автоматического перехода на следующий вопрос после ответа на предыдущий;","Возможность собирать мессенджеры в контактах;","Можно создать зависимость вопросов: «показывать следующий вопрос в зависимости от ответа на предыдущий»;","Большой выбор в поле «тип вопроса»;","Простота в использовании;","Можно реализовать сложный калькулятор;","Автоматически адаптируется под все устройства;","Возможность указывать количество карточек в ряд на мобильных в вопросах с вариантами ответа в виде картинок;","Возможность добавить комментарии консультанта;","Возможность сделать блок QZ101 pop-up блоком;","Бесплатно в рамках подписки на Тильду."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
А вот из минусов я бы выделил только один — кастомизация. И хотя настройки визуала в QZ101 достаточно неплохие, многих вещей все же не хватает (например, возможность менять отступы текста в комментариях консультанта, возможность указывать свои размеры фотографии консультанта, возможность более детально настраивать визуал обложки на стартовой странице, и т.д.).
UPD: Настройка страницы «спасибо» пока также недоступна при использовании данного блока. Но пожелания об этой функции я уже оставил разработчикам, поэтому надеюсь, что в ближайшее время данный функционал появится.
В формате готового решения для квиза на данный момент, QZ101 — лучший выбор. Рекомендую!
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"5. Другие способы"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
На просторах интернета существует ещё очень много платформ для создания квизов, такие как, например, QuizGO, Envybox и т.д., но я никогда не пользовался ими, поскольку перечисленные мной выше варианты всегда закрывали все необходимые задачи.
Подводя итог данной статьи, хочу отметить, что выбор подходящего способа создания квиза должен напрямую зависеть от поставленных перед вами задач — будет это простой квиз с несколькими вопросами или сложный калькулятор? А может быть вам необходимо создать произведение искусства? В любом случае, надеюсь, что вы смогли подобрать подходящий для вас способ. И если это так, я буду благодарен за подписку на мой telegram-канал.
Ну и для тех, кто использует какой-то другой способ создания квизов на Tilda, не упомянутый в данной статье, — делитесь им в моём telegram-чате, будет интересно почитать.
Там я собрал множество готовых решений под любые задачи, поэтому обязательно заглядывайте!
"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":3,"favorites":1,"reposts":0,"views":529,"hits":755,"reads":null,"online":0},"dateFavorite":0,"hitsCount":755,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/marketing/1755370-sposoby-sozdaniya-kvizov-na-tilda","author":{"id":1306284,"name":"Vladislav Land","nickname":null,"description":"Разработка сайтов с упором на маркетинг и смыслы https://clck.ru/3Fwnfk","uri":"","avatar":{"type":"image","data":{"uuid":"63822fc7-29d6-5b65-9a9d-bfe2d1cb88c3","width":1200,"height":1200,"size":379839,"type":"png","color":"221f22","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAcQBxAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABwj/xAAmEAABAwMCBQUAAAAAAAAAAAABAgMEBQYRACEHCBQxQRIVIjNC/8QAFgEBAQEAAAAAAAAAAAAAAAAABAUD/8QAJBEAAQMCBQUBAAAAAAAAAAAAAQACAxEhBCIxYfASFEFRcfH/2gAMAwEAAhEDEQA/ACbh3y23HWeElzXEbRrfuPS9Ra7DLRw+2gBSlhA+31g+c58b76I1sYngEpyvr1Wvpz4qDY2ds94OYabfqEXLIoiFqRUaeI0tJIfZW6UKac/SSnHxIORjxjRnzPY4tDrBYBgIqQmjlcu+7ItACIt0VdlMelVIMhua6kNhDKygJwrbB7Y7aPjbYiM+nGm2UpEV8OeeVJs6bMlzZEqVLeeeedW44444VKWokkqJO5JO5J1aAFFPJX//2Q=="}},"cover":{"cover":{"type":"image","data":{"uuid":"6dde2b48-10d4-592f-a0c9-ee0ba682c3a8","width":2204,"height":864,"size":60845,"type":"png","color":"14141a","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCP/EACUQAAECBAQHAAAAAAAAAAAAAAECEQADBAcFEhMhBiQxQVJxgf/EABoBAAEFAQAAAAAAAAAAAAAAAAYAAQIEBQj/xAArEQABAwEFBQkAAAAAAAAAAAABAAIDBBESIzHRBRQVIZEiUlRxcoGS4fD/2gAMAwEAAhEDEQA/AMYC01tlJWkXjwqVMJOnrJypbtmZyD8jMlrqmA2PpZQfSNVZbTsdlI3r9IRtfbFJKTd/DVEbOAGPqIcTk8O/oNUt3Hfb+9k7xPRUaahYTSSQHOwliOzZKaGePFYHeYBQrObj+zyUuaSlc8tK6+Agads2ivHBb8RonEj7Myv/2Q=="}},"cover_y":65},"achievements":[{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 25 сентября 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":5792735,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5792735"},{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4143822,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4143822"}],"lastModificationDate":1764989791,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":199113,"name":"Маркетинг","description":"Рекламные кейсы из России и других стран, советы по продвижению, маркетинг и digital.","uri":"/marketing","avatar":{"type":"image","data":{"uuid":"d66009fe-9bf0-52da-bdbf-4c758eba39e7","width":2400,"height":2400,"size":841299,"type":"jpg","color":"f97373","hash":"0c1cf06cf0d010","external_service":[]}},"cover":{"type":"image","data":{"uuid":"5488a646-f32d-57a6-a31f-d290afc4388a","width":960,"height":280,"size":177,"type":"png","color":"fc7c7c","hash":"","external_service":[]}},"lastModificationDate":1661337194,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"marketing","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":2}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}},{"type":"entry","data":{"id":1755335,"customUri":null,"subsiteId":1306284,"title":"Способы кастомизации личного кабинета Tilda","date":1739465504,"dateModified":1739921373,"blocks":[{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Привет! Сегодня я поделюсь с тобой простыми способами кастомизации личного кабинета на Тильде. Если ты упёрся в ограничения Тильды и не знаешь как тебе сделать уникальный личный кабинет в таком виде, в котором ты его задумал, то эта статья — для тебя.
Меня зовут Влад. Я разработчик сайтов с упором на маркетинг и смыслы на Tilda с 5-летним опытом. Продаю сайты на 220.000−420.000 рублей и учу этому других дизайнеров. Веду свой канал в telegram, где делюсь полезным контентом для веб-дизайнеров — рассказываю про внутрянку фриланса и продаж (заходи и подписывайся, там действительно много интересного). А также разрабатываю бесплатные модификации для Тильды, которые ты сможешь применять без знания кода — https://vladislav-land.ru/mods
До недавнего момента я вообще не работал с личным кабинетом в тильде, поскольку у меня не было в этом необходимости. Но так уж получилось, что этот функционал пришлось изучить в рамках одного из последних проектов. И здесь пришла идея о том, чтобы собрать все способы кастомизации в одну статью и поделиться ими.
Здесь не будет способов, касающихся функционала личного кабинета: история заказов, реферальная программа, базы данных и т.д. Об этом мы поговорим в другой раз.
В ней ты найдешь ответы на следующие вопросы (все вопросы кликабельны, поэтому если тебе интересен какой-то конкретный вопрос, ты можешь просто нажать на него и перейти):
Я поделюсь с тобой своими примерами реализации, а также ссылками на готовые модификации, которые помогут тебе создать уникальный личный кабинет на Тильде.
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"1","data":{"style":"h2","text":"1. Как сделать свою страницу регистрации Tilda?"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"78e37d52-e88e-516c-a9d2-a92a51505042","width":1680,"height":826,"size":201600,"type":"png","color":"1d1c30","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAgMFCf/EACAQAAIBBAEFAAAAAAAAAAAAAAECBAADERJBBSEkMWH/xAAWAQEBAQAAAAAAAAAAAAAAAAAFAwT/xAAbEQACAgMBAAAAAAAAAAAAAAAAAQIRAwRBBf/aAAwDAQACEQMRAD8Az2hwulG1bvyHYXckt5CIBj4RmldzC3N8olCVIes8ajDcUYXsiS+ad9HplxhITovc+hQBoP/Z"}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Для того, чтобы создать уникальную форму регистрации в личном кабинете на Tilda, вам необходимо:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Создать страницу и задать ей ссылку «members/signup»;","Создать форму с необходимыми полями, а также кнопку отправки формы (кнопка может быть создана отдельным элементом);","Установить модификацию от Nolim «Своя уникальная форма в Зеро блоке» (найти её можно под номером NLM001 в разделе модификаций «Форма»)."],"type":"UL"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"2","data":{"style":"h2","text":"2. Как сделать свою страницу входа в личный кабинет Tilda?"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"cf3174a6-81e9-592a-bf77-3d341e76eaad","width":1680,"height":836,"size":194119,"type":"png","color":"1d1c30","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQFCf/EACIQAAEDBAAHAAAAAAAAAAAAAAEAAgMEERJBBRMhIjFDUf/EABYBAQEBAAAAAAAAAAAAAAAAAAUDBP/EABwRAQACAQUAAAAAAAAAAAAAAAABAwQFERIhQf/aAAwDAQACEQMRAD8Az0paThnKZNPIRLc+9rQLfQRdKZlM80q56NMrxg3u0No5bdDqfCc1H1mqEjJwb10EE0P/2Q=="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Но обрати внимание, что для того, чтобы заменить стандартную форму авторизации, тебе необходимо поставить для своей уникальной страницы входа ссылку \"members/login\".
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"3","data":{"style":"h2","text":"3. Как сделать свою страницу сброса пароля Tilda?"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"8f91a607-e9fd-5170-ab80-dfbe5a681d82","width":1680,"height":800,"size":206435,"type":"png","color":"1d1c30","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYJ/8QAIRAAAQMEAQUAAAAAAAAAAAAAAQIEEgADESFBBSIxUbH/xAAWAQEBAQAAAAAAAAAAAAAAAAAFAwT/xAAeEQACAQMFAAAAAAAAAAAAAAAAARECAyEEBUFxkf/aAAwDAQACEQMRAD8Az2bNehpspv33qkOAnMZ6z6xE/aT1VnLbaUd58ROioUh8IJ7uBR0lpJ91zTO4cma2JtkwTs+BQhc//9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Для того, чтобы заменить стандартную форму восстановления пароля, необходимо поставить для своей уникальной страницы сброса пароля ссылку \"members/recover-password\".
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"4","data":{"style":"h2","text":"4. Как изменить окно профиля в личном кабинете Tilda (добавить свои кнопки управления профилем)?"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"e2e0e618-43f5-5c1a-bb79-64228955b98e","width":1680,"height":828,"size":201567,"type":"png","color":"1d1c31","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAgUJ/8QAHhAAAQMFAQEAAAAAAAAAAAAAAQACBAMFEiFBMZH/xAAWAQEBAQAAAAAAAAAAAAAAAAAFAwT/xAAcEQEAAgEFAAAAAAAAAAAAAAAAAQNBBAURIvH/2gAMAwEAAhEDEQA/AM+4tts5tzJla4Bso1CDTJAxHCN7+JbXUTHf1KucEycMRvgRi/KHK6nNxyy1mwnBuz4EA0P/2Q=="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"5","data":{"style":"h2","text":"5. Как сделать профиль пользователя личного кабинета в zero-блоке Tilda?"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"a580c715-42bc-5e5b-83bc-96153e66d75a","width":1680,"height":859,"size":176236,"type":"png","color":"1c1e31","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAUGCf/EAB8QAAICAgIDAQAAAAAAAAAAAAECAwQAEQUSITFxQf/EABcBAAMBAAAAAAAAAAAAAAAAAAMEBQb/xAAeEQACAQMFAAAAAAAAAAAAAAAAAQMCEVEEBTGR4f/aAAwDAQACEQMRAD8Az3XhaTW4FXmqsQZl7PK3VUB1sn5lXVw3qwAjqsh1Zg4+rZlqxc3XsJC7RrNHvpIAdBl2N6PsfcRajy+vQ6bJK5+5Z3FcikQIT0XyfQzPjZ//2Q=="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"6","data":{"style":"h2","text":"6. Как изменить окно смены пароля Tilda?"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"aa6885d1-1d0a-539f-be53-b68d08f1c564","width":1680,"height":863,"size":189979,"type":"png","color":"1d1e31","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYJ/8QAIRAAAQMDBAMAAAAAAAAAAAAAAQADBAIFQRESIjETIXH/xAAWAQEBAQAAAAAAAAAAAAAAAAAFBAP/xAAbEQABBQEBAAAAAAAAAAAAAAAAAQIDEUEEBf/aAAwDAQACEQMRAD8Az5jW63C2OXJyXtlNk6N76RqPnZSfZA61cmGMbkoa3P4U8sDKPKLJuZ2mvR0khFtk+On3gIQpP//Z"}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Стандартное окно изменения пароля от Тильды имеет довольна скудные настройки, и вписывается далеко не в каждый визуал. Поэтому я разработал бесплатную модификацию «Кастомизация окна смены пароля в личном кабинете на Tilda», которая позволяет подогнать окно изменения пароля к любому вашему дизайну. К модификации прилагается понятная инструкция, поэтому сложностей с её установкой у вас возникнуть не должно. Но если что, вы всегда можете написать в мой чат, и я помогу вам.
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"7","data":{"style":"h2","text":"7. Как обращаться к пользователю личного кабинета Tilda по имени?"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"d2a75b00-d351-5432-b3e9-5da1b1bbe06b","width":1680,"height":857,"size":181861,"type":"png","color":"1c1e31","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAQUGCf/EACAQAAICAQQDAQAAAAAAAAAAAAECAwQRAAUxQRIVISP/xAAXAQADAQAAAAAAAAAAAAAAAAADBAUG/8QAHBEBAAIBBQAAAAAAAAAAAAAAAAMRAQIEBSFB/9oADAMBAAIRAxEAPwDPf0VcT129/t6CRlBJZvzzyW+dd6p76OtVgxZ6NrMderYlqx7zUsLC7RrNExKSAHHkuQDg8jI1PHtK3O9XeR9JxChPgv08DWfNv//Z"}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Хотите обращаться к пользователям, которые вошли в личный кабинет, по имени? Это сделать достаточно просто:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Укажите слово, которое будет написано вместо имени, если пользователь не залогинен или не указал имя при регистрации;","На сайте (в местах, где хотите сделать обращение по имени), напишите любое слово, например «имя», и сделайте из него ссылку;","Разместите скрипт на тех страницах, где планируете использовать модификацию (размещать в блоке T123)."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"8","data":{"style":"h2","text":"8. Как отобразить виджет личного кабинета Tilda на любой странице сайта?"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"960c8735-48d8-5879-b320-20d6dd86678e","width":1680,"height":857,"size":183036,"type":"png","color":"1f2034","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABAUGCP/EACcQAAIBAgQEBwAAAAAAAAAAAAECAwQFABESMRMhIzMGIjJBUWFi/8QAFwEAAwEAAAAAAAAAAAAAAAAAAwUGBP/EAB4RAAEEAgMBAAAAAAAAAAAAAAABAgMRBDESQVHB/9oADAMBAAIRAxEAPwDF8FvvsVOXTw9ZHRorcQ7tFrEbP02Hm9THk/1vlhpmRsR12u/AUbloAvVRcUvFctXbqKnnFTKJYYGHCjfUc1TLMaQeQyO2FweyXqpZON3G7w9/ziqzmpz138F0arQsSSTSOo23ziTN5//Z"}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Вы ведь тоже считаете странным, что виджет личного кабинета отображается только на страницах, которые есть в группах ЛК? Но если пользователь зашёл на сайт, он ведь должен иметь доступ к своему профилю отовсюду, разве нет? Данная модификация исправляет это недоразумение.
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"9","data":{"style":"h2","text":"9. Как кастомизировать страницы списка групп личного кабинета Tilda?"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"6e56a445-bb30-5e97-b867-d14d8cc2bde8","width":1680,"height":858,"size":182515,"type":"png","color":"1d1f32","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAUGCf/EACEQAAEDBAEFAAAAAAAAAAAAAAECAwQABRExIRIiQYGR/8QAFgEBAQEAAAAAAAAAAAAAAAAABAUD/8QAHxEAAQMDBQAAAAAAAAAAAAAAAAEDEQIEQQUhUZHh/9oADAMBAAIRAxEAPwDPqXZ7VHeadZvTaklKVHWQSBkejxVO9biqVMWllBkHYAGEzMga7xr5Q5bwi9+G2/JLzPNWdRyEaBBPQnk6FQBZ/9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Все мы давно хотели, чтобы наконец появилась возможность кастомизации страницы со списком групп в личном кабинете на Tilda. Сейчас эта страница называется «Список ресурсов».
Как утверждает автор, с помощью данного мода вы сможете:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Добавлять фоновое изображение страницы;","Выбирать цвет или фоновое изображение блока со списком групп;","Изменять цвет текста, ссылок и иконок рядом с ними;","Задавать размеры контейнера и окна с группами;","Пропускать эту страницу при логине и вести пользователя на какую-то конкретную."],"type":"UL"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"10","data":{"style":"h2","text":"10. Как скрыть блоки / элементы для неавторизованных / авторизованных пользователей в личном кабинете Tilda?"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"0651f299-7ae9-5bb4-959a-9f1804084aeb","width":1680,"height":859,"size":176122,"type":"png","color":"1d1e31","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAQUGCf/EACAQAAICAQQDAQAAAAAAAAAAAAECAwQRAAUSQQYhMVH/xAAXAQADAQAAAAAAAAAAAAAAAAADBAUG/8QAHBEBAAEEAwAAAAAAAAAAAAAAAAMBBAURISJB/9oADAMBAAIRAxEAPwDPhdgrmeBj5Dt0Ycrks7Dhn99dd6p30fYGKvBrZjgq2JaybxUsLC7RiaJjwkAOOS5AOD9GRqePtK3O9Xcj6TiFCeC+z8Gs+bf/2Q=="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Но обратите внимание, что для корректной работы данной модификации, требуется подключить jQuery в настройках вашего сайта на Тильде (вкладка «Настройки сайта» → «Ещё» → поставьте галочку на «Подключить jQuery на страницах сайта»).
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"11","data":{"style":"h2","text":"11. Как отобразить email пользователя в личном кабинете Tilda?"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"9d125387-adc8-59d6-90f3-2c453cf93c2d","width":1680,"height":860,"size":181426,"type":"png","color":"1c1e31","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAQUGCf/EACQQAAIBAwMDBQAAAAAAAAAAAAECAwAEIQURExIUMQYVQWFx/8QAFwEAAwEAAAAAAAAAAAAAAAAAAwQFBv/EABsRAQACAgMAAAAAAAAAAAAAAAADEQECBAVB/9oADAMBAAIRAxEAPwDPf23Q0uLdpPUIRWK8jdsx4wTn92+qp82KtryDFk1uZNLhuJYbTWO4gjdlim4WTkQHDdJyNxnY+KnmLS1581d7H0lEKE9C5PgVnzb/2Q=="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Данная модификация отлично работает в связке с модификацией из п.7 (когда вы хотите показывать пользователю информацию о нём, и тем самым персонализировать обращение).
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Теперь несколько слов о стоимости:"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Для использования моей модификацииникаких платных подписок не потребуется, но если вы дочитали до этого момента, значит статья была для вас интересной и полезной, и я буду очень благодарен вам за подписку намой telegram-канал (так вы сможете поддержать меня).
И кстати, важный момент: после окончания подписок все установленные модификации продолжат работать на вашем сайте. Поэтому если прокачка личного кабинета на Тильде — разовая задача для вас, вы можете не продлевать подписки на постоянной основе.
Тильда, конечно, не очень дружелюбна к кастомизации личного кабинета и предоставляет ограниченные возможности для этого. Однако, как вы уже могли заметить, реализовать практически все ваши «хотелки» вполне реально. По крайней мере, всё, что касается визуальной части.
Благодарю, что нашли время и прочли данную статью. Надеюсь, она была полезной и помогла вам разобраться с возможностями кастомизации личного кабинета на Тильде. Но если у вас остались вопросы, не стесняйтесь обращаться!
"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":0,"favorites":2,"reposts":0,"views":452,"hits":3460,"reads":null,"online":0},"dateFavorite":0,"hitsCount":3460,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/dev/1755335-sposoby-kastomizacii-lichnogo-kabineta-tilda","author":{"id":1306284,"name":"Vladislav Land","nickname":null,"description":"Разработка сайтов с упором на маркетинг и смыслы https://clck.ru/3Fwnfk","uri":"","avatar":{"type":"image","data":{"uuid":"63822fc7-29d6-5b65-9a9d-bfe2d1cb88c3","width":1200,"height":1200,"size":379839,"type":"png","color":"221f22","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAcQBxAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABwj/xAAmEAABAwMCBQUAAAAAAAAAAAABAgMEBQYRACEHCBQxQRIVIjNC/8QAFgEBAQEAAAAAAAAAAAAAAAAABAUD/8QAJBEAAQMCBQUBAAAAAAAAAAAAAQACAxEhBCIxYfASFEFRcfH/2gAMAwEAAhEDEQA/ACbh3y23HWeElzXEbRrfuPS9Ra7DLRw+2gBSlhA+31g+c58b76I1sYngEpyvr1Wvpz4qDY2ds94OYabfqEXLIoiFqRUaeI0tJIfZW6UKac/SSnHxIORjxjRnzPY4tDrBYBgIqQmjlcu+7ItACIt0VdlMelVIMhua6kNhDKygJwrbB7Y7aPjbYiM+nGm2UpEV8OeeVJs6bMlzZEqVLeeeedW44444VKWokkqJO5JO5J1aAFFPJX//2Q=="}},"cover":{"cover":{"type":"image","data":{"uuid":"6dde2b48-10d4-592f-a0c9-ee0ba682c3a8","width":2204,"height":864,"size":60845,"type":"png","color":"14141a","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCP/EACUQAAECBAQHAAAAAAAAAAAAAAECEQADBAcFEhMhBiQxQVJxgf/EABoBAAEFAQAAAAAAAAAAAAAAAAYAAQIEBQj/xAArEQABAwEFBQkAAAAAAAAAAAABAAIDBBESIzHRBRQVIZEiUlRxcoGS4fD/2gAMAwEAAhEDEQA/AMYC01tlJWkXjwqVMJOnrJypbtmZyD8jMlrqmA2PpZQfSNVZbTsdlI3r9IRtfbFJKTd/DVEbOAGPqIcTk8O/oNUt3Hfb+9k7xPRUaahYTSSQHOwliOzZKaGePFYHeYBQrObj+zyUuaSlc8tK6+Agads2ivHBb8RonEj7Myv/2Q=="}},"cover_y":65},"achievements":[{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 25 сентября 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":5792735,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5792735"},{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4143822,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4143822"}],"lastModificationDate":1764989791,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":235819,"name":"Разработка","description":"Сообщество разработчиков: публикации о личном опыте, выдающиеся приёмы при решении рутинных задач, полезные материалы для профессионального роста.","uri":"/dev","avatar":{"type":"image","data":{"uuid":"fef5b5fb-e488-5b7f-8445-e3a26a910b44","width":1200,"height":1200,"size":7757,"type":"png","color":"343434","hash":"04042b2b1c1000","external_service":[]}},"cover":{"type":"image","data":{"uuid":"2a214cc5-35cc-58ca-bc07-fc1c892d2101","width":960,"height":280,"size":177,"type":"png","color":"343434","hash":"","external_service":[]}},"lastModificationDate":1642411346,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"dev","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":3}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}},{"type":"entry","data":{"id":861644,"customUri":null,"subsiteId":1306284,"title":"Кейс: разработка и продвижение многостраничного сайта квестов","date":1697295144,"dateModified":1737745752,"blocks":[{"type":"link","cover":true,"hidden":false,"anchor":"","data":{"link":{"type":"link","data":{"url":"https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fmsk-2048.tilda.ws%2F&postId=861644","title":"Иммерсивные шоу в Москве купить билеты | «Москва 2048»","description":"Самый большой в России иммерсивный театр - «Москва 2048» ⚡ Проект объединяющий шоу, квест и театр ➤ Финал зависит только от тебя! Звони и бронируй билеты на шоу +375447186893","image":{"type":"image","data":{"uuid":"7af7fcdd-a6b2-509a-bb80-869cfe85bd60","width":192,"height":192,"size":17023,"type":"png","color":"ebebeb","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAgcI/8QAIhAAAQIGAgMBAAAAAAAAAAAAAQIDAAQGBxEhEhMFFDEV/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAIB/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Ayxbay1kavoSSrWpb5SVPuSCV/v8Ain2szSCHVhv10/XOxAQNA8STnUUlB3EtdiusZTk8SRvEaCPggAScnZimv//Z"}},"v":1,"hostname":"msk-2048.tilda.ws"}}}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Вводные:"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
«Москва 2048» («Клаустрофобия») — ТОП-1 в нише иммерсивных спектаклей и квестов в СНГ.На момент обращения у клиента уже был сайт, который не приносил нужных результатов. Старый сайт страдал от ряда серьезных проблем, включая низкую производительность, отсутствие маркетинга, неэффективный дизайн, плохую навигацию и неудовлетворительную конверсию. В результате этого заказчик терял потенциальных клиентов.
Разработать современный сайт в течение 30 дней, сделав упор на тексты и, как итог, конверсию. В рамках этого проекта нам предстояло не только создать новый сайт, но и пересмотреть стратегию дизайна и маркетинга, учитывая все пожелания клиента, а также запросы его целевой аудитории.
Продумали структуру и дизайн каждой из страниц сайта в фирменном стиле и цветах компании. Сделали акцент на текстах, которые были разработаны с учётом анализа целевой аудитории.
Настроили и запустили контекстную рекламу в Яндекс Директ.
"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Сайт ДО"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"36293c54-3313-5b40-9012-9cdb77288113","width":700,"height":500,"size":199598,"type":"png","color":"1a1c1c","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQj/xAAkEAABBAIBAgcAAAAAAAAAAAABAgMEBQARIhITFSEjMkJRsf/EABcBAAMBAAAAAAAAAAAAAAAAAAIDBAD/xAAcEQEAAgIDAQAAAAAAAAAAAAABAAIREwMhMVH/2gAMAwEAAhEDEQA/AIsqaqpforIXM2cL3TZq3IsqOmOeR7pcSodR0jRGiMB5GvYwa0VxAfD7dHFV7W7HkfVB/MZurNrt9hTMyWiNFCJTyQlKdALI1xyS9RWV1XBBXXni6sl1fuPyP3jDyKfZ/9k="}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Сайт ПОСЛЕ"}},{"type":"media","cover":true,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"3e372570-09d5-5f1d-8130-ba9a5c55421f","width":700,"height":500,"size":200353,"type":"png","color":"121717","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAQQHCP/EACUQAAEDAgYBBQAAAAAAAAAAAAECBBEAAwUGBxIhMSIjUVOh0f/EABcBAAMBAAAAAAAAAAAAAAAAAAEDBQT/xAAiEQACAQMCBwAAAAAAAAAAAAAAAQIDBCEFMRMUIlJhkaH/2gAMAwEAAhEDEQA/AMVIyFpE6Q7Vb1EfWloXtsKusVerKCRKRynygdnupMLnUW4qVBZ36ts/cDpxt4ptTePAkjStltG7MD2Y5hqiPu5V3hRJHN1O1eyenEH6j5PXBkgmbiuT790po2gViWIkkl+4JJ+VX7RCf//Z"}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Командная работа и коммуникация:"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Над проектом работали 4 универсальных солдата: я, как ответственный за результат (и по совместительству верстальщик), дизайнер, маркетолог и контекстолог. Мы закрыли все задачи под ключ.
"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"Для комфортного взаимодействия клиента со всей командой, мы создали общий чат в telegram, а всю работу вели в личном кабинете, где хранили все файлы и ссылки на материалы проекта, отчётность, а также расписали этапы работы и таймлайны","image":{"type":"image","data":{"uuid":"484309d7-a893-5001-af55-eb116cf14c1c","width":3320,"height":3074,"size":658224,"type":"png","color":"fbfaf9","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAACAcJ/8QAIxAAAQMDBAIDAAAAAAAAAAAAAQIDBAUHCAAGERITIRQiQf/EABcBAAMBAAAAAAAAAAAAAAAAAAECAwT/xAAcEQACAgIDAAAAAAAAAAAAAAAAAQIRE1EDQnH/2gAMAwEAAhEDEQA/AJBeW5d1bAZRVm3lvLkb5mUqhV+GmLAlV6S+ZgDbS/C4Ar791KKSAOSDxp4JN0yXIndpjTpeZORk2mRJknHZ9l19ht1xv4M4dFKSCU+x+E8apjjsGSWg03ziRVZ11ZaozRUd40hRJQOSe0b3rNPr6VTds1n0wT//2Q=="}}}]}},{"type":"quote","cover":false,"hidden":false,"anchor":"","data":{"text":"
Все этапы работы проходили слаженно между всеми специалистами. Каждое своё решение мы презентовали заказчику с пояснениями, чем минимизировали количество правок до нуля
","subline1":""}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"1. Провели подробный брифинг"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Все вопросы мы задавали лично (на zoom-конференции). На созвоне с нашей стороны присутствовали я, маркетолог и дизайнер, а со стороны заказчика — представители компании.
Задачей брифинга было детальное погружение в нишу, а также подробное изучение услуг компании и процесса взаимодействия с клиентами. Это было необходимо для того, чтобы выявить сильные стороны заказчика и в дальнейшем правильно расставить акценты на сайте.
Взяли для анализа только прямых конкурентов, которых люди могут найти в поисковой выдаче, поскольку дальше на сайт мы запустим контекстную рекламу. И есть смысл сравнивать только с теми конкурентами, которых ЦА так же найдёт в интернете: из поисковой выдачи по Москве.
В результате анализа целевой аудитории было выделено 4 основных сегмента:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Любители иммерсивных шоу и квестов;","Семьи, мамы с детьми; ","Корпоративные клиенты, HR; ","Любители жанра и стиля постапокалипсис. "],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Каждый сегмент был подробно проанализирован по таким критериям как: возраст, страхи, боли, возражения, желания и критерии принятия решений. Полученные данные в дальнейшем были использованы при разработке прототипа сайта и написания текстов для него.
Конверсия сайта на 80% зависит именно от того, насколько грамотно тексты раскрывают смыслы, преимущества компании, закрывают боли и учитывают критерии принятия решений нашей ЦА.
Какой бы красивый ни был сайт, если тексты на нём не проработаны должным образом, то он не будет продавать. Именно читая тексты, пользователь прогревается и принимает решение — совершить целевое действие или закрыть вкладку.
Основным акцентным цветом был выбран жёлтый (FBCC49), поскольку он более спокойный и ассоциируется с такими играми как «Metro 2033» и «S.T.A.L.K.E.R.».
Весь дизайн был выполнен в минималистичном стиле с основным упором на передачу атмосферы и короткий текстовый контент, закрывающий основные боли и возражения целевой аудитории.
Практически в каждом блоке визуальный контент (фото и видео) был использован для того, чтобы погрузить пользователя в атмосферу постапокалипсиса (соответствующую тематике сайта). Этому также способствует тёмный фон с зернистостью, задавая определённый антураж.
Текст на сайте было решено подавать маленькими кусочками, чередуя с визуальным контентом, благодаря чему мы добились высокого процента прочтения и заинтересованности пользователей.
"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"689f117d-9cde-55e4-8cd1-bd538d0a3940","width":3320,"height":3074,"size":3503322,"type":"png","color":"faf9f5","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAACAn/xAAjEAABAwIGAwEAAAAAAAAAAAABAgMFBAYABwgSISIRExUU/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAECA//EABoRAAMAAwEAAAAAAAAAAAAAAAABAhESMSH/2gAMAwEAAhEDEQA/ADfqL1B5t5k5pzc7e0Wu1Jqkp0RrsVTqqUttvU6ihYHfqoeTuJJ5TidM0qb4Z3fmpYywM0o2RsS3JD4NxD9MRRveHY1YWNzKT2B5B55xRpwDmrmx7KOeE48bPhPZVMtvPr+ezudcUolS1Hb2UTySeScAmijVtIQ3bkU22kJSmiYCUgeAB6xwMAz/2Q=="}}}]}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"6. Вёрстка дизайн-макета на Tilda"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
После согласования дизайн-макета мы приступили к вёрстке:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Перенесли все страницы в Тильду;","Адаптировали под все виды устройств (ПК, ноутбуки, телефоны и планшеты);","Анимировали текстовые и графические элементы;","Настроили все формы и подключили их к CRM;","Подключили домен, настроили SSL-сертификат, добавили favicon;","Проверили кликабельность всех элементов: номер телефона, кнопки, ссылки, pop-up, формы;","Оптимизировали сайт для SEO "],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
1. Отрисовали и установили прелоадер (индикатор загрузки), который появляется на экране, пока основное содержимое сайта ещё не загрузилось полностью. Он помогает улучшить пользовательский опыт, предотвращая появление белого экрана или неполностью загруженных элементов.
В результате проведённых маркетинговых исследований нами было принято решение использовать первый блок сайта как мощное средство для убеждения посетителей сразу же, как только они попадают на страницу. Располагая слайдер с положительными отзывами в верхней части страницы, мы моментально вызываем доверие у пользователей.
3. Использовали интерактивную анимацию (при скролле, при наведении, при нажатии), чтобы повысить уровень вовлечённости и поспособствовать увеличению конверсии. Пользователи остаются дольше, взаимодействуют с контентом и более вероятно выполняют целевые действия.
4. Добавили разрешение 1920px, которое по умолчанию не предусмотрено в Тильде, а также подключили для него autoscale («резиновую» вёрстку) — функцию, которая автоматически адаптирует контент под разрешения всех мониторов, что обеспечивает одинаковое отображение сайта на любых компьютерах.
Провели предварительные работы перед запуском рекламных кампаний (Яндекс.Директ):
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Разработали стратегии продвижения для каждого сегмента ЦА;","Собрали ключевые слова и фразы, подходящие для продвижения;","Установили на сайт счётчик Яндекс. Метрики для чёткого отслеживания и правильной работы при срабатывании конверсий на сайте;","Создали и настроили аккаунт в Яндекс.Директ;","Проработали качественные объявления, добавили описания и иллюстрации, быстрые ссылки."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
За первый месяц рекламы нам удалось протестировать 12 гипотез в рекламных кампаниях на поиске и в РСЯ, а также получить отличный поток целевого трафика на сайт — 1254 посетителя. С этого количества было получено 79 заявок, из которых 59 конвертировались в посещение квеста / иммерсивного спектакля.
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Показатели и статистика"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Сравнительная статистика за первый месяц после запуска нового сайта:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Глубина просмотров увеличилась с 2,27 до 3,1;","Время на сайте выросло с 1:19 до 3:14 в среднем и 5:02 на пике;","Процент отказов уменьшился с 18% до 12,3%."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Яндекс: отказы уменьшились с 12,3 до 5,6%;","Google: отказы уменьшились с 14.1% до 9,7%."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
1.2 Прямые заходы:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Отказы уменьшились с 21,5% до 14%."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
1.3 Рекламные переходы Яндекс. Директ:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Отказы уменьшились с 21,8 до 16,2%."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
1.4 Переходы по ссылкам:
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Отказы уменьшились с 15,4% до 8,7%."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
2. Отказы по устройствам
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Смартфоны — отказы уменьшились с 20,1% до 11,9%;","ПК — отказы уменьшились с 12,4% до 6,1%."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
3. Глубина просмотров по устройствам
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Смартфоны — глубина увеличилась с 1,6 до 3,3;","ПК — глубина увеличилась с 1,84 до 2,9."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
4. Время просмотров по устройствам
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Смартфоны — время увеличилось с 01:12 до 02:48;","ПК — время увеличилось с 01:20 до 03:30."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
5. Трафик по устройствам
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Смартфоны — 70%;","ПК — 30%."],"type":"UL"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"Статистика сайта за первый месяц","image":{"type":"image","data":{"uuid":"f6a324ad-2996-53b4-bcc7-36975d527dae","width":700,"height":280,"size":17217,"type":"png","color":"e7e7e5","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwIJ/8QAHBAAAgIDAQEAAAAAAAAAAAAAAQIAEQMhgSJR/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ANTVyJiRA7t7IVbFcgLwwDx6UVqBVn7A/9k="}}}]}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Итоги"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Всю работу нужно было завершить строго в дедлайн — 1 месяц. Мы уложились в срок.
Результатом нашей работы стал современный сайт иммерсивного театра, оптимизированный для поисковых систем, с удобным функционалом, а также привлекательным и атмосферным дизайном. Заказчик остался очень доволен результатами работы, что послужило поводом к продлению контекстной рекламы.
Мы готовы предложить вам бесплатную консультацию, на которой мы выясним вашу текущую ситуацию и задачу, подберём необходимые инструменты, а также пройдёмся по этапам работы, ответим на ваши вопросы и рассчитаем стоимость 🙃
Уважаемые читатели! Мы готовы ответить на любые ваши вопросы по кейсу, которые вы оставите в комментариях. Благодарим за внимание!
"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":0,"favorites":0,"reposts":0,"views":467,"hits":414,"reads":null,"online":0},"dateFavorite":0,"hitsCount":414,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/dev/861644-keis-razrabotka-i-prodvizhenie-mnogostranichnogo-saita-kvestov","author":{"id":1306284,"name":"Vladislav Land","nickname":null,"description":"Разработка сайтов с упором на маркетинг и смыслы https://clck.ru/3Fwnfk","uri":"","avatar":{"type":"image","data":{"uuid":"63822fc7-29d6-5b65-9a9d-bfe2d1cb88c3","width":1200,"height":1200,"size":379839,"type":"png","color":"221f22","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAcQBxAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABwj/xAAmEAABAwMCBQUAAAAAAAAAAAABAgMEBQYRACEHCBQxQRIVIjNC/8QAFgEBAQEAAAAAAAAAAAAAAAAABAUD/8QAJBEAAQMCBQUBAAAAAAAAAAAAAQACAxEhBCIxYfASFEFRcfH/2gAMAwEAAhEDEQA/ACbh3y23HWeElzXEbRrfuPS9Ra7DLRw+2gBSlhA+31g+c58b76I1sYngEpyvr1Wvpz4qDY2ds94OYabfqEXLIoiFqRUaeI0tJIfZW6UKac/SSnHxIORjxjRnzPY4tDrBYBgIqQmjlcu+7ItACIt0VdlMelVIMhua6kNhDKygJwrbB7Y7aPjbYiM+nGm2UpEV8OeeVJs6bMlzZEqVLeeeedW44444VKWokkqJO5JO5J1aAFFPJX//2Q=="}},"cover":{"cover":{"type":"image","data":{"uuid":"6dde2b48-10d4-592f-a0c9-ee0ba682c3a8","width":2204,"height":864,"size":60845,"type":"png","color":"14141a","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCP/EACUQAAECBAQHAAAAAAAAAAAAAAECEQADBAcFEhMhBiQxQVJxgf/EABoBAAEFAQAAAAAAAAAAAAAAAAYAAQIEBQj/xAArEQABAwEFBQkAAAAAAAAAAAABAAIDBBESIzHRBRQVIZEiUlRxcoGS4fD/2gAMAwEAAhEDEQA/AMYC01tlJWkXjwqVMJOnrJypbtmZyD8jMlrqmA2PpZQfSNVZbTsdlI3r9IRtfbFJKTd/DVEbOAGPqIcTk8O/oNUt3Hfb+9k7xPRUaahYTSSQHOwliOzZKaGePFYHeYBQrObj+zyUuaSlc8tK6+Agads2ivHBb8RonEj7Myv/2Q=="}},"cover_y":65},"achievements":[{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 25 сентября 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":5792735,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5792735"},{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4143822,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4143822"}],"lastModificationDate":1764989791,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":235819,"name":"Разработка","description":"Сообщество разработчиков: публикации о личном опыте, выдающиеся приёмы при решении рутинных задач, полезные материалы для профессионального роста.","uri":"/dev","avatar":{"type":"image","data":{"uuid":"fef5b5fb-e488-5b7f-8445-e3a26a910b44","width":1200,"height":1200,"size":7757,"type":"png","color":"343434","hash":"04042b2b1c1000","external_service":[]}},"cover":{"type":"image","data":{"uuid":"2a214cc5-35cc-58ca-bc07-fc1c892d2101","width":960,"height":280,"size":177,"type":"png","color":"343434","hash":"","external_service":[]}},"lastModificationDate":1642411346,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"dev","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":2}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}},{"type":"entry","data":{"id":555339,"customUri":null,"subsiteId":1306284,"title":"Вывод ваших кейсов в ТОП на Behance","date":1675611184,"dateModified":1737745800,"blocks":[{"type":"text","cover":true,"hidden":false,"anchor":"","data":{"text":"
Я тут недавно проводил опрос в своём telegram-канале, из которого стало понятно, что тема продвижения кейсов / проектов на Behance для многих дизайнеров очень актуальна, поэтому сегодня хочу поделиться своими «фишками» ✌🏻
Сразу скажу, что здесь не будет банальных советов на подобие «сделайте привлекательную обложку», «загружайте только лучшие проекты» — это информация, которую все итак знают и слышали много раз (но если для вас это что-то новое — не читайте пост дальше, вам ещё рано 😅).
Итак, вот несколько рабочих инструментов, проверенных лично мной (мой проект «Интернет-магазин морепродуктов» прямо сейчас в ТОП-1 на behance, а проект «Интернет-магазин школьной формы» держался в ТОП-1 на протяжение месяца), благодаря которым вы сможете бесплатно прокачать своё портфолио на данной платформе 💣
1. Бот для продвижения №1 — суть заключается во взаимных лайках и комментариях на проекты. За выполнение заданий других пользователей вы получаете так называемые «плюшки 🥨», которые в дальнейшем можно тратить на продвижение ваших проектов. Курс, например, по лайкам - 1 к 1. Но делать заказ на свой проект можно только от 1000 «плюшек» (поставить 100 лайков другим пользователям).
Совет для чатов: несколько раз в сутки закидывайте свои проекты ссылками в каждый из чатов. Но не нужно часто использовать один и тот же проект, лучше постоянно разные (если проектов не много - чередовать). Ну и конечно же, оставляйте лайки и комментарии другим пользователям из чатов 😉
В интернете также существует много сервисов для взаимного пиара behance, например, dribe, но я не рекомендую вам их использовать, поскольку задания там единичные, а чтобы заказать продвижение своего проекта, нужно накопить большую сумму баллов (а это несколько месяцев минимум). Так что не теряйте время зря и пользуйтесь инструментами, перечисленными в пунктах 1-3 ☝🏻
"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":4,"favorites":6,"reposts":0,"views":633,"hits":4515,"reads":null,"online":0},"dateFavorite":0,"hitsCount":4515,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/design/555339-vyvod-vashih-keisov-v-top-na-behance","author":{"id":1306284,"name":"Vladislav Land","nickname":null,"description":"Разработка сайтов с упором на маркетинг и смыслы https://clck.ru/3Fwnfk","uri":"","avatar":{"type":"image","data":{"uuid":"63822fc7-29d6-5b65-9a9d-bfe2d1cb88c3","width":1200,"height":1200,"size":379839,"type":"png","color":"221f22","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAcQBxAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABwj/xAAmEAABAwMCBQUAAAAAAAAAAAABAgMEBQYRACEHCBQxQRIVIjNC/8QAFgEBAQEAAAAAAAAAAAAAAAAABAUD/8QAJBEAAQMCBQUBAAAAAAAAAAAAAQACAxEhBCIxYfASFEFRcfH/2gAMAwEAAhEDEQA/ACbh3y23HWeElzXEbRrfuPS9Ra7DLRw+2gBSlhA+31g+c58b76I1sYngEpyvr1Wvpz4qDY2ds94OYabfqEXLIoiFqRUaeI0tJIfZW6UKac/SSnHxIORjxjRnzPY4tDrBYBgIqQmjlcu+7ItACIt0VdlMelVIMhua6kNhDKygJwrbB7Y7aPjbYiM+nGm2UpEV8OeeVJs6bMlzZEqVLeeeedW44444VKWokkqJO5JO5J1aAFFPJX//2Q=="}},"cover":{"cover":{"type":"image","data":{"uuid":"6dde2b48-10d4-592f-a0c9-ee0ba682c3a8","width":2204,"height":864,"size":60845,"type":"png","color":"14141a","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCP/EACUQAAECBAQHAAAAAAAAAAAAAAECEQADBAcFEhMhBiQxQVJxgf/EABoBAAEFAQAAAAAAAAAAAAAAAAYAAQIEBQj/xAArEQABAwEFBQkAAAAAAAAAAAABAAIDBBESIzHRBRQVIZEiUlRxcoGS4fD/2gAMAwEAAhEDEQA/AMYC01tlJWkXjwqVMJOnrJypbtmZyD8jMlrqmA2PpZQfSNVZbTsdlI3r9IRtfbFJKTd/DVEbOAGPqIcTk8O/oNUt3Hfb+9k7xPRUaahYTSSQHOwliOzZKaGePFYHeYBQrObj+zyUuaSlc8tK6+Agads2ivHBb8RonEj7Myv/2Q=="}},"cover_y":65},"achievements":[{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 25 сентября 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":5792735,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5792735"},{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4143822,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4143822"}],"lastModificationDate":1764989791,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":199114,"name":"Дизайн","description":"Материалы о красивых вещах, логотипах, веб-дизайне.","uri":"/design","avatar":{"type":"image","data":{"uuid":"81132c2d-ddb6-0127-19d6-e1d1293194b1","width":0,"height":0,"size":1,"type":"jpg","color":"","hash":"","external_service":[]}},"cover":{"type":"image","data":{"uuid":"b8bf3924-2ba4-571c-a7b6-4be86417c6b9","width":960,"height":280,"size":21376,"type":"png","color":"dd6a8c","hash":"","external_service":[]}},"lastModificationDate":1620994027,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"design","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":6}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}},{"type":"entry","data":{"id":528756,"customUri":null,"subsiteId":1306284,"title":"Тёмная Яндекс-карта для вашего сайта на Tilda","date":1667254568,"dateModified":1737396607,"blocks":[{"type":"text","cover":true,"hidden":false,"anchor":"","data":{"text":"
Передо мной неоднократно стоял вопрос — как сделать тёмную Яндекс-карту на Tilda. В поисках ответа была найдена видео-инструкция на просторах интернета. Но, к сожалению, на момент написания данной статьи, метод, описанный в видео, уже не работает. Пришлось переписать код. Но помимо тёмной Яндекс-карты, хотелось также установить на неё свою иконку (и эта возможность также была добавлена в код).
"}},{"type":"link","cover":false,"hidden":false,"anchor":"","data":{"link":{"type":"link","data":{"url":"https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fvladislav-land.ru%2Fyandexmap%3Fref%3Dvc.ru&postId=528756","title":"Тёмная Яндекс-карта в Tilda","description":"Как сделать тёмную Яндекс карту в Tilda","image":{"type":"image","data":{"uuid":"5efb23e4-6b86-5eef-a453-41c2cc217971","width":480,"height":480,"size":6271,"type":"png","color":"141414","hash":"","external_service":[]}},"v":1,"hostname":"vladislav-land.ru"}}}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Также я продублирую инструкцию здесь.
"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Инструкция по установке модификации:"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
1. Создаёте Zero-block с необходимой высотой, удаляете из него все элементы и помещаете в него html-блок (нажимаете на \"+\" в левом верхнем углу экрана в созданном вами zero-блоке и выбираете \"Add HTML\");
4. В вашем Zero-блоке создаёте белый(!) shape (нажимаете на \"+\" в левом верхнем углу экрана в созданном вами zero-блоке и выбираете \"Add Shape\"), задаёте ему ширину, высоту, а также расположения по осям X и Y точно такое же(!) как у вашего html-блока;
6. Открываете опубликованную страницу по ссылке (как обычный пользователь), наводите курсор мыши на ваш белый shape, нажимаете правую кнопку мыши и выбираете «посмотреть код» (в браузере Google Chrom). После этого, вы попадёте в код страницы, а ваш белый shape (на который вы предварительно навели курсор) будет подсвечен в коде(!);
10. Загружаете ваш логотип, который хотите разместить на карте (можно загрузить как на тильду, так и на любой сайт в интернете) — в дальнейшем мы будем использовать ссылку на этот логотип в коде №3;
Чтобы узнать координаты точки на Яндекс карте, нажмите правой кнопкой мыши на эту точку, затем выберите пункт «Что здесь?». В левом верхнем углу появятся координаты, скопируйте их.
ВАЖНО! При подставлении значений в код №3, обратите внимание в каком формате эти значения указаны в моём примере (подсказка внутри поля для ввода). Вы должны вставлять всё точно также, чтобы код сработал.
"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Ширина задаётся в пикселях, но аббревиатура \"px\" не указывается, просто цифра;","Координаты нужно указывать через запятую, а после запятой обязательно должен быть пробел;","В поле «приближение карты при запуске» задаётся просто число."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Перед использованием кода №3, настоятельно рекомендую ознакомиться с дополнением к инструкции!!!
"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"ef8eb4fc-cadf-5b38-87b6-8e17ea15b63d","width":1204,"height":499,"size":52238,"type":"png","color":"181818","hash":"","external_service":[]}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Код №3"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":" ","lang":""}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Дополнение к инструкции"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
В данной модификации мы использовали режим наложения \"difference\" на наш белый шейп. Но этот эффект будет также накладываться на ваш логотип (поскольку логотип находится над картой, но под шейпом). Чтобы это исправить, нужно пойти от обратного. Ниже прилагаю краткую инструкцию, как это сделать:
Вы получите ваш логотип с наложением \"Difference\". Теперь вам необходимо пересоздать свой логотип, но в тех цветах, которые вы получили при наложении \"Difference\". Например, на моём логотипе буквы жёлтые, но при наложении они становятся синими. Я пересоздаю свой логотип, но вместо жёлтого цвета букв, я использую синий цвет. И логотип такого вида я загружаю на сервер, копирую ссылку, и использую эту ссылку в коде №3. В результате, при наложении эффекта \"difference\" (уже на самой карте), буквы логотипа будут менять свой цвет с синего на жёлтый.
Больше моих модификаций вы можете найти по ссылке:
"}},{"type":"link","cover":false,"hidden":false,"anchor":"","data":{"link":{"type":"link","data":{"url":"https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fvladislav-land.ru%2Fmods%3Fref%3Dvc.ru&postId=528756","title":"Модификации для сайтов на Tilda","description":"Модификации для ваших сайтов на Тильде","image":{"type":"image","data":{"uuid":"5efb23e4-6b86-5eef-a453-41c2cc217971","width":480,"height":480,"size":6271,"type":"png","color":"141414","hash":"","external_service":[]}},"v":1,"hostname":"vladislav-land.ru"}}}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
А если вам необходима разработка уникальной модификации или создание сайта для вашего бизнеса, свяжитесь со мной
"}},{"type":"link","cover":false,"hidden":false,"anchor":"","data":{"link":{"type":"link","data":{"url":"https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Ft.me%2FVladislavLand%3Fref%3Dvc.ru&postId=528756","title":"Владислав | Сайты на TILDA","description":"💛 Много полезного для Tilda на канале https://t.me/VladislavLandTILDA","image":{"type":"image","data":{"uuid":"0c5ec522-6456-5837-a7a9-efa6a12645d2","width":180,"height":180,"size":4016,"type":"png","color":"26a5e4","hash":"","external_service":[]}},"v":1,"hostname":"t.me"}}}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":0,"favorites":7,"reposts":0,"views":103,"hits":5397,"reads":null,"online":0},"dateFavorite":0,"hitsCount":5397,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/dev/528756-temnaya-yandeks-karta-dlya-vashego-saita-na-tilda","author":{"id":1306284,"name":"Vladislav Land","nickname":null,"description":"Разработка сайтов с упором на маркетинг и смыслы https://clck.ru/3Fwnfk","uri":"","avatar":{"type":"image","data":{"uuid":"63822fc7-29d6-5b65-9a9d-bfe2d1cb88c3","width":1200,"height":1200,"size":379839,"type":"png","color":"221f22","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAcQBxAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABwj/xAAmEAABAwMCBQUAAAAAAAAAAAABAgMEBQYRACEHCBQxQRIVIjNC/8QAFgEBAQEAAAAAAAAAAAAAAAAABAUD/8QAJBEAAQMCBQUBAAAAAAAAAAAAAQACAxEhBCIxYfASFEFRcfH/2gAMAwEAAhEDEQA/ACbh3y23HWeElzXEbRrfuPS9Ra7DLRw+2gBSlhA+31g+c58b76I1sYngEpyvr1Wvpz4qDY2ds94OYabfqEXLIoiFqRUaeI0tJIfZW6UKac/SSnHxIORjxjRnzPY4tDrBYBgIqQmjlcu+7ItACIt0VdlMelVIMhua6kNhDKygJwrbB7Y7aPjbYiM+nGm2UpEV8OeeVJs6bMlzZEqVLeeeedW44444VKWokkqJO5JO5J1aAFFPJX//2Q=="}},"cover":{"cover":{"type":"image","data":{"uuid":"6dde2b48-10d4-592f-a0c9-ee0ba682c3a8","width":2204,"height":864,"size":60845,"type":"png","color":"14141a","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCP/EACUQAAECBAQHAAAAAAAAAAAAAAECEQADBAcFEhMhBiQxQVJxgf/EABoBAAEFAQAAAAAAAAAAAAAAAAYAAQIEBQj/xAArEQABAwEFBQkAAAAAAAAAAAABAAIDBBESIzHRBRQVIZEiUlRxcoGS4fD/2gAMAwEAAhEDEQA/AMYC01tlJWkXjwqVMJOnrJypbtmZyD8jMlrqmA2PpZQfSNVZbTsdlI3r9IRtfbFJKTd/DVEbOAGPqIcTk8O/oNUt3Hfb+9k7xPRUaahYTSSQHOwliOzZKaGePFYHeYBQrObj+zyUuaSlc8tK6+Agads2ivHBb8RonEj7Myv/2Q=="}},"cover_y":65},"achievements":[{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 25 сентября 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":5792735,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5792735"},{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4143822,"userId":1306284,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4143822"}],"lastModificationDate":1764989791,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":235819,"name":"Разработка","description":"Сообщество разработчиков: публикации о личном опыте, выдающиеся приёмы при решении рутинных задач, полезные материалы для профессионального роста.","uri":"/dev","avatar":{"type":"image","data":{"uuid":"fef5b5fb-e488-5b7f-8445-e3a26a910b44","width":1200,"height":1200,"size":7757,"type":"png","color":"343434","hash":"04042b2b1c1000","external_service":[]}},"cover":{"type":"image","data":{"uuid":"2a214cc5-35cc-58ca-bc07-fc1c892d2101","width":960,"height":280,"size":177,"type":"png","color":"343434","hash":"","external_service":[]}},"lastModificationDate":1642411346,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"dev","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":4}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}}],"cursor":"PuR2GsZKFTvhhG9TDYnn7trVS6IzQAa09I6wtbz/zlbeaPDONLWowE9e5m9CnW4=","isAnonymized":true}};