Тинькофф бизнес конструктор сайтов

# Конструкторы сайтов

Знакомьтесь: конструктор для сайтов Тинькофф

Для создания сайтов доступны 150 шаблонных блоков — из их наборов вы легко создадите свои неповторимые сайты!

Навигация по статье

  • Функциональные возможности конструктора сайтов от Тинькофф
  • Дизайн и работа с шаблонами
  • Хостинг и домен
  • Продвижение и аналитика
  • Онлайн-чат с клиентами
  • Встроенная CRM-система
  • Ценовая политика
  • Пример сайта на конструкторе Tinkoff
  • Плюсы и минусы платформы
  • Заключение

Планируете сделать лэндинг для компании, но не хотите впустую вкладывать деньги даже в платные сервисы? В этом случае вам подойдет конструктор сайтов для бизнеса Tinkoff. Он предоставляется в пользование абсолютно бесплатно в комплексе с массой встроенных функций (CRM, привязка домена, онлайн-чат и т. д.). Мы подробно изучили данный сервис и ниже расскажем о всех его особенностях.

Функциональные возможности конструктора сайтов от Тинькофф

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

  • дизайнерские шаблоны;
  • адаптивность страниц для мобильных устройств;
  • SEO-оптимизацию (мета-теги, фавикон, бесплатный SSL);
  • публикацию проекта на хостинге с адресом tb.ru;
  • возможность в любой момент скачать сайт;
  • привязку собственного домена;
  • виджет c онлайн-чатом;
  • прием платежей через эквайринг Тинькофф банка;
  • встроенную CRM.

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

Дизайн и работа с шаблонами

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

Любой выбранный макет в дальнейшем можно видоизменять через редактор, добавляя блоки, меняя изображения, шрифты и т. д. К сожалению, режим drag-and-drop отсутствует в конструкторе, т. е. все объекты в шаблоне привязаны к определенной части экрана. Пользователь может лишь влиять на их вид и размер, а не свободно передвигать их по всей области макета.

При нажатии на знак «+» у визуальных границ на странице можно добавить новые блоки:

  • меню;
  • обложку;
  • формы;
  • товары и услуги;
  • вопрос-ответ и т. д.

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

Подробно процесс подготовки сайта на платформе Тинькофф показан в следующем видео.

Хостинг и домен

Все проекты, созданные в конструкторе от Tinkoff, автоматически публикуются на поддомене tb.ru. Данная услуга предоставляется бесплатно на хостинге компании на неограниченный срок. Это позволяет каждому пользователю без каких-либо вложений за несколько минут сделать и опубликовать собственный сайт.

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

Продвижение и аналитика

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

  • title;
  • description;
  • keywords.

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

Кроме того, в данном разделе пользователь может также привязать к сайту Яндекс.Метрику и Вебмастер. К сожалению, Google Analytics интегрировать не получится.

Собственный код конструктором также не поддерживается. В итоге, кроме как в сервисах Яндекса сайт нигде не будет присутствовать. Заявить о нем в Google Search Console невозможно, останется только ждать, пока поисковик сам проиндексирует проект.

Онлайн-чат с клиентами

Встроенный онлайн-чат — неплохая «фишка» для бесплатной платформы. Она включается в настройках сайта на панели управления.

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

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

Отвечать на сообщения нужно в разделе «Диалоги», находящемся в панели управления.

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

Встроенная CRM-система

CRM-система является важным элементом в управлении онлайн-бизнесом и продажами. У Тинькофф есть для этого встроенный механизм со стандартными возможностями хранения данных. Он находится в правом вертикальном меню — раздел «Клиенты и проекты».

В настройках можно менять поля у контактов и задач. Например, добавить/удалить e-mail или дату рождения и т. д.

Экспорт базы данных делать нельзя, но импорт из файлов CSV и XLSX доступен. В остальном Tinkoff.CRM особо не выделяется. Функций достаточно для небольшого бизнеса, но для компаний с крупным числом клиентов лучше поискать другие предложения.

Ценовая политика

