Осваиваем конструктор tilda: делаем сайт-визитку с нуля

Содержание:

Мое обучение

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

Но и это оказалось не так сложно, в работе нужно ориентироваться на конкурентов, а остальное уже приложится по ходу дела.

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

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

Я придумала и воплотила несколько своих идей, и также вставила их в своё портфолио.

Одной из них был сайт для фотографа, который хотел бы продавать свои фотосессии, посвященные одной тематике, а другой — визитная карточка для небольшой кофейни из Петербурга (естественно, выдуманной).

С чего все началось

Как и любому студенту, мне хотелось подзаработать на какие-то мелкие «хотелки», но работа, которую предлагали учащимся меня не устраивала.

Времени приходилось тратить много, а получала я в итоге сущие копейки: например, при работе промоутером я получала около 120 рублей в час, находясь на улице до шести часов в любую погоду. Поэтому выбор пал на фриланс.

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

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

Но она объяснила, что Тильда — это сайт-конструктор, в html-верстке для работы разбираться не надо, и программирование тут вообще не при чем. Так я решила для себя попробовать профессию UI/UX-дизайнера.

Как настроить сайт на Tilda

Те функции, с помощью которых мы создали сайт, – это не все, что может Тильда. Есть еще один раздел редактирования, в котором можно поменять различные настройки веб-сайта. Чтобы его открыть, достаточно перейти в раздел «Мои сайты», выбрать «Редактировать сайт» и затем нажать «Настройки сайта».

Здесь находятся все внутренности сайта: настройка шрифтов, цвета и главной страницы, аналитика сайта, добавление собственного доменного имени, подключение SEO-сервисов и многое другое.

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

Возможности SEO

Тильда мастерски ранжирует сайты и исправно выдает их в поиске, поэтому проблем с SEO обычно не возникает. Если после автоматической проверки Google появляется небольшое несоответствие кодов JavaScript, в результате чего не отображается верхняя часть страницы, то этот недостаток можно исправить с помощью небольшой оптимизации.

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

Получение SSL-сертификата

Администрация сайта предлагает клиентам получить сертификат Let’s Encrypt, который дает возможность оптимизировать настройки HTTPS. На сайте есть подробная инструкция по подключению этой услуги

Однако предпринимателям из России нужно с осторожностью пользоваться сертификатом — высокая вероятность, что веб-сайт попросту не увидят отечественные пользователи из-за измененного IP-адреса

Панель вебмастера Tilda

Чтобы зайти в панель вебмастера, нужно:

  • зайти в настройки сайта; 
  • нажать на вкладку «Аналитика и SEO»;
  • выбрать элемент «Оптимизация для поисковых систем (SEO)»;
  • найти раздел вебмастера.

Во вкладке «Критические ошибки и рекомендации» даются рекомендуемые правки, они выделяются красным цветом. Это поможет исправить недостатки еще до публикации сайта. В панель вебмастера также можно настроить редирект, включить HTTPS и расширить функционал разгрузчиков фавиконов.

Подключение Метрики, Analytics, Вебмастер и Console

Чтобы настроить аналитику и посмотреть, насколько для вас это актуально, можно временно подключить тариф Personal: он предоставляется бесплатно на пробный период 2 недели. Перейдите в «Мои сайты», создайте новый сайт и домен. Теперь можно подключить Яндекс.Метрику и Google Analytics. 

Чтобы подключить счетчики, зарегистрируйте сайт в системе аналитики, скопируйте идентификационный номер, который расположен сверху. На странице Тильды зайдите в раздел «Аналитика» и «SEO», вставьте номер в поле «Яндекс.Метрика». 

Для подключения Google Analytics нажмите «Подключить», укажите аккаунт и подтвердите доступ к Тильде в GA.

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

Подключение своего домена

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

Домен подключается в личном кабинете Тильды.

Какие такие конструкторы

Кон­струк­то­ры сай­тов — спе­ци­аль­ные про­грам­мы и сер­ви­сы, кото­рые помо­га­ют собрать сайт из гото­вых бло­ков. Одни бло­ки отве­ча­ют за текст, дру­гие за кар­тин­ки, тре­тьи — за спис­ки и так далее.

