Канал о Tilda

2022-08-03 09:02:10 Сочетание шрифтов на Tilda

Визуализация на сайте позволяет играть с настроениями и смысловыми акцентами. Значительную роль в этом играют используемые шрифты.

Конечно, никаких строгих правил в современном дизайне не существует.

Эксперимент - единственный закон. Пробуйте самые разные варианты, но не забывайте о читаемости, логике и цели вашего сайта.

Tilda подобрала 8 пар, которые будут хорошо смотреться на странице.

Cormorant Garamond Normal + Arial Normal
Playfair Display Black + Ubuntu Normal
Montserrat Bold + Arial Normal
Le Murmure + Tilda Sans Medium
Old Standard TT Normal + PT Astra Serif Normal
Montserrat Black + Fira Sans Normal
Oswald Bold + Roboto Regular
IBM Plex Serif ExtraLight + Tilda Sans Medium

А какие шрифты чаще используете вы? Открыть/Комментировать

2022-07-28 20:13:30 Работа с пользователями на Tilda
#польза

Обратная связь с помощью вовлечение пользователей

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

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

Сервисы взаимодействия с клиентами

Взаимодействие с пользователями можно организовать двумя способами: с помощью стандартного виджета Тильды или виджета интегрируемого сервиса.

Вы можете реализовать на сайте:

Заявка на обратный звонок.
Переписка в чате в режиме онлайн.
Заявка на бронирование.
Сбор отзывов и предложений.

Добавьте на страницу стандартный виджет обратной связи Tilda:

обратный звонок;
отправку сообщения;
форму подписки.

Или используйте один из сервисов, интегрированных в конструктор: Jivosite, Callbackhunter, Chatra.io и YClients.

Если вам удобнее работать с другим сервисом, то просто добавьте его на сайт с помощью функции вставки html-кода.

А что используете вы для работы с пользователями? Открыть/Комментировать

2022-07-25 19:09:18 Полезные функции Tilda для контент-проектов
#польза

На платформе Tilda сделано одно из самых больших медиа по химической промышленности в России:
Инжиниринговый химико-технологический центр в Томске. Для такой узкой сферы 10 000 посетителей в месяц - высокий уровень. По словам Ильи Мазова, директора по развитию ИХТЦ, блог приносит от 15% годового оборота компании.

Итак, какие же возможности для создания эффективного контента предоставляет Tilda?

Метатеги: H1-H3, title, description, Alt-текст для изображений
Текст и бейджик для отображения в поисковой выдаче и соцсетях
Настраиваемые адреса страниц
Генерирование тегов для Facebook Open Graph
Формы подписки
Генерация RSS-ленты
Временное скрытие страницы от индексации в поисковых системах
Кнопки расшаривания статей в соцсетях
Потоки для быстрой публикации

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

А какие функции использовали вы? Открыть/Комментировать

2022-07-22 15:34:42 В Tilda появился новый способ редактирования ссылок на социальные сети
#польза

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

Сейчас в редакторе доступны 14 новых иконок: WhatsApp, TikTok, Viber, Medium, Github, Telegram, VK, Messenger, Skype, OK, Behance, Pinterest, Vimeo, YouTube, Snapchat, LinkedIn, сайт, телефон и почта. Обновление действует для блоков из категорий «Соцсети», «Меню», «О проекте», «Подвал» и «Контакты».

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

А вы используете кнопки социальных сетей? Открыть/Комментировать

2022-07-20 09:48:55 #инструменты
Продолжаем говорить о полезных расширениях для вашей работы

Расширение для работы со вкладками

Toby

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

Расширения для работы с английским языком

Google Translate

Это расширение помогает быстро перевести неизвестное слово. Для этого нужно навести курсор на слово или кликнуть по нему правой кнопкой, также расширение позволяет перевести всю страницу.

Lingualeo

Принцип работы этого расширения тот же, что и у Google Translate, плюс: он предлагает несколько вариантов перевода слова. Помимо этого, интересные слова и словосочетания можно сохранять в приложении.

Инструменты для создания скриншотов

Lightshot

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

Full Page Screen Capture