Конструктор сайтов от Тинькофф предоставляется полностью бесплатно в рамках акции. Пока что период ее действия ограничен с 16 мая 2018 по 31 декабря 2019 года. В дальнейшем планируется ставка — 100 руб. в год, т. е. фактически сервис и в будущем не потребует вложений. Это указано в оферте и правилах акции на официальном сайте Tinkoff.

Пример сайта на конструкторе Tinkoff

Рассмотрим подробно один пример веб-проекта на платформе Тинькофф — АйМоби (smart.tb.ru). Он представляет собой лэндинг компании по ремонту техники Apple. В верхней части страницы располагается меню, позволяющее быстро перемещаться к нужным разделам сайта. Ниже сразу идет крупная форма для заявки, она концентрирует внимание посетителя и призывает к действию.

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

  • бесплатная диагностика;
  • ремонт любой сложности;
  • бережная чистка.

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

Далее идет раздел сайта с услугами и их стоимостью. Они изображены в виде различных товаров Apple и внешне напоминают интернет-магазин.

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

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

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

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

В футере находится ссылка на сервис — Тинькофф Бизнес. Ее убрать на текущий момент никак нельзя.

Плюсы и минусы платформы

Преимущества:

  • абсолютно бесплатный функционал;
  • шаблоны с современным дизайном — они отличаются не только красочным оформлением, анимационными эффектами, но и рациональным делением страницы на секции с призывами к действию, что поможет даже неопытному пользователю делать качественные продающие сайты для предпринимателей;
  • бесплатный SSL;
  • встроенная CRM;
  • адаптивность под 3 экрана (без редактирования);
  • возможность как публикации с адресом tb.ru, так и на собственном домене (бесплатно);
  • наличие SEO-настроек (мета-теги, фавикон, привязка к Яндекс.Вебмастер);
  • встроенный виджет с онлайн-чатом;
  • возможность в любой момент скачать сайт, чтобы разместить на другом хостинге;
  • прием платежей в рамках интернет-эквайринга от Тинькофф банка.

Недостатки:

  • очень мало шаблонов (18 шт.);
  • нет платных тарифов с расширенными возможностями;
  • отсутствуют интеграции с внешними сервисами (CRM, рассылки и т. д.);
  • маленькая библиотека блоков и иных элементов дизайна (около 100 шт.);
  • нет возможности интегрировать системы аналитики от Google (Search Console, Analytics), а также собственный код HTML;
  • нельзя убрать рекламную ссылку из футера.

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

Создать сайт с Тинькофф

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


Привет!
Тинькофф-журнал выпускает статьи уже 5 лет. За это время из блога на Вордпрессе он вырос в большую самодельную систему из десятков проектов и инструментов. Я в Т—Ж управляю разработкой и сегодня в общих чертах расскажу об архитектуре журнала и сервисах, на которых тот работает.
Сайт Т—Ж работает благодаря разным сервисам:

  1. Движок сайта — Меркурий.
  2. Фронтовый монорепозиторий, или просто монофронт.
  3. Соцплатформа.
  4. Урания — образовательная платформа.
  5. Фичеры — калькуляторы, тесты и прочие интерактивы.
  6. Мобильные приложения.
  7. Медиасервис.


Как устроен Т—Ж изнутри
Дальше — о том, что делает каждый из этих сервисов и как они взаимодействуют друг с другом.

Меркурий

Главное бэкэнд-приложение Т—Ж — его движок. Собственный движок нам понадобился, когда журнал в 2017 году переезжал с Вордпресса. Движок назвали Меркурием в честь древнеримского бога богатства и торговли, потому что мы же журнал про деньги. Написан на Python + Django.
Меркурий собирает страницы, которые видит читатель журнала. Часть компонентов страницы он переводит в разметку и стили из собственных джанго-шаблонов: контент статьи, страницу о журнале и поисковую выдачу. За компонентами поновее — шапкой, подвалом, профилем и прочим — он ходит в сервис-прослойку, который уже отдает разметку и стили с нашего фронта.
Меркурий сам хранит и обрабатывает авторский контент — изображения, статьи, редакционную структуру материалов и статистику опубликованного контента. Редакторам и верстальщикам он предоставляет интерфейс для управления всем этим добром — админку.
Верстальщики набирают статьи журнала в синтаксисе html. Для удобства админка еще поддерживает шорткоды — это как теги, только они разворачиваются в более сложные синтаксические конструкции с особыми стилями. Cписок сервисов из начала статьи в админке записан шорткодом .

