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

Клиенты брали самые дорогие пакеты, а один сказал: «Это лучшее описание продукта, что я видел». Заказчик был загружен с января по март — старый сайт так не мог. Подробные этапы от обсуждения задачи до запуска, редакторские приёмы (например, визуальное повестWowание), подход и фишки. Всем, кто прокачивает b2b-сайт в 2022.

10 978 просмотров
редактор, помогаю бизнесу зарабатывать больше и решать другие задачи с помощью текста (mktlg.ru)

Привет! Я коммерческий редактор, это один из моих кейсов. Забегая вперёд скажу, что сайт окупился заказчику трижды за три месяца.

Обычно ко мне приходят с b2b-продуктом, часто сложным и не вполне понятным для аудитории. Тут как раз такой случай.

О чем пойдет речь:

• Чем занимается компания
• Обсуждение задачи
• Разбор страницы курса
• Глубинное интервью
• Прототип в Figma
• Сборка лендинга в Тильде
• Подготовка страницы с услугой и главной
• Перелинковка со старым сайтом и запуск
• Результат — 10 заказов на 596 тысяч и 512 тысяч выручки

Заказчик — эксперт в сфере безопасности пищевой продукции

Как я искал первых клиентов на Tilda?

Иван — руководитель компании «ХАССП Ликбез». Компания занимается разработкой и внедрением специальных процедур на пищевых производствах, в том числе общепит-предприятиях: кафе, столовых и т. п. Задача этих процедур — обеспечить безопасность продукции для конечного потребителя. ХАССП расшифровывается как Hazard Analysis and Critical Control Points — анализ рисков и критические контрольные точки.

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

В «ХАССП Ликбез» обращаются разные виды компаний: общепит-предприятия — столовые, кафе и рестораны, компании по доставке еды, выездные кухни для вахтовиков, корпоративные отделы питания.

Продуктов два: услуга и курс. Разработка процедур ХАССП — это услуга, которую оказывают Иван и его помощники-эксперты. Обычно её заказывают клиенты, которые не хотят глубоко вникать в суть вопроса.

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

На первой встрече подробно обсудили задачу

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

Мы с Иваном созвонились и обсуждали его проект примерно 1,5 часа. О чем поговорили:

• Что за продукт, какую проблему решает, когда нужен
• Кто покупатель, что ему важно, какое действие можно предложить
• Зачем понадобился сайт, в чем его задачи
• Как заказчик намерен использовать его
• Кто комментирует результат и принимает решение
• К какому сроку нужно успеть и почему

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

КАК ЗАРАБОТАТЬ на разработке сайтов новичку | Заработок в интернете, удаленная работа.

По ходу беседы стала ясна ситуация и что с ней делать. Если вкратце, всё выглядело так:

❌ Проблема. На старом сайте продукты описаны слабо. При этом туда идёт много органического трафика с Ютуба и поисковых систем (благодаря блогу). Рекламного трафика нет.

✅ Решение. Создать новые продуктовые страницы на отдельном сайте. Перелинковать со старым сайтом так, чтобы посетители приходили на новые страницы.

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

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

Результат обсуждения задачи. Обычно я пишу такой конспект в гугл-документе. Это удобно: заказчик может обсудить документ с другими ЛПР этого проекта и оставить комментарии прямо там

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

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

Только есть два нюанса:

• Вопросы нужно корректировать исходя из ситуации заказчика. Если нужен лендинг, это одни вопросы, если текст на существующий сайт — другие. Где-то вопросов будет больше, где-то меншье.
• Невозможно предвидеть все вопросы заранее. Ведь когда заказчик отвечает, появляются уточняющие вопросы, ответы на которые позволяют увидеть более полную картину. Именно поэтому переписка для такой беседы не подходит: слишком долго. Намного быстрее обсудить всё вживую.

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

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

Убрали часть работ, чтобы сэкономить. У меня есть два варианта лендинга — полный и упрощенный. Разница в объёме работы: в упрощенной версии нет анализа конкурентов, SEO-оптимизации и некоторых других второстепенных работ, плюс дизайн там попроще.

Клиент выбрал упрощенный вариант. По мне, вполне разумное решение. Ведь тот же анализ конкурентов не критичен: когда делаешь сайт о продукте, стоит сосредотачиваться именно на нём, а не на конкурентах. И на дизайне действительно можно сэкономить: наполнение гораздо важнее. Ведь именно наполнение — текст, картинки, видео — отвечает на вопрос «Что мы рассказываем?», в то время как задача дизайна — ответить на вопрос «Как мы это рассказываем?» Без первого второе не имеет смысла.

Начали с разбора страницы о курсе

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

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

Для Ивана я подготовил разбор старой страницы курса. Обычно я выкладываю разборы на Ютуб-канал, однако Иван попросил этого не делать. Я был не против.

Мы с Иваном договорились так: если в результате он закажет лендинг, то я вычту стоимость разбора. Посмотрев разбор, заказчик решил — работаем.

Созвонились для глубинного интервью

Интервью проходило по стандартному сценарию, который устоялся за несколько лет редакторской практики.