Приложение делает фотографию всего окна браузера за один клик. Полный захват страницы без вкладок, можно сохранить все в нужном формате (.pdf или .png). На выходе получаются весьма качественные файлы.

Яндекс.Диск

Здесь можно сделать скриншот страницы или ее части и отредактировать снимок — размыть ненужное, выделить важное стрелками, линиями, рамками, написать текст. Затем можно поделиться либо сразу изображением, либо файлом, либо ссылкой на файл, который сохраняется в папку на Диске. Открыть/Комментировать

2022-07-16 20:16:00 Расширения для разработки на Tilda
#инструменты

Определитель шрифта

WhatFont, FontFace Ninja

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

Определитель цвета на странице

ColorZilla

Этот инструмент можно использовать, когда вам нужно скопировать цвет элемента на странице, как в инструменте Eyedropper в фотошопе.

Проверка адаптации на других устройствах

Emmet Review

Конечно, максимально точно мобильную версию сайта покажет только мобильное устройство, а в браузере есть встроенные инструменты, которые тоже покажут отображение сайта на различных устройствах. Но это расширение достаточно объективно и удобно показывает реальную картину.

Работа с изображениями и гифками

Image Optim улучшает изображения GIF, JPEG, PNG без потерь.

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

А что используете вы? Открыть/Комментировать

2022-07-13 18:03:13 В статистике сайта на Tilda появился раздел со срезом данных по каждой UTM-метке
#важно

UTM-метки показывают, откуда пришел человек, помогают отследить эффективность рекламы на странице.

Расширенная статистика по UTM-меткам доступна по дням и по месяцам. У вас есть возможность просматривать динамику посещений и заявок на графике с суммой за период. Это удобный способ контролировать свои проекты для любых рекламных кампаний.

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

Где найти эту статистику

Настройки сайта

Аналитика

Статистика сайта

UTM-метки

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

А вы уже пользовались этим разделом? Открыть/Комментировать

2022-07-10 19:00:52 Хотите попасть в IT без навыков программирования?

Познакомьтесь с профессией UX/UI-дизайнера на бесплатном 3-х дневном интенсиве от онлайн-школы Contented, который стартует 11 июля в 12:00.

За 3 дня вы:

— погрузитесь в профессию ux/ui-дизайнера;
— добавите кейс в свое портфолио;
— узнаете о карьерных перспективах и о будущем профессии;
— получите призы и подарки.

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

Записаться на интенсив: https://go.contented.ru/3wpt4Q

*При регистрации вы получите бонус - гайд: "Как отличить хороший дизайн от плохого" Открыть/Комментировать

2022-07-09 13:33:47 Иконки корзины, поиска и избранного в меню
#важно

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

Как это работает

Добавьте блок ME401 на страницу

Выберите контент

Корзина, поиск и избранное

Поставьте галочку в нужном чекбоксе

Затем добавьте на страницу блоки ST100 для корзины, T985 для поиска и ST110 для избранного

В настройках этих блоков во вкладке «Дополнительные настройки» поставьте галочку в чекбоксе «не показывать кнопку открытия виджета».

Опция работает для всех блоков меню с номерами ME4XX. Открыть/Комментировать

2022-07-07 17:10:34 #инструменты

Продолжаем говорить о библиотеках бесплатных иконок. Вот ещё пять сервисов с удобным использованием.

CoreUI

Форматы: PNG, SVG, TTF.
Можно использовать в коммерческих и некоммерческих проектах при указании автора и источника.

Captain Icon

Форматы: PNG, SVG, TTF, EPS, PSD.
Можно использовать в коммерческих и некоммерческих проектах при указании автора и источника.

Unicons

Форматы: SVG.
Можно использовать в коммерческих и некоммерческих проектах при указании автора и источника.

Icons8

Форматы: PNG, SVG и PDF.
Можно скачать любую иконку бесплатно, но только в формате PNG и размером до 80 пикселей. Также использование возможно при указании автора и источника.

Freepik

Форматы: PNG, EPS, SVG.
Можно использовать в коммерческих и некоммерческих проектах, но обязательна ссылка на сайт. Открыть/Комментировать