• Выбрано 0
21 April 2020
Просмотры 4073
~ 10 мин

На «Тильде» верстают не только лохи: все, что нужно для сайта без программирования

На «Тильде» верстают не только лохи: все, что нужно для сайта без программирования
#Веб-разработка

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


С чего начать

1
Изучите конкурентов и аудиторию. Заведите таблицу с сайтами других компаний, отметьте в ней, что у них получилось, а что вышло не очень. Если есть возможность, почитайте комментарии: что пишут и спрашивают чужие клиенты. Составьте портрет своей аудитории, обозначьте ее проблемы и варианты их решений.
2
Нарисуйте прототип. Хотя бы на листе бумаги, без крутого дизайна и всего такого, но с блоками и пунктами. Если на сайте больше одной страницы, то обозначьте между ними связь.
3
Напишите текст, подберите картинки и запиньте фирменные цвета, короче говоря, максимально упростите себе задачу. Оформите всю информацию в «Google Документах». Залейте туда же картинки и ссылки. А цвета, которые будете использовать, укажите в начале документа. На HTML Color Codes можно найти коды цветов и подобрать сочетающиеся оттенки. А это шпаргалка с «безопасными» цветами для интернет-проектов от «Студии Артемия Лебедева».
4
Верстайте! Теперь все готово и текст можно переносить в блоки «Тильды». Зарегистрируйтесь на сайте, придумайте название проекту и смело жмите «Создать новую страницу». Можно выбрать один из 180 предложенных шаблонов. Они разбиты на шесть категорий: бизнес, магазин, событие, блог, контакты, анкета. Есть поиск по ключевым словам. Или выберите пустой блок, но это уже скорее уровень для продвинутых.

Что можно сделать

Лендинг — то, что принесло сервису его славу. Сейчас, наверное, каждый второй одностраничник сделан на «Тильде», а кто-то стал в ней экспертом и начал зарабатывать на этом деньги. С лендингом все понятно и просто: создаете новый сайт, накидываете блоки, оформляете и публикуете.
Многостраничный сайт — если нужно больше, чем лендинг. Например, когда у компании много услуг. Все страницы создаются по одному принципу. Для создания внутренней откройте проект и нажмите кнопку «Создать новую страницу». Не забудьте выбрать главную в «Настройках сайта» и прописать названия ссылок. А переходы настраиваются уже при верстке. Есть возможность продублировать страницу и создать собственный шаблон.
Интернет-магазин — удобнее всего сделать из готовых шаблонов, которых на «Тильде» очень много. На платформе есть раздел «Магазин» со всеми нужными атрибутами: корзина, платежная система и несколько форматов карточек товаров. Если вы не подключили прием платежей, то все заявки клиентов будут храниться в «Настройках сайта».
Блог и спецпроекты — как и для трех предыдущих пунктов, здесь тоже есть свои шаблоны. Можно заверстатать материалы в любом формате, подтянуть анимированную инфографику, встроить видеоролики и сделать полноэкранные фотографии. Здесь нет ограничений в количестве символов, паре вариантов заголовков и начертаний. А чтобы вывести ссылки на статьи, используйте блок из категории «Список страниц».

Какие есть прикольные фичи

  1. Готовые шаблоны и блоки. Первых больше 180, вторых — 480. Для начала точно хватит. А пока будете разбираться с ними, «Тильда» добавит что-нибудь еще.
  2. Встроенный редактор изображений, с помощью которого можно добавить текст, эффекты, фильтры, менять яркость и контраст, размеры и пропорции.
  3. Drag-and-drop — чтобы загрузить изображение в блок, его достаточно просто перетащить из папки в браузер.
  4. Бесплатные иконки, чтобы красиво оформить списки.
  5. Интегрированные сервисы: SoundCloud, Coub и любые другие вставки через html-embed.
  6. Zero Block — это редактор для уже прошаренных веб-дизайнеров, где можно реализовать любую безумную идею и адаптировать ее под устройства. Тут подробная инструкция.
  7. Управление базой данных клиентов — на «Тильде» можно делать даже рассылки, которые работают с MailChimp, UniSender, SendGrid или GetResponse. Также есть мгновенные уведомления в Telegram или Slack, сбор данных в «Google Таблицу», интеграция с AmoCRM, «Мегапланом» и «Битрикс24».
  8. Интерактивные элементы: калькулятор для расчета цены по параметрам, формы с пошаговым заполнением и прикрепление файлов. А еще — тесты, опросы и голосования.
  9. Анимация — готовые эффекты для появления текста, картинки, формы, кнопки или же работа по кастомизированному сценарию.
  10. Статистика и аналитика — есть внутренние инструменты для анализа вовлеченности, каналов, географии, для А/Б тестирования и возможность интеграции Google Analytics и «Яндекс.Метрики».
  11. Персонализация контента: мультилендинги, где отдельные блоки или слова меняются в зависимости от выбранных параметров, например, от utm-метки, по которой перешел посетитель. Геолендинги, которые используют информацию о местоположении пользователя. И переадресация на языковые версии в зависимости от языка браузера.
  12. Пароль на отдельную страницу для ситуаций, когда хотите ограничить часть клиентов или подарить кому-то випку.

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