Бло­ки мож­но настро­ить по вку­су, но в целом они огра­ни­че­ны по воз­мож­но­стям. Зато их не нуж­но про­грам­ми­ро­вать: в боль­шин­стве кон­струк­то­ров всё про­ис­хо­дит в режи­ме drag’n’drop. Это зна­чит, что доста­точ­но выбрать блок, пере­та­щить его на нуж­ное место, впи­сать текст, вбро­сить кар­тин­ку, и всё — блок рабо­та­ет. В ито­ге мы жерт­ву­ем гиб­ко­стью и воз­мож­но­стя­ми настрой­ки ради того, что­бы делать сай­ты было просто.

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

Стоит ли выбирать Тильду

Этот сервис считается одним из самых удобных приложений для создания сайта. Он предоставляет бесплатные и платные возможности в области написания сайтов – с простым интерфейсом Тильды может разобраться практически любой пользователь. Она служит хорошим инструментом для фрилансеров и начинающих предпринимателей.

Плюсы и минусы

Среди преимуществ конструктора можно выделить:

  • большой функционал;
  • редактор для создания авторского, а не шаблонного дизайна;
  • сервисы аналитики, которые помогут проследить успешность маркетинга;
  • проверку SEO-оптимизации готового продукта;
  • наличие CRM.

Но Тильда не лишена недостатков:

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

Отличие от WordPress

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

Наши продукты помогают вашему бизнесу оптимизировать расходы на маркетинг Узнать подробнее

Как создавать страницы

После оплаты домена можно приступить к созданию страниц. Во вкладке «Мои сайты» на панели управления кликните на «Создать страницы» и выберите шаблон. Если нужно сделать без шаблона, то можно создать пустую страницу.

Как сделать страницу с чистого листа

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

Как работать с внутренними страницами

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

Что еще может Тильда

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

Интеграция с WordPress

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

Подготовка писем для рассылки

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

Создание пользовательских блоков

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

Интеграция с внешними сервисами

Сервис легко интегрируется с внешними службами. Для интеграции достаточно указать нужную программу в перечне в меню настроек.

Сайт можно интегрировать с:

  • CRM;
  • системами приема платежей;
  • формами для получения контактов.

Чтобы инвертировать платежные системы, нажмите на кнопку «Формы» в меню, дальше – «Платежные системы».

Создание промокодов

Промокод поможет привлечь пользователей, что важно для бизнеса. Нужно указать параметры промокода, кодовое слово или цифровую последовательность, нажать на кнопку «Опубликовать»

Электронная торговля

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

Пользовательская страница 404

Пустую страницу или страницу с ошибкой 404 тоже можно редактировать без изменения кодов во вкладке меню «Еще». Так она не будет выглядеть скучно и типично, если придумать свой уникальный текст. С помощью инструментов легко разобраться, даже если нет никаких знаний программирования.

Tilda CRM

После подключения услуги все заявки сайта приходят в CRM-формате. В заявке оператор сможет увидеть контактные данные пользователя и быстро связаться с ним. Для просмотра списка заявок откройте контекстное меню.

Кто такой дизайнер сайтов на Тильде

Чтобы заниматься дизайном веб-продуктов не обязательно иметь навыки программиста. С конструктором Тильда можно научиться работать самостоятельно. Во-первых, сама платформа предоставляет обучающий материал. Например, в Справочном центре и практических руководствах можно ознакомиться с функционалом Тильды и найти ответы на часто задаваемые вопросы. К тому же после регистрации на платформе к вам на почту приходят письма-инструкции по работе с сайтом. Рекомендуется с ними внимательно ознакомиться. 

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

Понимание функционала Тильды – это важно, но недостаточно. Чтобы создавать хороший продукт, необходимо иметь специфические навыки

Дизайнер Тильды должен уметь: 

  • Создавать удобные для пользователя интерфейсы – нужны навыки UX-дизайна;

  • Работать с популярными визуальными редакторами: Photoshop, CorelDraw и т.д.;

  • Проводить A/B-тестирования сайтов;

  • Применять знания по интернет-маркетингу и теорию цвета; 

  • Знать технические ограничения платформы, чтобы четко понимать, какой проект реально создать на Тильде, а какой – нет.

Добавляем и редактируем блоки

Блоки — основа «Тильды». Сайт создаётся из них, как домик, средневековый замок или пожарная машина в LEGO. Блоки этого конструктора сайтов собраны в большой «Библиотеке» — здесь можно находить нужные через поисковый запрос или смотреть по тематическим категориям.

Добавляем блок «Меню»