Я посмотрел сайт и некоторые материалы от заказчика — в частности, пример разработанных процедур. Договорился о созвоне, попросил заложить 1,5—2 часа.

Всего было порядка 60 вопросов. Если на этапе обсуждения задачи я задавал более поверхностные вопросы, то здесь нужно было прокопать в глубину и узнать подробности. Говорили про клиентов, их запросы и задачи, обсуждали продукт и его результаты.

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

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

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

заняло глубинное интервью с заказчиком

Разговор был записан и расшифрован. Записывать интервью — нужно. Раньше я этого не понимал и просто делал записи по ходу разговора — благо, скорость набора позволяла. Однако я всё равно был сосредоточен на записывании тезисов, а не на ответах клиента, и потому многое упускал.

С некоторых пор я просто записываю беседу и фокусируюсь на вопросах и ответах заказчика.

Фрагмент интервью. В текстовом виде две беседы занимают 31 страницу

Проводить интервью можно в любом мессенджере. Я использую Zoom, потому что в нём есть встроенная запись разговора. Но можно созваниваться и в Телеграм, а разговор писать любым скринкастером, например, OBS или HyperCam.

Чтобы получить расшифровку, я публикую на Воркзилле задание со ссылкой на аудиозапись. Реже ставлю задачи конкретным расшифровщикам, с которыми уже работал. Адекватная цена за такую работу — 10–20 руб/мин.

Подготовил прототип в Figma

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

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

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

Почему первый экран получился именно таким:

• Картинка показывает результат. Смысл прост: до курса у клиента хаос в процессах и документации, а после — всё по полочкам. Цвет создает доп.акцент на результате. Иллюстрация нарисована в Фотошопе. Может, она не самая привлекательная, но главное — тот смысл, который она сообщает. Это работает лучше красивых, но бессмысленных фото из сети, да и выглядит интереснее.
• В заголовке — название продукта. Так мы сразу даем понять клиенту, что он пришёл туда, куда хотел. Поисковые запросы мы не собирали, но я всё равно посмотрел Вордстат, чтобы оптимизировать заголовок: «разработка ХАССП» — самый популярный коммерческий запрос, также популярны слова «процедуры», «внедрение» и «общепит».
• В подзаголовке — краткая суть курса, зачем он нужен и что внутри. Таким образом мы сообщаем пользователю, чего ему ожидать от страницы. Естественно, всё упомянутое в подробностях описано в отдельных блоках.
• В мелком тексте — для кого этот курс, чтобы клиент сразу узнал себя.

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

Описали проблематику, чтобы закрепить потребность. Многие заказчики не до конца понимают, какую пользу принесёт им обучение. Результат здесь не только в пользе, но и в предотвращении вреда. Именно этим вредом и нужно «напугать» клиента — так он поймёт, каких последствий стоит избежать.

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

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

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

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

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

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

Блок о структуре занятия. Разные цвета как бы говорят: «Это не монотонный урок, мы занимаемся разным» и делают схему нескучной. Как и иллюстрация первого экрана, эта тоже нарисована в Фотошопе

Между прочим, такого блока я не видел ни у одной онлайн-школы.

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

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

Часть блока о том, как проходит курс. Это реальные вопросы участников курса и ответы на них от заказчика

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

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

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

Форма заявки есть не только в конце: по ходу страницы несколько раз встречаются разные призывы.

Издалека прототип выглядит так:

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

Страница получилась длинной — но так и должно быть

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

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

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

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

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

Дизайнер собрал лендинг в Тильде

Вначале мы запустили страницу курса как отдельный лендинг на поддомене:

Первый экран лендинга с дизайном. В тот момент это был отдельный сайт на поддомене prof.haccp-likbez.ru. Теперь там главная страница

Как и прототип, дизайн создавался в несколько этапов:

1. Придумали концепцию, показали первые два экрана.
2. Отрисовали ПК-версию.
3. Сверстали мобильную версию.

Блок, задача которого — убедить клиента разработать ХАССП на курсе, а не своими силами. Визуальные акценты расставлены так, чтобы после заголовка взгляд падал на цифру, которая дополняет его по смыслу: огромное количество документов → 600+ страниц

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

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

Упаковали страницу услуги

Следующим этапом подготовили еще одну продуктовую страницу — о разработке процедур. Этапы были всё те же: интервью → прототип → дизайн.

Что тут из интересного:

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

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

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

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

Блок про ход работы. Визуальные акценты сделаны на цифрах: сроки — это преимущество заказчика. Иконка Zoom сразу дает понять, что речь о количестве онлайн-встреч

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

Здесь по результатам оказания услуги клиент получает набор документов и материалов для внедрения на производство. У многих конкурентов это просто текстовые документы. Материалы заказчика выглядят гораздо интереснее.

Блок о том, что в конечном итоге получит клиент. Каждый скриншот увеличивается по клику

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

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

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

Добавили разводящую главную страницу

В последнюю очередь нужно было подготовить главную страницу. У неё было несколько задач:

• Рассказать общую информацию о «ХАССП Ликбез»
• Навигационная: показать, что еще есть на сайте

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

Рассказали о компании в инфостиле. Это классический текст о компании в информационном стиле Ильяхова: виды клиентов, примеры их жизненных ситуаций и задач, сильные стороны и опыт компании.

