Примеры интернет-магазинов созданных на tilda

Структура сайта

Структура сайта зависит от задачи и типа сайта. Например, студии дизайна интерьера нужно показать готовые проекты, а организатору онлайн-курса — рассказать о программе.

Сайты на Тильде состоят из блоков и страниц. Один блок — один экран.

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

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

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

Когда ты не раскрученный UI/UX-дизайнер со своей командой, находить клиентов бывает сложно. Начать получать заказы можно с бирж фриланса — Fl.ru, Kwork. Однако новичку с низким рейтингом и нулевым количеством положительных отзывов, редко доверяют крупную работу. 

Но есть другой выход, который посоветовала Влада с kj.media — она тоже испытывала трудности с поиском заказов, а сейчас зарабатывает стабильно от 25 000 ₽ в месяц. Как утверждает этот начинающий дизайнер, большинство мелких предпринимателей сидят в Телеграмме. Они напрямую договариваются с исполнителями, не платя деньги за размещение своих вакансий. Например, в чате под названием «ПОМОГАТОР» есть быстрая возможность найти работу. 

Еще варианты, с помощью которых удастся выйти на стабильный заработок:

• сайты вакансий — HH.ru, RosRabota, Zarplata.ru и другие (можете сами рассылать коммерческое предложение предпринимателям или отвечать на вакансии);
• группа ВК Тильды — сегодня на этот паблик подписано уже более 61000 подписчиков (тут сидят потенциальные заказчики);

• собственный сайт, лендинг, группа в соцсетях — продвинуть их поможет контекст или таргет;
• сарафанное радио — мощный источник клиентов, но нужно суметь опередить конкурентов по всем пунктам;
• Tilda Expert — собственный сервис Тильда, где можно разместить заказ или найти работу (создаете портфолио).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как настроить интеграцию: на примере Tilda и Google Sheets

Для работы с коннектором не нужны навыки программирования. Чтобы создать интеграцию, достаточно подключить аккаунты Tilda и другого сервиса к сайту ApiX-Drive и настроить между ними связь. На это потребуется около 15 минут.

Для наглядности разберем процесс по шагам. В качестве примера подключим к Tilda Google Sheets, чтобы данные из форм автоматически попадали в таблицу. Это позволит нам вести учет всех заказов в одной удобной системе.

Итак, регистрируемся на сайте ApiX-Drive. Заходим в личный кабинет и кликаем «Создать связь».

После этого приступаем к подключению.

Подключение формы Tilda

Выбираем Tilda в качестве системы-источника данных.

Выбираем действие, которое должен совершать коннектор: «Получить данные из форм».

Кликаем «Подключить аккаунт «Tilda».

Копируем URL для приема данных — он поможет подключить нужную форму.

Открываем в новой вкладке личный кабинет Tilda. Заходим в настройки сайта, который хотим подключить к Google Sheets, открываем раздел «Формы» и выбираем Webhook. Затем вставляем только что скопированный URL и нажимаем «Добавить».

Добавляем приемщик данных ко всем формам.

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

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

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

Подключение таблицы Google Sheets

Кликаем «Начать настройку Приема Данных».

Выбираем Google Sheets в качестве приемника данных.

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

Подключаем аккаунт Google Sheets.

Выбираем таблицу (файл) и лист, в которые ApiX-Drive будет вставлять заказы. Затем выбираем, какие именно данные по каждому заказу будут попадать в Google Sheets. Для этого кликаем по нужным полям и выбираем подходящие типы данных. Каждое поле соответствует колонке в нашей таблице. Лишние поля оставляем пустыми.

Проверяем пример данных, которые будут передаваться по каждому заказу. Если надо что-то изменить, кликаем «Редактировать» и вносим правки. Если все правильно, нажимаем «Далее».

Включаем обновление, чтобы разрешить передачу данных.

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

Примерно так переданные заказы будут отображаться в Google Sheets:

На этом все. ApiX-Drive начнет передавать данные в соответствии с заданными параметрами.

Действия перед публикацией сайта

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

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

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

Плюсы Тильды

За несколько лет использования данного конструктора для внутренних проектов нашего агентства, а также на основе опыта продвижения клиентских сайтов мы выявили несколько преимуществ Тильды: 

Скорость загрузки. Великолепная скорость загрузки без каких-либо «танцев с бубнами» и без привлечения программистов (как это часто бывает на проектах других CMS). Вот пример скорости загрузки страницы одного из наших проектов по Google PageSpeed Insights: 