Нажимаем на Main page и возвращаемся к редактированию шаблона. В пункте «Меню» выбираем шаблон «Фиксированное меню», обозначенный как ME204 (в сером овале в левом нижнем углу). Раньше он был недоступен — ведь мы пользовались бесплатным тарифом.


После активации нового тарифа стали доступны все шаблоны

Нажимаем и смотрим, что получилось.


Установка блока меню

Мы добавили на страницу блок с меню, теперь нужно поменять его пункты и вписать своё название вместо CompanyName. Для этого наводим курсор мыши на блок и нажимаем появившуюся кнопку «Контент».


Кнопка редактирования контента

Добавляем нужные пункты меню, а рядом проставляем внутренние (якорные) ссылки через знак # — это нужно для удобного перехода между блоками главной страницы сайта. У нас на странице пока ещё ничего нет. Но мы заранее подготовили список блоков — вот из них и сделаем якорные ссылки. Портфолио станет #portfolio, услуги — #services, и далее по такому же принципу.


Меняем пункты меню и прописываем якорные ссылки

Ниже в поле «Заголовок» вводим название сайта. Оно будет отображаться в левой стороне нашего шаблона меню.


Меняем логотип

Здесь же (в самом низу) надо удалить языковые версии Ru и En — они не понадобятся.


Убираем языковые версии шаблона с помощью кнопки «Контент»

Мы настроили первый блок — «Меню». Теперь добавим следующий блок «Обо мне».

Добавляем блок «Обо мне»

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


Добавление блока с помощью «+»

Слева появится знакомая нам библиотека блоков. Находим пункт «Обложка» и выбираем обложку с фотографией автора с номером CR31.


Выбираем обложку

Теперь нужно отредактировать контент: поменять фоновое изображение и фотографию на свои, а также поправить заголовок и описание блока.


Редактируем контент блока «Обо мне»

Режим предпросмотра

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


Включаем режим предпросмотра

Промежуточный результат.


Смотрим результат в новой вкладке

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


Найден баг — меню в режиме редактирования и предпросмотра отображается по-разному

Дело в том, что при использовании шаблонов из категории «Обложка» «Тильда» размещает меню не перед блоком с фотографией, а вторым слоем — прямо на него. А меню по умолчанию не белое, а прозрачное. Поэтому, оказавшись над фото, чёрный текст на прозрачном фоне слился с тёмными элементами изображения. Это легко исправить в настройках меню.

Нужно вернуться в режим редактирования. Жмём в левом нижнем углу соответствующую кнопку.


Кнопка возврата в режим редактирования

Редактируем фон меню

Чтобы настроить цвет и прозрачность блока, надо нажать не кнопку «Контент», а «Настройки».


Заходим в настройки и устанавливаем цвет фона меню

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


Меняем цвет блока меню на белый

Проверяем результат в режиме предпросмотра.


Меню теперь видно

Публикуем сайт

По умолчанию платформа присваивает новому сайту буквенно-цифровой адрес вида project1234567.tilda.ws. Но мы хотим красивую ссылку, поэтому нажимаем на My site в левом верхнем углу редактора.

Кстати, «Тильда» сразу сохраняет все наши изменения, поэтому на странице нет кнопки «Сохранить». Если пропал интернет или вы случайно закрыли вкладку, никакие данные не потеряются. А на сайт они попадут только после нажатия кнопки «Опубликовать» — так что можно смело экспериментировать с содержанием страницы.


Страница шаблонов сайта

Переходим в настройки сайта.


Кнопка «Настройки сайта»

Указываем нужное название ссылки шдля публикации. Она будет отображаться в адресной строке браузера, и по ней можно зайти на ваш сайт. Мы не привязывали к сайту свой домен второго уровня (например, skillbox.ru), поэтому сделаем красивый домен третьего уровня. В моём примере ссылка на сайт будет webisamurai.tilda.ws.


Меняем имя ссылки субдомена

Ссылка готова. Сохраняем изменения и публикуем сайт. Опубликовать его можно двумя способами:

1. Со страницы шаблонов проекта — с помощью кнопки «Публиковать».


Публикация сайта со страницы рабочих шаблонов

2. В режиме редактирования страницы — с помощью кнопки «Опубликовать».


Публикация из режима редактирования страницы

Публикуем. Ждём подтверждения от «Тильды».


Подтверждение публикации и активная ссылка сайта