Блок о компании. Два заголовка считываются друг за другом и складываются в единый смысл

С одной стороны, это текст о «ХАССП Ликбез». С другой, он в большей степени о клиенте, а не о самой компании.

Перелинковали со старым сайтом и запустили

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

Чтобы клиенты могли попасть с блога или Ютуба на продуктовые страницы и обратно, мы определенным образом настроили ссылки:

• Если на старом сайте кликнуть на «Разработку ХАССП», «Обучение ХАССП» или «О компании», то попадешь на соответствующую страницу нового сайта.
• Если на новом сайте кликнуть на блог, то попадёшь на статьи старого сайта.

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

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

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

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

Результат — 10 заказов от новых клиентов, которые окупили сайт трижды

Иван рассказал, что за три месяца результаты были такими:

• 2 продажи курса: один средний пакет (28 670 руб) и один дорогой (87 800 руб)
• 8 продаж услуги по разработке: пятеро клиентов выбрали средний пакет (38 970 руб), трое — дорогой (94 870 руб)

Дешевые пакеты услуги и курса не заказывал никто. Это может говорить о том, что сайт неплохо донёс ценность продукта до клиентов.

595 950 руб
сумма всех заказов с нового сайта с декабря по февраль

Оплат было на 512 тысяч: не все клиенты на тот момент заплатили полностью.

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

Недавно еще одна из старых заявок превратилась в сделку. После того, как я получил от Ивана эти данные, он рассказал, что клиент, с которым он общался после праздников, вернулся и заказал разработку по среднему тарифу — 38 970 руб. Опять же, дело в особенности рынка: клиенты долго приходят к пониманию, что им нужен продукт, поэтому от обращения до заказа может пройти несколько месяцев.

Делюсь опытом, как делаю лучшие информационные продукты (прототипы, сайты, статьи, тексты, видео), как работать с клиентом и зарабатывать фрилансом, публикую вакансии о работе с текстом у себя в Телеграм-канале. Подписывайтесь → https://t.me/krometexta

Поделитесь опытом. Какие приемы помогают объяснить суть и увеличить конверсию? Какие гипотезы вы бы предложили потестировать в этом проекте?

Показать ещё
61 комментарий
Написать комментарий.

сколько денег потрачено неизвестно, какая конверсия была до этого неизвестно, сколько стоил трафик неизвестно, ПЯТЬСОТ ДЕВЯНОСО ПЯТЬ ТЫЩ РУБЛЕЙ ВЫРУЧКИ, сколько было за прошлый период неизвестно, сколько из них было новых покупателей, а сколько догретых неизвестно и так далее

Развернуть ветку

Где написано, что в кейсах обязательно должны быть конверсии, бюджеты и до-после? Человек описал проделанную работу (а работы, видимо, было немало) и результат. Пусть и не в том формате к которому мы все привыкли. Не нравится — не читайте или напишите что-то своё.

Развернуть ветку
1 комментарий

Всё верно. Если в ваших кейсах всё это есть, то вы молодец.

Развернуть ветку
4 комментария

Есть моменты которые Заказчик не даст публиковать, и это нормально. «Ключи от квартиры где деньги лежат» никто не даст. Задача статьи описать процесс работы исполнителя. Описано отлично!

Развернуть ветку
1 комментарий

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

Развернуть ветку
7 комментариев

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

Развернуть ветку

Не понимаю, где вы нашли раздел цены в этом проекте. Если речь про мой собственный сайт https://mktlg.ru, цены там есть. А что до кнопки «Узнать цену», так для того мы с заказчиком задачу и обсуждаем, чтобы её узнать.

Развернуть ветку
2 комментария
Развернуть ветку

новая нефть.
забабабацал учебную программу.
выставил ценник 50 000.
и гоняешь пока гоняется

Развернуть ветку

Ну а что поделать, если такой формат работает(

Развернуть ветку

Очень крутой материал. Не дочитал пока, оставлю в открытых вкладках)

Развернуть ветку
Развернуть ветку

«Сайт на Тильде с простецким дизайном и картинками от руки помог продать услуг и» тут надо закончить заголовок .И на этом заканчивается тильда

Развернуть ветку

Чем вам так Тильда насолила?)

Развернуть ветку
2 комментария

Потрясный Кейс, очень информативно и по полочкам. Даже я, кто далёк от сфер дизайна и Web лэндингов, смог понять — огроооомная часть успеха в этом деле: Грамотно договориться об оказываемых услугах, понять задачу и потребности заказчика. Благодарю Вас Сергей!

Развернуть ветку

хорошая статья, все понятно описано, спасибо)

Развернуть ветку

Такс, барыжка заработал 500 касых, и достиг он этих результатов за короткое время, а сколько заработал ты на барыжке? Подозреваю эта сумма кратно меньше 500, то есть ты с высоты всего своего опыта, вложенного времени и сил заработал меньше, чем барыжка с курсами, при этом ты потратил время, а барыжка нет, может выгоднее занять его место?)
То есть что бы стать тобой нужно потратить примерно лет 10, а что бы стать курсовой барыжкой сколько нужно времени?) с одной стороны ты проделал хорошую работу, с другой ты хвалишься тем, что барыжка эксплуатировал твой труд и отсыпал немного монет за это. Это твои 500)) они должны быть в твоём кармане.