• Адаптивность под все мобильные устройства по умолчанию. Не нужно беспокоиться по поводу адаптивности сайта, у конструктора все это делается в автоматическом режиме. Это очень удобно и практично, учитывая процент трафика на сайты с мобильных устройств. 
• Полноценные SEO-инструменты. В конструкторе есть все необходимое для эффективного поискового продвижения. 
• Удобный и понятный интерфейс. 
• Большой выбор готовых блоков и шаблонов страниц, которые можно корректировать под свои потребности. Фактически неограниченные возможности в создании качественного продукта без знаний верстки, дизайна и программирования. Конструктор насчитывает более 90 шаблонов страниц для различных сфер бизнеса и более 450 готовых блоков для описания вашего продукта или услуги, создания конверсионных триггеров, захватов и различных форм для совершения пользователем целевого действия. Причем все шаблоны страниц и блоки можно без проблем изменять под ваши потребности.
• Возможность создать уникальный дизайн. Специальный Zero-блок позволит дизайнеру создать любой блок, элемент на странице с нуля. 
• Тильда предоставляет свой хостинг и доменное имя на поддомене конструктора бесплатно. Это довольно удобно и экономно для небольших начинающих компаний и стартапов, так как платить за услуги выделенного хостинга и покупать доменное имя не нужно. Развернуть проект на поддомене от Тильды можно совершенно бесплатно. Выглядеть имя будет приблизительно так: vashsite.tilda.ws. Проекты с таким доменом можно успешно продвигать в поиске, например, Яндекс хорошо ранжирует проекты, сделанные на поддомене Тильда. 
• Интеграция. Есть возможность интегрироваться со многими сервисами и CRM платежных систем, чатов, мессенджеров, email-рассылками и т.д. 
• Функция Потоки. Позволяет создавать неограниченное количество лент публикаций, которые не требуют сложного оформления или дизайна. Используется для новостей или постов. Большой плюс страниц, созданных в потоках – возможность их оптимизации. Можно задать метаданные, заголовки в тексте Н1-Н4, добавить изображения или видео, форматировать текст, указать автора новости или статьи. 
• CRM. Конструктор имеет встроенную CRM-систему, в которую попадают все лиды, пришедшие через сайт. 

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

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

Подготовка контента для сайта

Дальше я подготовила текст и фотографии. Вот несколько советов по подготовке текста:

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

Выделите главное и добавьте интересные подробности. Не старайтесь расписать на сайте всё, что возможно.

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

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

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

Шрифты, цвета, иконки

Для начинающих самый простой способ подобрать шрифт и цвет — подсмотреть на других сайтах по схожей тематике. Несколько ресурсов, где можно вдохновиться: One Page Love, Lapa Ninja, Land-Book.

Если у вас уже есть корпоративные цвета и шрифт, используйте их. Шрифт и цвета можно посмотреть с помощью расширения для Google Chrome CSS Pepper.

Лучше не использовать на сайте больше 2‒3 цветов. Один цвет — основной, остальные — акцентные.

Советуем не использовать больше двух разных шрифтов. Лучше пользоваться шрифтовыми парами, уже подобранными дизайнерами Тильды. Забудьте о курсиве и шрифте Roboto — он «состарит» сайт».

Тильда предлагает несколько пар шрифтов, этого более чем достаточно. Установить шрифт можно в настройках сайта

Основные возможности Tilda

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

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

Инструменты для интернет-продаж. В конструкторе можно создать сайт для приема денег через популярные платежные системы. Такой вариант подойдет, например, для заработка на вебинарах. Более того, система позволяет собрать полноценный магазин с карточками товаров. Заказы будут отображаться во встроенной CRM прямо в личном кабинете Tilda.

Настройки домена. Система позволяет бесплатно зарегистрировать домен вида «имя-сайта.tilda.ws». На платных тарифах к сайтам также можно подключать собственные домены вроде «имя-сайта.com». При этом первый год использования домена входит в подписку, далее его придется оплачивать отдельно.

SEO-инструменты. Вы можете оптимизировать сайты для продвижения в поисковых системах. Tilda позволяет прописывать мета-теги, выбирать теги заголовков, настраивать URL страниц, а также проверять отображение в поисковиках с помощью интеграций с Google Search и «Яндекс.Вебмастер». При желании сайт можно сделать невидимым для поисковых систем.

Аналитика. Вы можете следить за посещаемостью и поведением пользователей на сайте. Конструктор отображает такие показатели, как число посетителей и просмотров, конверсии, количество заходов с мобильных устройств, процент дочитывания страниц, число заявок и так далее. Для более подробной аналитики можно подключать сторонние системы Google Analytics и «Яндекс.Метрику».

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

Можно ли заработать на Тильде?

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

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

На биржах фриланса ценник за разработку сайтов на Tilda начинается от 500 рублей. Обычно за такую стоимость берутся делать web-ресурс новички — быстренько собирают лендинг или что-то простое. Более серьезные проекты стоят куда дороже — не менее 25 к за многостраничник и примерно 5 к за создание одной страницы. 

Сайт с параллаксом и анимациями исполнитель на Kwork оценил в 30 000 ₽

Многих разработка на Тильде привлекает своей простотой — типа встроил несколько готовых блоков и за 2-3 дня наклепал сайт. На самом деле это не так. Серьезные заказчики, готовые щедро оплачивать работу, такие проекты не примут. Дизайн обязан быть не просто крутым, но еще и подразумевать комплексный подход — надо не просто создавать красоту, но и давать нечто большее для бизнеса. К примеру, использовать такое визуальное наполнение, чтобы оно побуждало посетителей к действию и раскрывало их боли. 

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

