Конструктор лендинга tokego: как собрать сайт из блоков без программиста

Чем лендинг отличается от витрины?

У магазина в tokego две ссылки, и у каждой своя работа.

• Витрина живёт по адресу tokego.ru/m/<адрес>. Это каталог с ценами, корзина и оформление заказа. На неё ведут QR-коды, NFC-метки и кнопки магазина в Telegram и MAX.
• Лендинг открывается по адресу tokego.ru/s/<адрес>, его дополнительные страницы лежат по адресу /s/<адрес>/p/<страница>. Это рассказ о деле: кто вы, что умеете, почему вам можно доверять и как с вами связаться.

Адрес tokego собирает из названия магазина транслитом, например /m/mishki-igrushki. Обе ссылки собраны в «Настройки и интеграции → Магазин → Ссылки магазина».

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

Из чего собирается страница?

Из блоков шести типов. У каждого типа в редакторе 20 готовых вариантов с живыми миниатюрами: выбираете тот, что ближе к задуманному, и правите под себя.

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

Собрать первую страницу можно так.

Как подобрать цвета и шрифты?

Кнопка «Тема и шрифты» открывает 30 готовых палитр и 58 шрифтов. У палитр понятные названия: «Небо», «Шалфей», «Графит», «Закат». Часть из них совпадает по цветам с темами витрины, так что каталог и лендинг легко держать в одной гамме.

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

Как страница выглядит на телефоне?

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

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

Откуда на странице адрес, часы и телефон?

Из профиля магазина, перепечатывать их не нужно. Под текстовыми полями редактора есть список «+ вставить из профиля магазина…»: название, описание, часы работы, адрес, телефон, доставка, зоны доставки, минимальный заказ, оплата. В текст встаёт короткая метка вроде {chasy}, а покупатель видит текущее значение. Если поле в профиле пустое, список подскажет: «не заполнено в профиле».

Данные живут в одном месте. Поменяли часы работы в «Настройки и интеграции → Магазин», и они сами поменялись на всех страницах лендинга, публиковать заново не нужно. Так же устроен элемент «контакты»: он выводит адрес, часы и телефон из профиля, а галочками вы выбираете, что показать.

Сколько страниц можно сделать?

Несколько: например, главная, «Цены» и «Как нас найти». Верхний бар и подвал у страниц общие, а название, адрес, title и description для поисковиков задаются в «Настройках страницы» для каждой отдельно. Сервер отдаёт лендинг уже собранным, поэтому поисковые роботы видят его текст.

Дополнительная страница стоит 99 ₽/мес, её можно докупить на «Старте», «Сайте» и «Бизнесе». Одна тонкость: дополнение за 200 ₽/мес, которое убирает знак tokego, действует только на витрине. На лендинге «Старта» плашка остаётся.

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

Что видят покупатели, пока вы правите?

Ничего лишнего. Правки сами сохраняются в черновик через пару секунд после последнего изменения, и покупатели их не видят. Вверху редактора написано, в каком состоянии сайт: «черновик — покупатели пока не видят», «есть неопубликованные правки» или «сайт опубликован». Ошибку можно отменить стрелкой или сочетанием Ctrl+Z.

Работать над лендингом может не только владелец. Если у вас есть администратор или менеджер (команда сотрудников доступна с тарифа «Бизнес»), отметьте ему раздел «Конструктор»: он сможет править и публиковать страницы. Свой домен сотрудник не подключит, это делает только владелец. Как устроены роли и доступы, мы разобрали в статье про сотрудников и чат команды.

Чего лендинг не умеет?

• Принимать заказы сам. Корзины, оплаты и записи на странице нет. Карточки товаров и кнопки ведут на витрину, где всё это есть.
• Показывать карту. Блок контактов выводит список из адреса, часов и телефона, а не интерактивную карту.
• Выгружаться файлом. Скачать страницу в HTML в новом конструкторе нельзя: она открывается на tokego.ru или на вашем домене.
• Писать тексты за вас. ИИ в конструкторе лендинга нет, тексты и фото вы готовите сами.

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

Как это выглядит на примере барбершопа?

Возьмём барбершоп на тарифе «Сайт»: три страницы без знака tokego и онлайн-запись на витрине. Главная страница может быть устроена так.

1. Первый экран: фото зала, одна фраза о том, чем вы отличаетесь, и кнопка «Записаться». Кнопка ведёт на витрину, где клиент выбирает услугу и время и вносит предоплату: запись в tokego подтверждается онлайн-оплатой.
2. Сцена с услугами: элемент «товары» покажет позиции из каталога, нажатие откроет их на витрине.
3. Сцена с отзывами: элемент «отзывы» сам подтягивает оценки покупателей, которые вы показали на витрине. Как их собрать, читайте в статье про отзывы.
4. Обратный звонок для тех, кто не готов записаться сразу: имя, телефон, комментарий. Заявка придёт в «Управление магазином → Заявки», в Telegram, MAX и на почту. Подробнее об этом в статье про заявки с витрины и сайта.
5. Подвал: адрес и часы работы из профиля, ссылки на соцсети.

Вторую страницу можно отдать под цены с карточками услуг, третью под контакты. А если нужен адрес вида vashe-delo.ru, подключите свой домен: главная откроет лендинг, адрес /catalog откроет витрину, а напечатанные QR-коды продолжат работать. Свой домен есть с «Бизнеса», на «Сайте» его даёт дополнение за 290 ₽/мес.

Частые вопросы