Переходим по ссылке, нажав на кнопку «Открыть страницу», и проверяем, всё ли работает

Обращаем внимание на адресную строку браузера


Проверяем ссылку в адресной строке

Всё работает корректно, а по ссылке можно посмотреть результат этого урока.

Как начать зарабатывать на создании сайтов

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

Шаг 1. Определяем специализацию

Чтобы определиться со специализацией, подумайте, что из этого вам наиболее интересно, какие знания вы можете применить в работе. Оцените рынок услуг веб-дизайнеров на Тильде, рынок запросов в группах – каких специалистов меньше и каких заказов больше. 

После этого определитесь с целевой аудиторией. 

Шаг 2. Получаем навыки и опыт

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

Шаг 3. Собираем портфолио

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

Шаг 5. Развиваемся и зарабатываем больше

Развивайтесь как специалист, работайте на перспективу – и тогда сможете зарабатывать больше. Осваивайте новые навыки, расширяйте специализацию. Веб-дизайнеру будет полезно разобраться в написании текстов, SEO, интернет-маркетинге, веб-аналитике.

И, конечно, не забывайте о повышении своих услуг. Чем больше опыта и навыков, положительных отзывов, работ в портфолио – тем выше стоимость услуг. Выходите на новый уровень, беритесь за сложные и высокобюджетные проекты – и сможете в разы увеличить свой доход. 

Несколько советов тем, кто хочет зарабатывать на Тильде

  1. Для начала обязательно ознакомьтесь с обучающим материалом, который представляет сама платформа. Есть как полезные статьи, так и видео-уроки (раздел «Обучение»). Можете пройти дальнейшее обучение – и подобрать курс по веб-дизайну, чтобы разобраться в нюансах работы с Тильдой. 

  2. Тренируйте насмотренность, смотрите на сайты от крутых веб-дизайнеров, вдохновляйтесь. Можно подписаться на инстаграмы: @tildapublishing, @interfacely, @dailywebdesign

  3. Создайте хорошее портфолио с качественными работы по той специализации, в которой планируете развиваться. Выберите 5-10 проектов. Не стоит показывать все работы – как правило, заказчик оценивает уровень специалиста по самому слабому проекту. Если только начинаете путь веб-дизайнера, сделайте 3-5 бесплатных проектов, но с полной свободой, чтобы показать свой уровень. 

  4. На Тильде есть партнерская программа – ее суть в том, что вам дается специальная ссылка, по которой регистрируется другой пользователь. Когда он впервые вносит оплату за тариф, то платформа дарит месяц бесплатного пользования и вам, и рефералу. Это выгодно использовать, когда делаешь сайты на заказ и регистрируешь аккаунт заказчика. 

  5. Предлагайте заказчикам дополнительные услуги для привлечения потенциальных клиентов на сайт. Это обеспечит дополнительный ежемесячный доход при небольших трудовых затратах. Например, вы можете изучить изучить SEO или специфику контекстной рекламы.  Если не хотите заниматься этим самостоятельно, найдите фрилансеров и передавайте заказы им. 

  6. Ведите базу клиентов, которым сделали проект. Через 3-4 года возвращайтесь с предложением сделать редизайн. Во-первых, многим за это время может наскучить внешний вид ресурса. Во-вторых, дизайн сайта может устареть. 

Результаты моих трудов

Мне начали предлагать сотрудничество, в основном, я занималась либо составлением макетов в Figma, либо работала с готовыми блоками. За два месяца я сделала около шестнадцати заказов, средней стоимостью около 3 тысяч рубле, получается около 25 тыс. рублей в месяц.

Да, сумма не слишком большая, миллионов заработать не вышло, но как подработка — это отличное занятие.

Чем еще хороша такая работа: все-таки это не тупой физический труд, создание и дизайн сайтов требует, как просто умственных вложений, так и творческих. А это именно то, что было мне нужно!

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

Для этого также необходимо уметь кодить.

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

Даже и не ожидала, что это может так меня захватить.

Где я искала клиентов

И вот, я решила, что готова к настоящей работе, за которую мне будут платить деньги. И дело встало. Где же найти клиентов, когда ты не раскрученный дизайнер со своей командой, а лишь зеленый новичок?

Для начала я сунулась на сайт для фрилансеров fl.ru, там я нашла пару интересных заказов, отправила заявки, и приготовилась ждать. Но мои попытки найти работу будто канули в Лету, заказы у меня брать никто не хотел.

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

