Внимание: Во избежание отключения вас от франшизы, вносите оплату по роялти строго до 1 числа оплачиваемого месяца и указывайте свои данные корректно.
i
Внимание! Данный раздел в разработке
Close
Лайвхак: Благодаря Тильде, вы можете делать до 95% лендингов абсолютно без привлечения программистов. Это экономит деньги на их оплату и минимизирует риски по срыву сроков. Так как вы полностью будете контролировать процесс программной части реализации сайта. Вам будет нужен только дизайн проект.
Видео 1: Какие сайты можно сделать на тильде
Какие сайты можно сделать на тильде
Тильда отлично подходит для сайтов, где нет больших требований к функционалу. Идеальный вариант – лендинги. В большинстве случаев, заказчикам будет достаточно именно того функционала, который есть у тильды. 

Единственное, что будет сложно реализовать – это сложный интернет-магазин с большим кол-вом товаров и системой учета, но такие заказы стоят в разработке от 150 000₽ и это немного не наш случай.

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

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

Наш сайт агентства реализован на тильде.
Видео 2: Регистрация профиля клиента, тарифы и оплата.
Регистрация профиля клиента, тарифы и оплата.
Тут >> https://tilda.cc/ru/pricing-compare можно изучить тарифы тильды

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

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

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

Ссылка на наше общее меню https://a-store.su/

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

Регистрировать профиль Тильды лучше сразу на заказчика и просить с него деньги на оплату изначально за 1-ый месяц (750 руб), а потом он сам сможет оплатить на год. Это нужно, чтобы не навязывать клиенту покупку Тильды. Он сам после сдачи проекта, когда потыкается и научится что-то редактировать в своем проекте и поймет удобство, то с радостью оплатит годовой тариф, или будет платить ежемесячно.
Видео 3: Функционал и возможности
Функционал и возможности
Основное преимущество – отсутсвие необходимости в программистах. В один момент вы поймете, насколько они посредственно работают, срывают сроки, пропадают, делают горы ошибок и т.д. В этот момент вы и полюбите Тильду, потому что нужна общаться с программистами отпадет в 95% случаев.

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

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

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

Полная инструкция от тильды – https://help-ru.tilda.ws/customdomain
Видео 5.1: Зеро блок (знакомство с интерфейсом)
Зеро блок в Тильде
Суть зеро блока в том, что он сделан для маркетологов и дизайнеров. Основная его роль в том чтобы с нуля делать верстку сайта из ваших элементов (текст, картинка, шейп-фигура, форма и т.д.)

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

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

У зеро блока адоптация есть в 5 вариантах (моб 2 шт, планшет 2 шт и пк). Сверху, по центру, их можно переключать. Логика такая же, как и у бутстрапа. В Пк версии 12 колонок, в моб версии 4 колонки и контент с 5 по 12 колонку просто нужно перемещать вниз под 1-4.

При адаптации, если у Пк элементов был эффект, то в моб версии его нужно просто включить кнопкой Switch On. По умолчанию он будет выключен.
Видео 7: Готовые блоки
Готовые блоки
У тильды есть множество готовых блоков. Раньше были только они (зеро не было). У готовых блоков есть очень много разных настроек. 

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

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

Я рекомендую вам поизучать все блоки, которые есть у тильды, чтобы потом в общение с заказчиками с ходу говорить где и какой функционал можно сделать, а какой нельзя. Например, у тильды есть блок с таймером, но вам нужно его "потыкать" и понять его логику работы. 
Видео 8: Регистрация пользователей
Личный кабинет пользователей
Иногда бывает, что нужно показать контент только определенным клиентам. Например, вы сделали презентацию и хотите ее показать только тем кто введет свой номер телефона и почту (оставит заявку), либо вы вообще решали сделать целый онлайн курс, наподобие нашего. 

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

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

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

В этот раздел вы привязываете страницы из тильды и пользователь может их просматривать если у него есть доступ в этот раздел и он авторизовался.

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

Также есть функция проверки оплаты при регистрации пользователя автоматически. Как в случае с нашим кабинетом. При регистрации вы провели оплату и только после ее подтверждения тильда прислала вам на почту доступы для входа. Чтобы это работало, нужно привязать онлайн оплату и настроить прием ответов от сервиса оплат.
Видео 9: Сторонние скрипты (тильдошная)
Сторонние скрипты
Зачастую, бывает нужда в том, чтобы реализовать какую-то определенную функцию или эффект. Например чтобы ваш зеро блок шапка сайта при скролинге страницы не пропадал, но в стандартных функциях этого нет. В этом случае можно поискать готовые скрипты с инструкцией для тильды.

Есть целая команда, которая на этом специализируется, ее название Тильдошная
Вот ссылка >> https://tildoshnaya.com/

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

Сайт > настройки > формы. Тут есть варианты готовых интеграций с популярными СРМ системами и инструкции.