Развернуть ветку

Благодарю за труд, вдохновляешь!
Желаю дальнейших успехов!

Развернуть ветку
Развернуть ветку

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

Как-то давно мои две сестры уговорили меня написать программу, которая генерирует гороскопы, натальные карты по широте заданной точки и т.д. Я не верил, что кто-то в здравом уме может купить сгенерированный автоматически кусок текста, но сёстры меня окончательно задолбали и я тщательно изучив тему написал им генератор и сайт под неё.

Каково же было моё удивление, когда уже через пару недель проект стал приносить порядка 30к в сутки. Они подключили к делу «купонники», количество заказов дейли улетело за несколько сотен. Люди реально заказывали и сгенерированные тексты по 100 рублей и консультации с вымышленными астрологами по 8к и многое другое.

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

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

Источник: vc.ru

Плюсы и минусы конструктора Tilda

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

Одним из таких «хайповых» конструкторов стала небезызвестная платформа Tilda. Сейчас биржи фриланса буквально забиты предложениями от школьников и домохозяек в стиле «Создам сайт на тильде за 2 000/3 000/5 000 рублей». Наша команда встрепенулась, приняла к сведению модные тенденции и решила проверить, соответствуют ли вообще заверения рекламы действительности. А вдруг реально можно создать сайт буквально «на коленке» за день с необходимыми характеристиками, и на выходе детище будет работать? Может, профессиональным работникам сферы веба уже пора переквалифицироваться в дворники?

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

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

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

Честно рожденную страницу потом буквально придется доводить напильником до идеала в настройках.

Особенно трудно будет тем, кто вообще никогда не делал сайт сам или не смотрел, как это делается. От разнообразных отступов, скруглений и прочего у обычного пользователя начнется паника или, как минимум, заболит голова. Абсолютный рекорд создания лендинга из 12 экранов при наличии полного ТЗ, всех текстов и обработанных под веб картинок, который мы смогли установить, — 2 часа.

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

Тариф Free

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

Конечно, фраза «Используй свою суперсилу с нашей коллекцией ключевых блоков» радует глаз и душу, но на деле с бесплатным тарифом вы получите сильно урезанное число доступных блоков. Если даже этот факт вас не опечалит, то у нас новые плохие новости.

Если вы планировали нагнуть систему и создать в течение пробного периода нормальный лендинг или сайт визитку, который будете потом адекватно использовать, то забудьте об этой идее сразу. Хотя бы потому, что форма обратной связи работать адекватно не будет до тех пор, пока вы не перейдете на платный тариф; минимально — Personal за 750 рублей в месяц.

Подключили захват (вот тот самый сервис обратного звонка с чатом/трубкой)? Работать тоже не будет, пока не перейдете на платный тариф. И вообще весь html-код, который вы добавили, отключится сразу после окончания тестового периода. Доступа к панели Вебмастера нет, так что поиграть в СЕО не выйдет.

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

Итого: функционала бесплатного тарифа не хватит вообще ни на что.

Тариф Personal

Умилившись возможностями бесплатного тарифа, мы посмотрели на характеристики тарифа Personal. На вид вполне солидно: 1 сайт, 500 страниц, 1 GB места на сервере, возможность подключения своего домена. Стоимость — 750 рублей в месяц или 6 000 рублей в год. При оплате в год акция — домен в подарок. «Ну, неплохо», — изрекли мы и пошли пилить проект.

На данном тарифном плане мы решили создать лендинг под проект, связанный с образованием. Из требований к проекту от клиента — привязка к личному домену, захват на сайте и подключение систем статистики от Google и Яндекс. Из плюсов — все требования клиента мы выполнили, причем, сделали это довольно быстро (в течение рабочего дня мы успели набросать лендинг, утвердить его у клиента, сделать привязку к домену клиента и настроить форму обратной связи, захват и метрики). Из замечаний: хотелось бы видеть более адекватную справку по базовым функциям, а не искать крупицы по всем разделам помощи на сайте самого конструктора, потому что часто из-за компьютера от испытателя-добровольца доносилось «Блин, да как оно вообще тут работает? Где справка для самых маленьких?»

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

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

С визгом дикого восторга и радости клиент уносится за горизонт (еще бы, целый лендинг бесплатно! А ведь за такой же у меня 15 000 просили! *сарказм*). Мы спокойно выдыхаем и идем делать дальше свою работу, попутно думая о том, что школьники и домохозяйки не дураки и рубят бабки на пустом месте. Ну, и мысленно достаем метлу из кладовки. Пора, наверное.

… через месяц клиент в истерике обрывает нам все мессенджеры с привычным для клиентов «У нас тут ничего не работает, это все вы виноваты!» Недоуменно смотрим на такие заявления и идем в личный кабинет разбираться. Тут выясняем, что:

— нет оплаты тарифа минимум Personal — нет привязки к домену;

— не хотите оплачивать — переходите на Free. Естественно, вы не будете получать сообщения от формы обратной связи, у вас перестанут работать захват и все метрики. Ну, что поделать. Такова жизнь. Оплачивайте тариф!

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

Данную информацию мы передали клиенту, ввергнув его в шок. В год тариф Personal обойдется в 6 000 рублей. В 7 500, если не перебороть свою жадность и платить помесячно. Плюс плата за хостинг. «Боже-боже, как все дорого!» С этими словами клиент снова умчал в закат и пока что новостей мы от него больше не слышали. Вроде бы оплачивает помесячно тариф и крутит рекламу дальше.

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

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

Итого: если вы обладает лишним свободным временем, разбираетесь в структуре продающего лендинга или сайта-визитки или просто готовы рискнуть, а также готовы выложить за тариф n-ную сумму — можете попробовать свои силы. В наличии есть готовые шаблоны, которые можно переработать под себя. Также вариант неплох для тех, кто делает лендинг сам под кратковременную рекламную кампанию, и кому некритична дальнейшая поддержка (т.к. в дальнейшем будет проще выбросить и сделать новое).

Тариф Business

Пережив веселое приключение с тарифом Personal, мы решили все-таки списать все на постулат «Дешевое хорошим не бывает» и пошли тестировать тариф Business. 1 250 рублей в месяц, 12 000 в год, 5 сайтов, по 500 страниц в каждом, 1 GB места на сервере, а также самая крутая фишка — возможность экспорта исходного кода.

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

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

Вариант вставки своего html-кода мы тоже не особо оценили, т.к. корректно отображаться он не хотел.

В сайт внесены последние правки, все привязано, экспортируем код, переносим готовые файлы на свой хостинг и… Не работает. Форма обратной связи категорически отказалась с нами сотрудничать. Час чтения манулов, прописывания строчек с чем надо и где надо — вуаля, мы справились! Правда, радость была преждевременной. Форма обратной связи функционировала через Tilda.

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

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

Тут даже вывод делать не хочется. В голове витает только одна фраза: «А что это вообще было?» Зачем афишировать экспорт кода, если данный экспорт не работает отдельно от учетки Tilda? Почему уже выгруженный сайт должен остаться без формы обратной связи при неоплате тарифа как минимум Personal? Тысяча вопросов и ни одного ответа.

Учитывая стоимость тарифа в год (минимум 12 000 при оплате за год вперед или 15 000 помесячно), проще заказать сайт из выбранного шаблона html с привязкой всего нужного, над которым потом не нужно будет плакать каждый месяц. Особенно мило смотрится на фоне всего этого фраза с сайта Tilda: «Вы получите сайт, который будет открываться с вашего сервера и не будет зависим от Тильды.». Мягко говоря, это введение в заблуждение.

Итого: тариф будет полезен тем, кто имеет сразу несколько сайтов в виде блогов, в которые оперативно грузит новые статьи. Все-таки Tilda неплохо индексируется поисковиками. Для одиночного лендинга этот тариф бесполезен, т.к. имеет такие же функции, что и тариф Personal, со всеми вытекающими проблемами.

Для размышления

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

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

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

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

Если же говорить о создании чего-то серьезнее лонгрида из урезанного числа блоков (например, создание лендинга с оригинальным дизайном, магазина и пр.), то здесь ответ будет скорее отрицательным. Одно дело — создание лендинга или сайта-визитки под определенное мероприятие.

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

Из критических минусов Tilda можно назвать приличную стоимость в пересчете на год содержания сайта (которая увеличится, если вносить оплату помесячно) и технические ограничения блоков. Нет смысла тратить время на изучение платформы и платить деньги за тариф, если можно сделать тоже самое на основе хотя бы WordPress, число шаблонов под который сегодня не поддается подсчету. Вариант WP мы бы порекомендовали тем клиентам, которые по каким-то причинам не могут заказать создание обычного сайта.

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

P.S.: кстати, для кого статья оказалось длинной — есть совсем краткий обзор Tilda.

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

Источник: lunam.ru

Как сделать сайт на Тильде в 2021-2022 году: пошаговая инструкция

Сайты

Автор Марюс Салангинас На чтение 8 мин. Просмотров 9.7k. Опубликовано 7 июня, 2021

Заходите в мой
Telegram-канал

В этом материале я подробно расскажу о том, как создать сайт на конструкторе Tilda и приведу несколько примеров.

Что такое Тильда

Tilda – это конструктор сайтов появившийся в 2014 году. Его основное преимущество – это возможность создания красивых и продающих сайтов без навыков программирования.

Кому подойдет сайт на Тильде

Сайт на Тильде отлично подходит для небольших бизнесов, если вам достаточно 1-10 страниц на сайте.

Сайт на Tilda подойдет для:

Одного товара или услуги

Нескольких товаров (до 100) или услуг (до 10)

Инфопродуктов

Сайт на Tilda НЕ подойдет для:

Интернет-магазина с большим ассортиментом (более 100-200 товаров)

Тарифы в Тильде

Бесплатный тариф

На Тильде есть бесплатный тариф, однако он сильно ограничен. Вот лимиты и ограничения бесплатного тарифа:

• Максимальное количество проектов (сайтов) — 1;
• Максимальное количество страниц — 50;
• Объем загруженных файлов — 50 МБ;
• Нельзя подключить свой домен;
• Нельзя подключить счетчики аналитики: Яндекс.Метрика и Google Analytics;
• Доступны не все блоки;
• Недоступен личный кабинет;
• Нельзя установить Favicon;
• Нельзя выбрать страницу 404;
• Нельзя отключить Platform Label (блок с надписью “Made on Tilda” внизу сайта);
• Нельзя настроить отправку форм на необходимые источники (email, telegram и т.п.).

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

Платные тарифы

Среди платных тарифов есть 2 основных:

• Tilda Personal – доступ ко всем возможностям Тильды для 1-го сайта;
• Tilda Business – доступ ко всем возможностям Тильды для 5-ти сайтов.

Если вы планируете создать только 1 сайт, то выбирайте первый вариант. Если сайтов будет несколько, то второй. А если вы хотите создать более 5-ти сайтов, то такая возможность тоже есть, в виде тарифа Business на разное количество сайтов.

Создание сайта на Тильде

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

Регистрация на Тильде

Переходим на главную страницу конструктора и кликаем на “Создать сайт бесплатно” или “Регистрация”.

Кстати!

Я оказываю услуги по интернет-маркетингу.

Если интересно – кликайте по нужной кнопке снизу. Или пишите напрямую в мессенджеры.

WhatsApp

Telegram

• Имя – указываем свое имя;
• Email – указываем рабочий email-адрес, т.к. в дальнейшем возможны операции через почту;
• Пароль – указываем пароль длинной не менее 5 символов.

После регистрации открывается окно, где нам предлагают ввести название сайта. Это название сохраняется только в “админке” Тильды и будет видно только вам.

Поздравляю! Вы зарегистрировались на Тильде и создали первый проект (сайт).

Подключение тарифа Personal (бесплатно)

Переходим в наш созданный сайт.

Внизу страницы кликаем на кнопку “Тарифы и оплата”.

На открывшейся странице кликаем на кнопку “Активировать”.

Теперь у вас подключен тариф Personal, вам доступны все функции Тильды на 2 недели бесплатно.

Структура будущего лендинга

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

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

Теперь приступим к созданию сайта непосредственно в Тильде.

Вы можете изменять структуру в зависимости от ваших бизнес-задач.

Оформление посадочной страницы (Landing page)

Переходим в раздел “Мои сайты” и кликаем на кнопку “+ Создать новую страницу”.

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

В нашем примере создадим пустую страницу.

После создания страницы кликаем на кнопку “Все блоки”.

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

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

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

Варианты первых экранов располагаются в подменю “Обложка”.

Классический первый экран обычно содержит следующие элементы:

Вы можете выбрать любой понравившийся блок. В своем примере я буду использовать CR43.

После добавления блока переходим к его редактированию, для этого наводим курсор на блок и в левом верхнем углу кликаем на кнопку “Контент”.

Мы перейдем к настройкам. У каждого блока они индивидуальны, но все интуитивно понятны. Для первого экрана основные настройки это изображение, заголовок и кнопка. Заполняем все данные и кликаем на “Сохранить и закрыть”.

В результате получился такой первый экран сайта.

Создание второго экрана (блок: акция)

Заходим во “Все блоки” и выбираем подходящий для второго экрана, в моем случае это будет акция, для которой я использую блок BF302.

Аналогично первому экрану заполняем всю информацию в меню “Контент” блока.

В итоге у меня получился следующий блок.

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

Это потому, что я изменил её внешний вид в настройках блока, делается это тут.

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

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

Создание третьего экрана (блок: вопрос-ответ)

Переходим во “Все блоки”, раздел “Текстовый блок”. Немного пролистываем вниз и выбираем любой понравившийся вам блок. В своем примере я буду использовать блок TX16N.

После выбора блока переходим в меню “Контент”, для создания наших вопросов и ответов.

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

Создание четвертого экрана (блок: лицензии, сертификаты)

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

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

По итогу размещенные сертификаты могут выглядеть следующим образом.

Дополнительно я добавил блок TL02 (заголовок).

Создание пятого экрана (блок: как мы работаем)

Для этого экрана лучше всего подойдут блоки из раздела “Этапы”. Можете выбрать любой понравившийся блок. Лично я буду использовать HW303.

После выбора блока переходим в “Контент” и редактируем название карточки, описание и изображение для всех карточек. В итоге у меня получился следующий блок.

Создание шестого экрана (блок: отзывы)

Для отзыWow у Тильды есть отдельный раздел с блоками, который так и называется “Отзывы”.

Выбирайте любой понравившийся блок и добавляйте ваши отзывы.

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

Создание седьмого экрана (блок: о компании)

Для добавления информации о компании можно использовать блоки из раздела “О проекте”, любой на ваш вкус. Я использую блок AB902.

Я добавил заголовок “О компании”, небольшое описание и тематическое изображение.

Создание восьмого экрана (блок: соцсети)

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

Для размещения ссылок на соцсети в виде иконок подойдет блок SN101.

Размещенные ссылки будут выглядеть следующим образом.

Создание девятого экрана (блок: карта и адрес)

Для этого экрана подойдут блоки из раздела “Контакты”.

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

Чтобы добавить карту на сайт, необходимо получить ключ для JavaScript API. В Тильде есть подробная инструкция, при добавлении карты вы её обязательно увидите.

Создание десятого экрана (блок: призыв и форма)

Для последнего экрана предлагаю использовать блоки из раздела “Форма и кнопка”.

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

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

Итоги

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

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

Если вам нужен сайт на Тильде “под ключ”, то можете обратиться ко мне напрямую:

WhatsApp / Telegram

Проконсультирую вас и вместе подберем оптимальный вариант сайта!

Интернет-маркетолог с опытом более 2-х лет. Сертифицированный специалист по контекстной рекламе, веб-аналитике, таргетированной рекламе.

Источник: smlmarketing.ru

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

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

Давайте рассмотрим этот конструктор подробно и объясним, почему он подходит далеко не всем.

На халяву и сайт на конструкторе сладкий

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

Можно ли обойтись без него? В принципе, да, но тогда адрес вашего сайта будет выглядеть как-то так:

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

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

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

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

Что у Тильды с дизайном?

Можно всей душой ненавидеть конструкторы, но в одном они точно хороши. У большинства из них классные редакторы. В WYSIWYG-редакторе Тильды почти 500 (снимаем шляпу) шаблонов, с помощью которых можно сделать стильные и привлекательные страницы сайтов. Чтобы пользователь не потерялся в таком ассортименте шаблонов, их разделили по категориям. Мы бы посоветовали ребятам добавить сортировку еще и по сферам деятельности их пользователей (типа интернет-магазин одежды, ветклиника, салон красоты), потому что так еще удобнее, но. мы не будем.

То, что шаблонов много, радует. А вот то, что они в большинстве своем однотипные и одностраничные (что, простите?) – не очень. Не покидает ощущение, что дизайнеры просто исчерпались и задолбались, пока клепали полтысячи шаблонов. Надеемся, когда-нибудь они отдохнут и станут оригинальнее. А пользователи смогут делать уникальный дизайн на Тильде, минусы у которого напрочь будут отсутстWowать.

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

Для тех, у кого нет проблем со вкусом, но есть свободное время и море креатива, создано порядка 140 блоков. С их помощью можно собрать сайт, визуально отличающихся от собратьев, рожденных в . Но чтобы сделать ресурс с авторским дизайном, блоков будет недостаточно. Понадобится Zero Block – занятный редактор, лезть в который стоит только если руки у тебя растут из правильного места. В этом редакторе можно менять все детали страниц: размер, расположение, прозрачность и еще несколько десятков параметров кнопок, текста и изображений.

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

И все-таки плюшку мы считаем крутой, вот только реально пригодится она от силы 10% пользователей. К слову, если вы все-таки решите отдать оформление сайта, состряпанного на конструкторе, дизайнеру, снова всплывет вопрос о деньгах. Хороший специалист попросит приличный гонорар, а связываться с плохим даже не стоит.

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

Аналитика нужна, аналитика важна

Крутой дизайн – это здорово, но если на сайте нет возможности получить статистику посещений, переходов и прочей активности, в топку его без жалости. На ресурсах, созданных в конструкторе Тильда такая возможность есть. Радует, что к ним можно не только прикрутить счетчики Яндекса и Google, но и подключить встроенную систему аналитики. Ее еще и настроить можно, представляете?

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

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

Выявляя плюсы и минусы Тильды, нельзя обойти стороной такую фишку как пиксели соцсетей («ВКонтакте», Facebook (признана экстремистской организацией, деятельность которой запрещена в Российской Федерации) и Mail.ru). Здесь они есть (внизу страницы «Аналитика и статистика») и это круто. Почему?

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

Сделал сайт – берись за SEO

Чаще всего во время разработки сайта его владелец не думает о продвижении. В его голове крутится что-то типа: «Главное – сделать ресурс, а уж потом будем разбираться с SEO и прочей ерундой». И вот когда появляется возможность вложиться в продвижение, сайт оказывается под него не заточен. Чаще всего это касается самописных ресурсов, но иногда с SEO не дружат и сайты, собранные на конструкторах.

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

Еще на этапе создания сайта можно бесплатно получить SSL-сертификат и настроить протокол HTTPS, выставить редиректы и даже фавиконки, прописать ЧПУ и метатеги. Файлы sitemap.xml и robots.txt, без которых ресурсу не жить, конструктор создает сам. Согласитесь, приятные преимущества сайта на Тильде.

Когда последние правки в сайт будут внесены и он получит законченный вид, можно воспользоваться бесплатным сервисом Google Search Console. Этот сервис предназначен для управления процессом показа сайта в поисковой выдаче. Подключив Google Search Console, вы сможете понять, как ресурс выглядит глазами бота Google, и что сделать, чтобы он был еще привлекательнее.

Для просмотра отображения сайта в выдаче Яндекса есть Вебмастер. Подключить его можно прямо в конструкторе. Заморачиваться с настройкой внутреннего поиска по сайту не придется. Достаточно поставить галочку напротив «Разрешить внутренний поиск по сайту», как он подключится автоматически. Удобно, тысяча чертей!

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

В интернет-магазине два дурака…

Если и делать что-то на Тильде, так это интернет-магазин. Он, конечно, получится простенький: функционал разнообразием не порадует, да и в категориях сильно не развернешься. Но работать будет. Для этого в Тильде созданы все условия. И протокол HTTPS, и простое подключение 17 (поражаете, ребята) способов оплаты, и настройка оформления доставки.

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

Работать с модулем удобно и потому, что в нем легко добавлять и удалять товары, прописывать их свойства (например, цвета и размеры), количество и цены. Если товаров много, их можно выгрузить скопом. И на этом возможности и преимущества Тильды для интернет-магазинов не заканчиваются.

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

Если захотите подключить к своему интернет-магазину CRM, сможете выбрать одну из семи: Tilda (откуда ноги растут вы, думаем, понимаете), Amo, Bitrix24, MegaPlan, Pipedrive, HubSpot, Zoho. Не успели мы толком порадоваться, как натолкнулись на минус Тильды, бросающийся в глаза каждому профессионалу. Она не интегрируется с 1C как Bitrix. Что для интернет-магазинов с большим ассортиментом очень и очень плохо.

Горбатый сайт маркетинг исправит

Мы вряд ли кого-то удивим, если скажем, что вас рано или поздно придется вносить изменения в свой сайт. Может вы захотите расширить ассортимент, может доработать дизайн, может увеличить конверсии. Чтобы понять, стоит ли тратить на это деньги, придется провести сплит-тестирования (их еще называют A/B-тестированиями). И тут выяснится, что такой возможности в сайте на Тильде нет.

Придется привлекать сторонние сервисы, например Google Optimize. Справочный центр рассказывает, как проводить A/B-тестирования с его помощью. Заморочек немало, внутренний сервис, конечно, был бы удобнее.

Анализируя плюсы-минусы Тильды, нельзя забыть про интеграцию сайта с сервисами рассылки. На конец апреля 2020 года конструктор предлагает взаимодействие с 7 сервисами, двумя из которых активно пользуемся мы и многие наши клиенты. Подключение сервисов происходит с минимумом усилий. Все, что понадобится – пароль и логин от сервиса рассылки.

Программиста в мешке не утаишь

В список «Возможности и преимущества Тильды» можно включить и допустимость правки HTML-кода. Но тут как всегда есть одно но. Вносить изменения и добавления можно только с помощью стороннего сервиса Webhook. Иначе сайт на конструкторе в код не пустит. Правильно, в код только после свадьбы) И еще одна ложечка дегтя – сервисов, помогающих усовершенстWowать HTML-код полно, вот только за большинство из них придется платить.

Для ускорения загрузки страниц в сайтах на Тильде по умолчанию включена функция Lazy Load. Благодаря ей изображения, присутствующие на странице, загружаются только тогда, когда попадают в поле зрения пользователя. Если картинка расположена внизу страницы, а посетитель сайта, так и не добрался до нее, прогружаться она не будет. Мелочь, а загрузку оптимизирует.

К преимуществам сайта на Тильде мы отнесли и возможность его переноса на другой сервер. Делается это посредством копирования исходного кода. После переезда у владельца сайта остается статичный HTML (т.е. только верстка), которую необходимо привязать к какой-то CMS. С сервисами, формами, корзиной, модулем «Каталог товаров», «Потоками» и шрифтами, прописанными партнерами Тильды, придется попрощаться. Обидно, досадно, но так ребята пытаются удержать подписчиков.

Кстати, о формах. Для сбора данных о пользователях на страницах сайта можно разместить разные виды этого элемента. Чтобы информация поступала на почту, email-формы. Чтобы сразу попадала в Google-таблицы – Google Sheets. Ну а для мобильных бизнесменов есть вариант подачи данных в Telegram.

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

И что в итоге?

• дорогие тарифы
• на бесплатном тарифе невозможно подключить домен
• все шаблоны одностраничные, что удобно только для лендингов
• блог здесь слепить можно, но пользоваться им будет неудобно
• для проведения A/B-тестирования нужен сторонний сервис
• не интегрируется с 1C
• при переносе сайта на другой сервис вы теряете больше половины элементов
• не масштабируется

• функциональный редактор, отличная анимация и очень много шаблонов
• в редакторе Zero Block можно сделать авторский дизайн высокого качества (но только если у вас есть навыки)
• к сайту подключаются Google.Аналитике и Яндекс.Метрике. А еще здесь есть свой сервис аналитики
• прикрутить к сайту можно и пиксели соцсетей
• готовый сайт дружественен к SEO
• конструктор идеален для создания небольшого интернет-магазина, лендинга или скромного корпоративного сайта
• материалы в справочном центре полезные, почитать стоит не только новичкам
• интегрируется с сервисами рассылки и сторонними CRM
• есть встроенная CRM. Простая и удобная

Плюсы и минусы Тильды нам хорошо знакомы, поэтому мы рекомендуем делать сайты на этом конструкторе, если вам нужен:

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

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

Источник: www.yalstudio.ru