Я присоединилась к чату под названием «ПОМОГАТОР», в котором как заказчики, так и сами фрилансеры могли искать и предлагать услуги. И тогда все сдвинулось с мертвой точки.

Настраиваем заголовок

В Тиль­де есть два пути — выбрать уже гото­вый шаб­лон или создать стра­ни­цу с нуля. Шаб­лон под­хо­дит в тех слу­ча­ях, когда надо быст­ро сде­лать типо­вой сайт и не хочет­ся думать над дизай­ном. Это не наш слу­чай, пото­му что у нас дизайн уже есть — мы повто­ря­ем то, что сде­ла­ли в про­шлой ста­тье, поэто­му выби­ра­ем вари­ант «Пустая страница»:

Что­бы уви­деть все эле­мен­ты, из кото­рых мож­но соби­рать стра­ни­цу, нажи­ма­ем на «Все блоки»:

У нашей стра­ни­цы нет облож­ки, она сра­зу начи­на­ет­ся с заго­лов­ка. Откры­ва­ем раз­дел «Заго­ло­вок» и выби­ра­ем тот, кото­рый под­хо­дит боль­ше все­го. Неваж­но, что там напи­са­но боль­ше, чем нам нуж­но — лиш­нее мы уда­лим или скро­ем. Допу­стим, мы реши­ли, что самый пер­вый заго­ло­вок (TL01) нам под­хо­дит, поэто­му нажи­ма­ем на него, и он сра­зу попа­да­ет на страницу:

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

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

Оста­лось настро­ить раз­мер и поло­же­ние тек­ста как на уже гото­вой HTML-странице. Для это­го сна­ча­ла выде­ля­ем текст и с помо­щью инстру­мен­тов, кото­рые появ­ля­ют­ся на верх­ней пане­ли, дела­ем заго­лов­ку нуж­ный раз­мер и вырав­ни­ва­ем по лево­му краю:

Но у нас оста­лись боль­шие отсту­пы сле­ва и свер­ху, их тоже нуж­но попра­вить. Нажи­ма­ем кноп­ку «Настрой­ки» воз­ле заго­лов­ка и в появив­шем­ся меню настра­и­ва­ем раз­ме­ры отсту­пов и нажи­ма­ем «Сохра­нить и закрыть»:

Какой дизайн можно сделать на Tilda

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

Готовые шаблоны

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

Готовые блоки

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

Текст и изображения

У Тильды есть шаблоны с прописанными стилями для текстов и изображений. Чтобы форматировать текст, нужно только нажать на него и выбрать нужные настройки. Редактор автоматически подберет правильный вид, удалит некорректные скобки, тире и запятые. Изображения загружаются из интернета и непосредственно из памяти компьютера. Допустимо добавлять текст, редактировать шрифты, вставлять иконки и пояснения.

Zero-блоки

Zero-блоки – чистый лист, с помощью которого можно воплотить самую сложную задумку. Здесь можно отрегулировать вручную любой компонент — адаптацию для устройства, колористику, контент, заглавное изображение. Блоки считывают анимацию и вставляют ее на нужное место в тексте или на сайте.

Перед публикацией

Стра­ни­ца гото­ва, оста­лось дать ей назва­ние, поме­нять цвет ссы­лок на при­выч­ный синий и дать все­му сай­ту понят­ный адрес в интернете.

Назва­ние стра­ни­цы меня­ет­ся по кноп­ке «Настрой­ки» в верх­нем меню. Пишем там то же самое, что и про­шлый раз:

Там же мож­но перей­ти к настрой­кам все­го сай­та — это нам пона­до­бит­ся для настрой­ки цве­тов и общих пара­мет­ров. В пер­вом раз­де­ле сра­зу про­пи­шем общее назва­ние сай­та и его опи­са­ние, а так­же при­ду­ма­ем имя для субдомена:

Домен — тот же сайт в интер­не­те с отдель­ным име­нем. Yandex.ru, tilda.ws, thecode.media — это всё при­ме­ры доме­нов. А если у сай­та есть под­раз­дел со сво­им отдель­ным име­нем в интер­не­те, это уже суб­до­мен: rabota.yandex.ru, docs.google.com, mihailmaximov.tilda.ws. Суб­до­ме­ны обыч­но нуж­ны, что­бы офор­мить раз­де­лы на раз­ные темы в рам­ках одно­го сай­та. Наш суб­до­мен mihailmaximov озна­ча­ет, что внут­ри боль­шо­го сай­та tilda.ws будет раз­дел про Миха­и­ла Мак­си­мо­ва — и толь­ко про него.