Если вашей СРМ в списке нет, то самый простой способ это отправка вебхука. Вам нужно нанять программиста, который сделает скрипт для приема вебхуков и передачи информации из него в нужную СРМ систему. Таким образом сайт на тильде можно связать с вашим обработчиком. Далее из вашего обработчика можно делать абсолютно любые интеграции.
Видео 11: Внутрення СРМ
СРМ от Тильды
У тильды есть собственная СРМ система и в случае, когда у заказчика своей СРМ нет и вам платить он за ее настройку не хочет, то можно просто подключить СРМ от тильды. Она бесплатная. 

Чтобы ее активировать в верхнем меню переходим в раздел СРМ и активируем. Далее можно провести различные настройки.

Все формы сайта просто нужно поставить галочку, чтобы отправлялись в Тильда СРМ. 
Видео 12: Товары на сайте и корзина
Товары на сайте и корзина
У тильды есть готовый блок корзины ST100

Он активируется ссылкой формата #order:Наушники=700
Такую ссылку вы указываете на кнопках товаров и в ней прописываете название и сумму товара.

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

Если настроена онлайн оплата в настройках сайта, то после оформления заказа, клиент переходит на страницу оплаты

Подробная инструкция по корзине >> http://help-ru.tilda.ws/online-store-payments/cart
Видео 13: Оплата на сайте (касса)
Оплата на сайте (касса)
У тильды есть готовая интеграция с несколькими платежными системами. Это достаточно удобно.

Если стоимость заказа менее 15 тыс.₽ то можно подключить Яндекс Деньги (Юманей) без ИП. Единственное, что будет нужно от заказчика, это номер кошелька. В этом способе можно настроить даже уведомление тильды от сервиса оплаты о статусе платежа. То есть, если платеж успешно проведен, то тильда об этом узнает. На это действие можно привязать, например, регистрацию в личный кабинет.

Также есть и другие кассы. Но у них нужно проходить модерацию Службы безопасности и заключать договор от Юр лица или ИП. Но в таком случае сумма платежа может быть более 15 тыс.

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

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

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

Благодаря виджетам, зачастую можно повысить конверсию сайта.
Видео 15: Эффекты
Эффекты на сайт
Эффекты – одна из самых сильных сторон Тильды. Их можно разделить условно на два вида: стандартные и индивидуально настроенные (степ бай степ)

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

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

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

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

Это очень удобно, когда в проекте много страниц. 

СКРИПТ ДЛЯ ОТОБРАЖЕНИЯ ШАПКИ ПРИ СКРОЛЕ
<script>
$(document).ready(function() {
/* Нужно заменить на ID блока выполняющего роль меню */
var id = "#rec266119298";
if ($(id).length > 0) {
var newMenu = $(id).clone().addClass("fixed unpinned").appendTo("#allrecords");

/* Если нужно скрыть меню со страницы (только появляться при скролле) укажите true */
var hideMenu = true; /* Если нужно оставить меню на своём месте — false */
if (hideMenu) {
$(id)[0].remove();
}

/* Если нужно, чтобы меню прикреплялось и в мобильной версии, то укажите true */
var needMobile = false;

if (!isMobile || (isMobile && needMobile)) {
$(window).scroll(function() {
var top = $(document).scrollTop();
/* появление меню при прокрутке через 250 пикселей */
if (top >= 250) {
newMenu.removeClass("unpinned");
newMenu.addClass("pinned");
} else {
newMenu.removeClass("pinned");
newMenu.addClass("unpinned");
}
});
} else {
newMenu.hide();
}
}
});

</script>

<style>
.fixed {
position: fixed;
top: 0;
width: 100%;
transition: transform 250ms linear;
/* время появления/исчезновения меню — 250 мс */
z-index: 99999;
}

.pinned {
transform: translateY(0%)
}

.unpinned {
transform: translateY(-100%)
}

</style>
Видео 17: Формы заявок, попапы, квизы
Формы заявок, попапы, квизы
Чтобы сайт имел функционал, вам как минимум нужно изучить как подключать формы для отправления заявок на сайте, хотя бы на почту.

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

Квизы дают возможность сделать заполнение заявки в несколько этапов. На каждом этапе вы с него можете брать ответ на нужный вам вопрос. Суть квизов мы уже разбирали ранее в обучение. В тильде все это можно реализовать с помощью встроенного функционала
Видео 18: Уведомления и действия на формы
Уведомления и действия на формы
После того как клиент заполнил форму на сайте, вы можете настроить разные действия (отправить уведомление на почту, передать заявку в СРМ, перенаправить клиента на какой-то сайт, зарегистрировать его в личный кабинет и т.д. 

Настраивается это в настройках сайта > в разделе формы
Вам понравился этот урок?
Да!
Нет!
Если у вас остались вопросы по обучению, задайте их в WhatsApp +7 (499) 404-15-19
© 2021 A-Store.su. Все права защищены. Полное или частичное копирование материалов сайта без согласования запрещено.
Click to order
Total: 
За какой месяц оплата?
Ваше ФИО
Email
Номер телефона
Made on
Tilda