Как создать сайт на tilda: инструкция для новичков

Содержание:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Tilda CRM

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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


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

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

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


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

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


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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лендинги

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

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

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

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

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

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

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

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

Мое обучение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тарифные планы Tilda

Владельцам аккаунтов доступно 3 тарифных плана – Free, Personal и Business.

Free

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

Лимиты тарифа: максимальное количество проектов – 1, количество страниц для каждого проекта – 50, объем загруженных файлов – 50 Мб.

Personal

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

Лимиты тарифа: максимальное количество проектов – 1, количество страниц для каждого проекта – 500, объем загруженных файлов – 1 Гб.

Стоимость тарифа: 750 руб./месяц + домен в подарок.

Business

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

Тарифный план также имеет разновидности – это Business 10, 15, 20 и 30. Число указывает на количество сайтов. Например, в тарифе Business 15 разрешено создавать до 15 сайтов.

Еще одно отличие от предыдущих тарифов – возможность экспорта исходного кода. Благодаря этому можно создать сайт на Тильде и перенести его на свой хостинг. Подойдет для тех, кто хочет подредактировать HTML-код и разместить его на другом хостинге.

Лимиты тарифа: максимальное количество проектов – от 5 до 30, количество страниц для каждого проекта – 500, объем загруженных файлов – 1 Гб.

Стоимость тарифа: от 1250 руб./месяц + домен в подарок.

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

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

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

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


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

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


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

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


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

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


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

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


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

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


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

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

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

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


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

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


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

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


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

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

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


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

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


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

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


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

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

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


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

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

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


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

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


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

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


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

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

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

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

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

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

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

Заключение

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

Сквозная аналитика

 от 990 рублей в месяц

  • Автоматически собирайте данные с рекламных площадок, сервисов и CRM в удобные отчеты
  • Анализируйте воронку продаж от показов до ROI
  • Настройте интеграции c CRM и другими сервисами: более 50 готовых решений
  • Оптимизируйте свой маркетинг с помощью подробных отчетов: дашборды, графики, диаграммы
  • Кастомизируйте таблицы, добавляйте свои метрики. Стройте отчеты моментально за любые периоды

Узнать подробнее

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

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

Adblock
detector