Цве­та, шриф­ты, ана­ли­ти­ка и про­чие гло­баль­ные вещи настра­и­ва­ют­ся через то же меню слева:

Где искать заказы на разработку сайтов

Есть несколько основных источников заказов. Воспользовавшись ими, можно выйти на стабильный ежемесячный доход.

Биржи фриланса. Это основной источник для новичков. Здесь множество простых и малобюджетных заявок, которые отлично подходят для получения опыта и наработки портфолио. Вот некоторые из бирж: Freelance.Ru, Kwork.Ru, FL.Ru. Конкуренция на них достаточно высокая, однако и заказов много, поэтому работы хватит на всех, а если вы предложите более низкую цену – то наверняка получите свои первые заказы. После того как наработаете портфолио и хорошую репутацию, искать клиентов станет проще. 

Сайты с вакансиями. Здесь может быть два метода поиска клиентов: смотреть вакансии на поиск веб-дизайнера или собирать базу предпринимателей, чтобы рассылать им коммерческое предложение. Второй метод менее эффективен, но все-таки и его нужно иметь в виду. Примеры таких сайтов: HH.ru, RosRabota.Ru, Zarplata.Ru и т.д.

Группа ВК Тильды. Сейчас в ней состоит более 50 тыс. пользователей. В нее заходят не только веб-дизайнеры, но и потенциальные заказчики. 

Ваш сайт, блог, аккаунт в соцсетях. Вы можете вести свой интернет-ресурс и продвигать его. Если это сайт, то поможет контекстная реклама Яндекс и Google. Если это соцсети – таргетированная реклама. 

Тематические группы ВК

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

Многие из них даже не задумывались о создании сайта. Расскажите им о пользе ресурса и предложите готовое решение.

Сарафанное радио — лучший источник клиентов. А для этого потребуется качественно выполнять заказы. Не стесняйтесь просить клиентов рассказать о вас или оставить отзыв о вашей работе. 

Рекомендации с образовательных курсов. Некоторые специалисты, которые обучают веб-дизайну на платформе Тильда, могут помогать своим выпускникам находить первые заказы. Это нераспространенная практика, но все-таки подобные истории случаются. 

Tilda Expert. Это раздел на самом сайте Тильда представляет собой каталог дизайнеров и систему заказов, позволяющую исполнителю и заказчику найти друг друга. Вы можете зарегистрироваться в Тильде экспертом, создать свое портфолио и управлять им. Плюс заключается в том, что сервис не берет комиссию  и проценты. Когда вы регистрируетесь как тильда-эксперт и выкладываете свое портфолио, ваш профиль оценивается специалистами по пятибалльной шкале. Например, вы получаете 4 балла. Далее вам доступны проекты с той ценой, которые отвечают требованиям к специалистам с 4 баллами. Чем выше оценка – тем дороже и сложнее проекты. К системе подключается ранжирование, поэтому новичку сложнее получить заказ таким образом. Однако попробовать стоит.

Для каких проектов подходит Тильда

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

Собственный веб-сайт или портфолио

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

Контент-проекты

На базе Тильды сделано одно из самых больших медиа по химической промышленности в России от Инжинирингового химико-технологического центра в Томске. Владельцы центра утверждают, что получают 15% своей годовой прибыли только благодаря этому проекту. Простота Тильды удобна и пользователям, и авторам, поэтому приносит положительные результаты.

Лендинги

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

Сайты для мероприятий и промостраницы

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

Сайты обучающих проектов

На Тильде можно сделать как посадочную страницу для продажи курсов, так и оформить контент для обучения. Ссылку на курсы можно присылать пользователям прямо по электронной почте. Причем есть возможность сделать СЕО-оптимизацию, привязать сайт по самым частотным запросам, отправлять приглашения на урок и продвигать страницу только для целевой аудитории.

Другие возможности Tilda

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

Еще одна удобная функция – наличие калькулятора. Он полезен для создания кодов и тестов, которые помогают выявить ошибки в работе сайта еще на стадии проектирования. Калькулятор доступен в бесплатной версии.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector