Tilda Publishing News
32.5K subscribers
2.85K photos
192 videos
4 files
1.72K links
Новости Тильды: пишем о новых блоках, шаблонах, функциях и присылаем ссылки на наши статьи

Официальный чат пользователей Тильды: https://t.me/tilda_official_chat
Правила чата: https://blog.tilda.cc/community-chat-rules
Download Telegram
Блоки лендинга: видео

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

🎥 Промовидео или скринкаст — отличный способ наглядно объяснить главную идею проекта, показать, как работает продукт, рассказать историю успеха ваших клиентов или собрать отзывы.

Видео может быть фоновым, в галерее, показываться в виде поп-апа при клике на кнопку, сочетаться с текстом и изображением.

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

Найти подходящие блоки можно в категории «Видео» в библиотеке Тильды.

👉 Подробную информацию о других блоках ищите по хэштэгу #созданиелендинганатильде или читайте в третьей лекции бесплатного курса Tilda Education «Создание Landing Page»: https://tilda.education/courses/landing-page/anatomiya-landing-page
Импорт макета из Фигмы в Тильду

🚀 Новая функция — автоматический перенос макета из Figma в Zero Block. Больше не нужно переносить созданный дизайн вручную, теперь это можно сделать через API в несколько кликов.

Как работает импорт из Фигмы в Zero Block

1. Подготовьте макет к переносу из Фигмы, чтобы после импорта все элементы встали на нужные места:

— Ширина фрейма — 1200px;
— Каждый блок расположен в отдельном фрейме;
— Чтобы импортировать группу изображением, назовите её image или svg;
— Для импорта кнопки объедините текст и шейп в группу и назовите её button;
— Ширина текста на кнопке должна совпадать с шириной шейпа кнопки;
— Если на шейпе есть эффект, который нельзя воспроизвести в Zero Block, он импортируется с изображением эффекта на фоне.

2. Получите API токен в настройках аккаунта Фигмы. Через API Тильда получит доступ к макету и перенесет его в Zero Block автоматически.

3. Импортируйте макет в Zero Block:
— Откройте меню в Zero Block;
— Нажмите Import;
— Вставьте ссылку на макет, API токен и нажмите Import.
Готово!

Подробнее об импорте макета из Фигмы в Тильду 👉 https://blog.tilda.cc/import-from-figma-to-zero-block

Инструмент находится в beta-тестировании. Если у вас есть предложения по улучшению, вы заметили ошибку или у вас не получилось перенести макет, напишите нам в поддержку через виджет в личном кабинете.

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

#tildaupdates
Как дизайнеру всё успевать и не подводить клиентов: прямой эфир с Анной Войн

Как успешно совмещать работу и личную жизнь, какие техники помогают лучше справляться с проектами и почему традиционные системы планирования не подходят фрилансерам — обсудим в прямом эфире 7 июля с Анной Войн.

Анна Войн — дизайнер сайтов на Тильде, фрилансер с шестилетним опытом и автор блога про планирование.

Прямой эфир пройдёт в IGTV 7 июля в 19:00 по Москве. Вопросы задавайте в комментариях к посту-анонсу в инстаграме: https://tilda.link/tilda-talks-with-anna-voin.

До встречи!
Дизайнер создаёт шаблон сайта Andy из категории Z.

📹 Смотрите видео со звуком в нашем инстаграме: https://www.instagram.com/p/CQx9xoLLhu-

#tildatimelapse
Вебинар «Как и зачем создавать структуру сайта»

Почему лучше начинать работу над сайтом со структуры, как собрать информацию и презентовать результат клиенту — узнаете на бесплатном мастер-классе 6 июля.

👉 Запишитесь, чтобы получить ссылку перед началом: https://tilda.link/webinar-site-structure

На вебинаре разберём:
— Как разработка структуры помогает в понимании задачи.
— Основные этапы: интервью, аналитика и упаковка.
— Как грамотно презентовать структуру клиенту.

Мастер-класс проведёт Даниил Клинчук, веб-дизайнер, основатель студии «Имя».
📅 Бесплатные мастер-классы Тильды в июле

В июле разберётесь, как и зачем разрабатывать структуру сайта, выстраивать работу с клиентами на фрилансе, переносить сайт на Тильду без ущерба для SEO и делать эффектные обложки из базовых блоков. Регистрируйтесь, чтобы получить ссылку на трансляцию перед началом:

6 июля в 13:00
Как разработать структуру сайта
https://tilda.link/webinar-site-structure

14 июля в 13:00
Как выстроить работу с клиентами на фрилансе
https://tilda.link/webinar-freelance-setup

20 июля в 13:00
Эффектный первый экран сайта из базовых блоков
https://tilda.link/webinar-first-screen

28 июля в 13:00
Как перенести сайт на Тильду и сохранить позиции в поиске
https://tilda.link/webinar-transfer-seo

Записи всех вебинаров сохраняются на YouTube-канале Тильды. Подписывайтесь, чтобы не пропустить новые видео: https://www.youtube.com/c/TildaPublishing
🔔 Начинаем мастер-класс «Как разработать структуру сайта». Узнайте, почему лучше начинать работу над сайтом со структуры, как собрать информацию и презентовать результат клиенту.

Подключайтесь к трансляции: https://youtu.be/-h_P9yHLhUE

Мастер-класс проведёт Даниил Клинчук, веб-дизайнер и основатель студии «Имя».
6 новых функций в Zero Block

В Zero block появилось шесть новых функций для удобной работы. Обновления помогут гибко управлять координатами элементов и направляющих, быстрее работать с типографикой и анимацией. Рассказываем о новых функциях подробнее.

🌱 Изменение регистра букв
Теперь разом можно сделать все буквы выделенного фрагмента текста заглавными, прописными или каждое слово с большой буквы. Для этого выделите один или несколько текстов, в панели справа найдите настройку Lettercase и задайте нужный регистр.

🌱 Калькулятор в настройках параметров элементов
Задать координаты расположения элемента, высоту шрифта и остальные параметры можно по формуле. Например, чтобы сдвинуть элемент строго на 60 пикселей по горизонтали, добавьте к текущему значению +60. Калькулятор поддерживает + - * / ().

🌱 Ввод координат направляющих
Для направляющих теперь можно задать позицию в пикселях с помощью панели настроек. Это позволяет точно и быстро устанавливать их расположение и удобнее работать.

🌱 Отключение функции притяжения элементов друг к другу
Примагничивание элементов можно отключить или включить — нажмите cmd + m для mac и ctrl + m для windows. Либо перейдите в раздел с трёмя точками в правом верхнем углу Zero block и нажмите disable/enable snap.

🌱 Вращение элементов мышкой
Поворачивать элементы теперь можно с помощью мыши. Наведите на угол нужного элемента и поверните насколько необходимо.

🌱 Удаление анимации сразу у нескольких элементов
Через контекстное меню можно удалить анимацию у одного или нескольких элементов сразу. Работает для базовой и пошаговой анимаций.

Смотреть в блоге: https://blog.tilda.cc/june-new-zero-block-features

А вы уже попробовали новые функции? Поделитесь в комментариях 🌿

#tildaupdates
Расположение цены в карточке товара

Теперь в карточке товара можно выбрать подходящее расположение цены — сверху над заголовком, после заголовка или снизу, после краткого текста.

Чтобы задать расположение цены, перейдите в Настройки блока → Типографика → Расположение цены в карточке товара.

Параметр доступен для блоков ST300, ST305N, ST310N, ST315N и ST320N.

#tildaupdates
Новый блок: T985. Виджет поиска по сайту, раскрывающийся по клику, из категории «Другое»

🔎 Новый блок позволяет добавить компактный поиск по сайту в виде круглого виджета в углу экрана. Строка поиска раскрывается по клику на иконку и не занимает место, если не нужна пользователю.

В настройках блока можно изменить стиль строки поиска: задать цвет фона виджета, иконки закрытия, иконки поиска и другое. Здесь же можно настроить положение и стиль виджета.

Если хотите использовать другую иконку, загрузите нужное изображение в контенте блока. Также можно добавить подсказку значения в поле для ввода и указать предустановленные варианты поиска, по клику на которые пользователь сразу перейдёт к результатам.

📌 Чтобы поиск заработал, не забудьте поставить галочку «Разрешить внутренний поиск по сайту» в Настройках сайта → вкладка Еще.

А вы используете поиск по сайту в своих проектах? Расскажите в комментариях 💬

#tildaupdates
Вебинар «Как выстроить работу с клиентами на фрилансе»

Успех дизайнера на фрилансе напрямую зависит от того, как выстроен его рабочий процесс. Какие этапы нужно предусмотреть и как сделать сотрудничество комфортным и для вас, и для клиентов — узнаете на бесплатном мастер-классе 14 июля.

👉 Запишитесь, чтобы получить ссылку перед началом: https://webinars.tilda.cc/freelance-setup

На вебинаре разберём:
— С чего начать работу над проектом.
— Как грамотно презентовать концепты клиенту.
— Почему важно обеспечить хороший сервис и как это сделать.

Мастер-класс проведёт Денис Потапов, дизайнер, куратор Школы Тильды и основатель depo.studio.
Вакансии в Тильде

Ищем талантливых специалистов в команду мечты!

Если вы узнали себя или знаете подходящего человека, пожалуйста, расскажите ей/ему о нас. Награда за успешную рекомендацию — 50 000 рублей.

🔺 IT-рекрутер
Расширяем команду Тильды, поэтому нужен человек, который умеет искать и находить талантливых людей в сфере IT.
Коротко о задачах:
— полный цикл поиска людей в различные департаменты
— формирование кадрового резерва
— онбординг новых сотрудников

Полное описание вакансии: https://company.tilda.cc/ru/recruiter

🔺 Middle/Senior дизайнер
Мы ищем дизайнера с опытом работы от 3-х лет в графике и вебе. Нужно будет развивать визуальный стиль коммуникаций в соцсетях и рекламе, верстать страницы о продукте и улучшать существующие, курировать младших дизайнеров.
Коротко о задачах:
— разрабатывать дизайн и верстать продуктовые лендинги, большие обучающие статьи на Тильде
— создавать новые шаблоны сайтов
— придумывать дизайн-решения для коммуникаций в социальных сетях

Полное описание вакансии и задание для отклика: https://company.tilda.cc/ru/middle-designer

🔺 Performance-маркетолог
Мы ищем сильного и опытного интернет-маркетолога (performance manager), который будет управлять платным трафиком и продвигать платформу на международные рынки.
Коротко о задачах:
— управлять всеми платными каналами трафика
— составлять отчёты и анализировать эффективность рекламы
— оптимизировать кампании

Полное описание вакансии: https://company.tilda.cc/ru/performance-marketer

🔺 Senior backend-разработчик
Ищем старшего бэкенд-разработчика для создания и поддержания функциональных модулей и сервисов платформы.
Коротко о задачах:
— Создавать новые функциональные модули и сервисы платформы
— Проектировать архитектуру для новых сервисов и оптимизировать у существующих
— Управление командой разработчиков
Полное описание вакансии: https://company.tilda.cc/ru/senior-backend-developer

🔺 Senior frontend-разработчик
Ищем старшего фронтенд-разработчика для работы над внутренними продуктами платформы.
Коротко о задачах:
— Создание новых и поддержка существующих блоков на платформе
— Разработка библиотек компонентов
— Лидирование процесса разработки новых продуктов и поддержки существующих

Полное описание вакансии: https://company.tilda.cc/ru/senior-frontend-developer

🎁 Награда за успешную рекомендацию для этих вакансий выплачивается после того, как человек пройдёт испытательный срок в 3 месяца.
Шрифт IBM Plex Mono

⌨️ Моноширинный шрифт IBM Plex Mono создали дизайнер Майк Аббинк из IBM и команда голландской шрифтовой студии Bold Monday в 2017 году.

Шрифтовое семейство IBM Plex разрабатывалось как гармоничное слияние машинных и рукописных элементов, чтобы подчеркнуть взаимосвязь людей и технологий. Используйте IBM Plex Mono для лендингов приложений, сайтов разработчиков, диджитал проектов — везде, где нужно сделать акцент на технологиях.

Шрифт подойдёт для заголовков и небольших текстов. Хорошо сочетается с Inter и IBM Plex Sans.

💛 Вы можете бесплатно использовать IBM Plex Mono в своих проектах. Для этого выберите нужные начертания шрифта на fonts.google.com, скопируйте получившуюся ссылку, а затем перейдите в Тильду > Настройки сайта > Шрифты и цвета > Расширенные настройки > Google Fonts и поставьте ссылку в поле CSS link.

Ещё в настройках можно подключить шрифты из встроенной библиотеки Тильды или библиотеки Adobe, а также загрузить собственный шрифт.

Больше информации о подключении шрифтов к проекту 👉 https://help-ru.tilda.cc/fonts
Новый блок: PR103. Логотипы партнеров в две колонки с описанием из категории «Партнеры»

💼 В блоке можно создать любое количество карточек с изображениями и описанием. Разместите логотипы ваших партнёров и добавьте краткую информацию о них или проектах, которые вы вместе сделали.

Над логотипами есть шапка с заголовком и описанием, а внизу можно разместить кнопку. Также для каждого изображения есть возможность добавить ссылку для перехода на сайт партнёра по клику на логотип.

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

А вы рассказываете про своих партнёров в проектах? Поделитесь в комментариях 💫

#tildaupdates