Интерфейс, с которым работает верстальщик и иногда — редактор.

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

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

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

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

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

Витрина подборки. Статьи для нее собрал редактор.

Результаты поиска, которые собираются автоматически. Сам поиск тоже реализован в Меркурии.
В апреле 2020 года мы начали тестировать новую версию нашего движка, который мы назвали Ретроградным Меркурием. Мы полностью перебрали код, разбили его на несколько сервисов и затащили новые фичи: веб-сокеты в админке, улучшенный поиск и другие. Пишем тоже на Python, но уже с FastAPI — как и другие крупные бэкенды журнала.

Монофронт

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

  • Интерфейс регистрации и авторизации.
  • Комментарии.
  • Футер.
  • Хэдер.
  • Отображение метаинформации материалов.
  • Профиль пользователя.
  • Промобаннер.
  • Формы подписки.
  • Страницу управления подписками.
  • Образовательные курсы.

А еще в нем обрабатывается логика веб-трекинга пользовательских событий: откуда пользователь пришел на страницу журнала, что именно он на ней делает.
Как это выглядит в репозитории.
В 2020 году хотим сделать из монофронта несколько независимых приложений, вытащить простые виджеты в npm-пакеты, а сложные — в рантайм и поднять дизайн-систему. Пока сделали и развернули шаблонное фронт-приложение, готовимся переносить туда рендеринг материалов. Пишем на React, Redux и TypeScript.

Соцплатформа

В Т—Ж есть не только авторский, но и пользовательский контент. Пользователи регистрируются, комментируют статьи, подписываются, связываются с редакцией через специальные анкеты. Все это происходит благодаря соцплатформе.
Чтобы зарегистрировать или авторизовать пользователя, соцплатформа взаимодействует с АПИ соцсетей. У себя она сохраняет ценные пользовательские данные, в том числе персональные: имя, фамилию, почту.
Мы разрабатываем интерфейс редактирования данных пользователя в его профиле. Пока он не готов, мы переложили ответственность за модерацию имени и фотографии на соцсети. Отчасти этим же мы решили проблему ботов, потому что соцсети стали просить привязку к номеру телефона. Но остается проблема с тем, что система считает одного человека из разных соцсетей разными пользователями.
У авторов журнала обычно два аккаунта. Один — в Меркурии, он определяет авторство статей. Второй — в соцплатформе, чтобы отвечать на комментарии. Думаю, в будущем перейдем на один общий аккаунт, а пока только немного облегчили жизнь редакторам: когда к аккаунту автора в соцплатформе привязывают аккаунт Меркурия, оттуда автоматически подтягиваются все его статьи.

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

Урания

В 2019 году мы решили запустить собственную образовательную платформу. Сразу появились новые сущности: студент, курс, урок, экзамен. Чтобы их создавать и редактировать, разработали отдельный бэкэнд и админку — Уранию. Просто захотели продолжить тему античной мифологии. Но вообще чаще мы называем Уранию просто учебником.
Когда студент регистрируется, мы используем в качестве его идентификатора тот же аккаунт, что уже есть в соцплатформе. Сверху дописываем актуальную почту, курс, который студент проходит, и прогресс обучения. Так мы не смешиваем данные, но при этом можем просто синхронизироваться с соцплатформой. В тех же комментариях рядом используются данные из соцплатформы и учебника — например, чтобы нарисовать пользователю медальку курса, который он прошел. Эти данные удобно забирать по одному айди.
Контент самих курсов Урания пока берет из Меркурия. Курс состоит из уроков, а урок на самом деле — хитро стилизованная статья. С главными страницами курсов и со страницей всех курсов, которая скоро появится, Урания работает сама.
Главная страница курса «А как инвестировать».
Фрагмент урока о том, как выбирать брокера.
В конце каждого урока — тесты для закрепления материала. В конце курса — экзамен, тоже в формате теста.
Обычные тесты в журнале работают только на фронте, но в курсах мы проверяем ответы еще и на бэке. Учебник не только хранит вопросы, варианты ответов и правильные ответы, но и взаимодействует с тестами, потому что это отдельные приложения. Расскажу о них немного подробнее.

