🆕 Новое в блоке QZ101 Квиз-форма

Теперь можно отслеживать событие для каждого шага квиза и добавлять изображение или видео к вопросам. Рассказываем подробнее ⬇️ 🟠 Визуальное оформление вопросов В блоках с квиз-формой появилась возможность добавить изображение или видео рядом с вопросом. Контент можно настроить на всех шагах квиза, кроме формы контактов и скрытого поля. Для изображения рядом с вопросом важно учесть оптимальный размер — 1200х800рх. Где найти: Контент блока → выбрать нужный вопрос → Изображение/видео рядом с вопросом. 🟠 Аналитика Появилась возможность отслеживать событие посещения для каждого шага квиза и отправлять данные в систему аналитики. Так вы сможете, например, узнать, какой процент людей заполняет квиз до конца. Где найти: перейдите в Настройки блока и поставьте галочку рядом с текстом «Отправлять дополнительные события в систему аналитики». Чтобы отслеживать события, настройте цели в системе аналитики, например, в Яндекс Метрике. Ознакомиться подробнее с инструкцией можно по ссылке: https://help-ru.tilda.cc/statistics-goal #tildaupdates

Для быстрого взаимодействия с блоком появилась возможность вызвать контекстное меню. В нём можно выбрать, что нужно сделать с блоком: копировать, дублировать, спрятать, удалить, добавить блок сверху или снизу и так далее. Ещё в контекстном меню можно сразу перейти к генерации текста для блока, быстро узнать Block ID или задать якорную ссылку, не заходя в Настройки. Чтобы открыть контекстное меню, кликните правой кнопкой мыши в любом месте нужного блока. #tildaupdates

Вы можете задать свою якорную ссылку для блока. К примеру, #features для раздела преимуществ. Это может пригодиться, например, если вы хотите сделать оглавление и дать возможность пользователю сразу перейти к нужному разделу лендинга. Задать свою якорную ссылку можно через выпадающее меню блока или через контекстное меню, которое откроется при клике на правую кнопку мыши. После этого ссылка автоматически копируется в буфер обмена. #tildaupdates

В панели «Блоки на странице» при наведении на список можно посмотреть миниатюры блоков, чтобы в них было проще ориентироваться. В панели отображается номер и название блока, которое можно изменить, дважды кликнув на текст. Уникальное название будет отображаться в карте блоков, под кнопками Настройки/Контент и при скрытии переименованного блока. Также появилась возможность найти блок через поиск и перейти из панели в режим мультивыделения блоков, нажав на иконку «Режим выделения». Где найти: Ещё → Блоки на странице или Cmd/Ctrl+L #tildaupdates

Теперь в базовых блоках фоновые видео воспроизводятся на мобильной версии сайта так же, как на больших экранах. Видео на фоне можно использовать вместо статичной картинки, например, для главного экрана сайта. Если вы хотите, чтобы в десктопной версии было видео, а в мобильной — изображение, перейдите в Контент блока → Видео → Поставьте галочку в чекбоксе «Показывать изображение вместо видео в мобильной версии». А как вы относитесь к фоновым видео? Делитесь в комментариях. #tildaupdates

🟠 SV502 «Текст в раскрывающихся карточках в две колонки» 🟠 SV503 «Текст в раскрывающихся карточках с заголовком во второй колонке» Новые блоки имеют двухколоночную разметку. Это позволит компактнее разместить контент на странице. Вы также можете выбрать, где располагать иконки — слева или справа от заголовка раскрывающихся списков. В Контенте блока SV502 можно создать карточки для левой и правой колонке. Они разместятся ниже заголовка и описания. В Настройках блока SV503 можно разместить заголовок и описание в левой или правой колонке. А также есть возможность настроить выравнивание текста и вертикальное выравнивание всего текстового блока. #tildaupdates

В базовых блоках появилась возможность настраивать насыщенность для вариативных шрифтов, например, для Tilda Sans. То есть теперь необязательно ограничиваться стандартными начертаниями — Thin, Regular, Bold. Вы можете задать своё значение, которое подойдёт для дизайна вашего сайта. Где найти: Настройки блока → Типографика → Насыщенность → Вариативный 💬А вы используете вариативные шрифты в своих проектах? #tildaupdates

В базовых блоках появился удобный виджет для поиска изображений в библиотеке. Перейдите в Контент блока, нажмите на кнопку «Искать в библиотеке», после чего откроется виджет с двумя интегрированными сервисами — Unsplash и Pixabay. Выберите сервис, перейдите в подходящую категорию или введите поисковой запрос. Вы можете сразу добавить изображение в блок или нажать на предпросмотр. Выбрав предпросмотр, вы сможете пролистать несколько картинок и понять, какая лучше смотрится на странице. После выбора изображения, оно будет оптимизировано. Картинки из библиотеки загружаются на сервер Тильды, где происходит их преобразование в webp. В виджете также доступны полезные ссылки на сервисы, где можно найти изображения и иконки. А вы уже пользовались библиотекой изображений? Расскажите в комментариях 🏞️ #tildaupdates

Новый модификатор позволяет настраивать стиль скроллбара на странице: менять цвет подложки и ползунка, его размеры, отступы от краёв подложки, скругления, а также цвет ползунка при наведении. Это пригодится, когда вы хотите настроить скроллбар под дизайн сайта. Например, сделать его подходящим под цветовую палитру. Все настройки блока, кроме возможности скрыть подложку, работают только в Chrome и Safari. В Firefox работает только изменение цвета и размера. Также имейте в виду, что внешний вид скроллбаров может различаться в зависимости от браузера и операционной системы. Где найти модификатор: Библиотека блоков → Другое #tildaupdates

В любом базовом блоке, где есть текст, можно спрятать его часть и показывать по клику на кнопку раскрытия. Это может пригодиться, например, для длинных отзывов, описания услуг или текста о компании. Чтобы спрятать текст, выделите его и во всплывающем контекстом меню кликните на иконку с тремя точками → Скрыть текст (под кат). В появившемся окне вы можете настроить названия для кнопок скрытия и раскрытия текста, задать их цвет и выбрать стиль подчёркивания. Проверить работу кнопок можно в предпросмотре и на опубликованной странице. #tildaupdates