Еще некоторые особенности этого конструктора:

Zero Block — позволяет редактировать текст, добавлять изображения, иконки, кнопки, формы, видео и интерактивные подсказки;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сколько можно заработать на создании сайтов

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

Если же вы разбираетесь в html, css и других кодах и можете создать сайт с нуля, то минимальная цена для собранного сайта-визитки колеблется в пределах 5000 рублей. Ваш ежемесячный заработок может достигать 50 тыс. руб и выше.

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

Как и где искаться заказчиков на создание сайтов

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

Основные способы поиска заказов:

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

Уже после первых успешных заказов вы почувствуете уверенность в своих силах и знаниях. Вот тогда вы можете дать рекламу в различные платные сервисы.

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

Они могут стать вашими заказчиками или рекомендовать своим знакомым. Никогда не сбрасывайте этот метод со счетов.

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

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

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

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

ИНТУИТИВНО ПОНЯТНЫЙ КОНСТРУКТОР САЙТОВ

Интеграции Tilda с другими системами

Но этот список ограничен парой десятков сервисов и среди них может не оказаться инструмента, который необходим именно вам. В таком случае выручит онлайн-коннектор ApiX-Drive. Это платформа для быстрого создания интеграций между разными системами. С ее помощью можно подключать к Tilda огромное количество дополнительных инструментов. Перечислим некоторые из них.

• CRM. Подключайте свой магазин к amoCRM, «Битрикс24», retailCRM, U-ON.Travel, «МойСклад», «Клиентикс», GetCourse, Odoo, YClients, Intrum, Creatio или «Мой склад». В результате заявки будут автоматически попадать из формы вашего сайта в выбранную систему управления заказами.
• Мессенджеры. Хотите получать уведомления о новых заказах на сайте прямо в любимом мессенджере? Просто подключите форму своего магазина к Viber, Telegram или Slack.
• Сервисы SMS-рассылок. Интеграция Tilda с одним из сервисов рассылок позволит наладить автоматическую отправку уведомлений с подтверждением заказа. Заполнив форму на сайте, клиент получит соответствующее SMS. Коннектор поддерживает TurboSMS, AlphaSMS, Intel Telecom, SMS.RU, «SMS-Центр», SMS Club и прочие сервисы рассылок.
• Системы управления проектами. Если вы принимаете через сайт заявки на услуги, можете подключить к нему Trello, Meistertask, Worksection, «Мегаплан» или Planfix. В таком случае каждая заявка будет автоматически добавляться в выбранный планировщик в виде новой задачи.
• Онлайн-таблицы. После интеграции с Google Sheets все оставленные посетителями данные будут автоматически копироваться из форм в «Гугл таблицу». К примеру, если вы принимаете через сайт заказы, то сможете использовать Google Sheets как CRM.

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

Например, когда посетитель отправляет заказ через форму, тот попадает в CRM, затем клиент получает подтверждение по SMS, а вы — уведомление о новом заказе в мессенджере. Все перечисленные действия коннектор выполняет на автомате.

Вёрстка в Тильде

Вёрстка сайта заняла один день. Чтобы быстро собрать сайт на Тильде, я взяла готовый шаблон. Впоследствии от него осталось только три блока, остальное я добавляла из библиотеки блоков Тильды.

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

Вот несколько блоков моего лендинга:

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

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

Мысленно проведите две линии слева и справа ― элементы сайта не должны выходить за эти линии.

Отрегулировать ширину блока можно в его настройках. Можно установить ширину 12 колонок.

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

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

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

Подключите анимацию к блоку. Когда на сайте всё движется, информацию тяжело воспринимать, поэтому лучше с ней не перебарщивать.

Разбавьте стандартные блоки zero-блоками. С их помощью картинку или текст располагают в определённом месте, а не там, где они размещены в стандартных блоках. Но потом этот блок придётся отдельно адаптировать для мобильных устройств.

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

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

Если вы собираетесь зарабатывать на создании сайтов на Тильде, то вам может понадобиться бизнес-аккаунт. Функционал бесплатной версии конструктора довольно скудный и дает возможность разработки всего одного ресурса с ограниченным количеством блоков. А через Business разрешено делать внутри одного аккаунта 5 сайтов по 500 страниц в месяц — этот тариф стоит $25.

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

Пример оформления портфолио на Тильде

• Расширяйте свою специализацию. Не останавливайтесь на одном, осваивайте новые навыки. Например, веб-дизайнер с навыками SEO и копирайтинга, ценится гораздо выше.
• Воспользуйтесь реферальной программой. Тильда выдает каждому зарегистрированному пользователю партнерскую ссылку. Если по ней зарегистрируется один пользователь и оплатит подписку, платформа подарит вам 15 или 30 дней (в зависимости от тарифа) бесплатного пользования конструктором. 
• Ведите базу клиентов. Общайтесь с ними регулярно, давайте рекомендации — возможно, что от них придет предложение сделать редизайн или выполнить какую-то другую задачу. 

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

Дополнительные советы разработчику.