Фичеры

В Т—Ж выходят калькуляторы, карты, тесты, опросы и другие интерактивные материалы. Это такие отдельные фронтовые приложения. Мы разрабатываем их отдельной командой и не затаскиваем в Монофронт. Фичеры собираются в JavaScript-бандлы, а Меркурий подставляет их на страницы вместе с информацией о конфигах.
ip-calendar.js содержит всю логику интерактива, который помогает ИП вовремя сдавать отчетность. В полном адресе бандла на CDN содержится хэш. Так мы поддерживаем версионирование интерактивов.

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

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

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

Мобильные приложения

Пока приложения, которые мы делаем, находятся на стадии разработки или закрытых бета-тестирований. Но кое-что рассказать уже можно.
Во-первых, клиентские части активно используют все бэкэнды, которые уже есть в журнале: забирают контент из Меркурия, пользователей — из соцплатформы, прогресс студентов — из Урании. Во-вторых, у них появляются свои бэкэнды, которые обрабатывают особый контент приложений и разруливают пуш-уведомления.
Сами приложения пишем на React Native и TypeScript. Бэкенды — на Node.js и TypeScript.
Так выглядит урок курса об инвестициях в мобильном приложении. У приложения отдельный бэкэнд. Там мы обрабатываем контент, который есть только в приложении: аудио уроков и статьи для дополнительного чтения после курса. Этот же бэкэнд используем для пуш-уведомлений.
Это первая версия мобильного приложения журнала. Пока главная фича — подписываться на подборки. Бэкэнд этого приложения хранит и обрабатывает пользовательские настройки и тоже отвечает за пуш-уведомления.

Медиасервис

Основные медиафайлы в журнале — изображения. Медиасервис проверяет каждое изображение, перегоняет в webp и png, оптимизирует размер, обрезает под шаблоны из конфига и заливает на CDN. В ответ он получает ссылки на результат обработки — изображения разных форматов и размеров, которые получились из исходного. Остальные медиафайлы сервис просто бережно кладет на CDN.
Медиасервис особенно примечателен тем, что он использует модель serverless. Это не полноценный бэкэнд, развернутый на сервере или в облаке. Он лишь использует облачные функции Гугла и паттерн pub/sub.

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

С горем пополам (жутко неудобный интерфейс) сайт все-таки был наполнен и опубликован .

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

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

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

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

Ну да ладно, дело временное, наверное. А вот поддержка — отдельная тема.

1. Приложение Клиенты и проекты, в котором можно отслеживать заказы и чаты с сайта, отказывалось пускать меня по телефону или email. Проблема решалась дней, наверное, 5. Сначала мне сказали, что я вообще не имею доступа к данному ресурсу (хотя я писала с личного кабинета в чат :)) Потом оказалось, что в это приложение не войти по номеру телефона или мэйлу, а нужно обязательно в лк на сайте создать ЛОГИН и по нему заходить 🙂 Сотрудники связывались со мной раз 5, чтобы это в итоге понять, задавая мне одни и те же вопросы, порой очень глупые (ну, типа раскладки на клавиатуре при вводе пароля :)).

2. Уже упомянутые акции, которые хотелось поменять местами, не создавая заново. Делались они другим человеком и у меня просто не было тех же самых фоток, чтобы быстренько их загрузить, а запрашивать у человека было долго) Как вы понимаете, добавленные картинки нигде не хранятся для дальнейшего использования. Вот какой-то такой ответ про акции и картинки пришел от поддержки, но даже этих ответов мне приходилось добиваться от нескольких операторов:

Add a Comment

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