Как выбрать платформу для интернет-магазина?
Часть 1: Создаем товарный лендинг на Tilda и Flexby

Большой обзор конструкторов для товарных лендингов, сравнение Tilda и Flexby, структура товарного лендинга. Большой обзор с Gif-ками и картинками. В конце статьи полезный чек-лист.
Содержание статьи:
1. Когда нужно делать лендинг, а когда большой магазин?
2. Обзор сервиса Флексби (flexbe.ru)
3. Обзор сервиса Тильда (tilda.cc)
4. Необходимый функционал, какие конструкторы не рассматриваем и почему?
Лендинг или сайт?
Прежде чем выбирать платформу для магазина, вы должны узнать плюсы и минусы каждого формата. В таблице нижу рассмотрю сравнение товарного лендинга,
который мы собираем сами и разработки большого магазина например на bitrix`е
Я не учитываю мнение о конструкторах больших магазинов, об этом расскажу
во второй части статьи.
Товарный лендинг
Интернет-магазин
Большая товарная матрица
Не более 50-80 товаров
на 1 лендинг
Поддержка каталога XML
Конверсия сайта в заявку
В среднем 3-7%
В среднем 1-3%
Быстрый запуск
3-5 дней
В среднем от 1 месяца
Затраты на разработку
Стоимость использования
конструктора и ручной труд
От 50 000 рублей
Нужно привлекать программиста?
Автоматизация
Только базовые возможности
Довольно неоднозначное сравнение, да? Расскажу о нюансах и заблуждениях, с которыми сталкиваются люди при выборе платформы.

1. Лендинг это не серьезно!

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

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

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

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

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


2. Размер и состав товарной матрицы

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

Если у вас монобрендовый товар и 50 позиций, то тоже не нужно думать — выбирайте формат лендинга.

Но что если вы где-то посередине, у вас 500-800 товаров? И тематика такая, что лучше показывать на ленде и расписывать преимущества (например одежда или косметика)

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

Сделаете 10-20 лендингов по одному шаблону, получите высокую конверсию в заявку, я знаю такие кейсы. Ну или делайте небольшой магазин.


3. Перспектива автоматизации

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

Нужно понять, а это вообще вам нужно сейчас?
Вы всегда успеете сделать себе большой красивый магазин. Но забейте на это, на старте, он должен просто РАБОТАТЬ и выглядеть НЕ отвратительно.

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

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


1. Регистрируемся в сервисе http://flexbe.com/

Тарифы приемлемые, самый дешевый 750 рублей в месяц, есть бесплатный период на 14 дней, так что пока платить ничего не нужно.

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

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

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

    • Меню (шапка, feader)
    • 1-й экран
    • Преимущества
    • Товарный каталог + карточки товаров
    • Отзывы
    • Контакты
    • Подвал (footer
    Конечно если продукт сложный, то 5 экранами не обойдешься.
    Если у вас монопродукт или небольшая линейка вы можете подробно расписать преимущества и сравнивать в А\Б тестах лендинги разной длины

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

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

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

    Если не хотите делать сами, воспользуйтесь сервисом work-zilla.com, там вам за небольшие деньги сделают эту работу, а вы сэкономите силы на более сложные задачи.

    Вот пример готового каталога
    Можно настроить всплывающие окна для карточек товара. Там же настраиваются страницы спасибо, заказать звонок и другие оповещения.
    В конструкторе есть простая встроенная CRM для приема заявок и модуль аналитики, который показывает количество посетителей и заявок за выбранный период
    Если вам недостаточно этих инструментов, вы можете подключить счетчики Яндекс Метрики и Google Analytics, интегрировать свою CRM в настройках.
    Функционал Тильды
    1. Домен

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

    2. Почта

    Здесь вы можете привязать доменную почту вида mail@vashsite.ru. Сейчас уже не нужны старые допотопные клиенты типа outlook или thunderbird, просто и бесплатно делаете ее на Яндексе или mail.ru, если вам по душе интерфейс Gmail, то придется заплатить около 600 рублей в год.

    3. Счетчики

    Встроенная однокликовая интеграция с Яндекс Метрикой и Google Analitics, так же можно добавить любой код через html, например пиксели ретаргетинга соцсетей или товарных аггрегаторов.

    4. Приложения

    Интеграции с CRM системами amoCRM или Bitrix24, подключение онлайн чатов CallBackHunter и Jivosite, рассылки писем с помощью Unisender и GetResponse

    5. Прием платежей

    Интеграции я платежными системами Тинькофф Банка, Robokassa и Яндекс.Касса + самое интересное — встроенная поддержка онлайн касс для передачи данных по 54ФЗ

    6. Вставка своего кода

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

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

    Для SEO

    SSL сертификат (https://) нужен, если вы принимаете платежи на сайте, так же влияет на SEO оптимизацию и повышает доверие пользователе, подтверждение прав на сайт от Яндекс и Google, изменение файла robots.txt

    Сайты на Флексби выходят в топ, мы проверяли.

    Прочее

    Еще можно поставить свою иконку фавикона, изменить язык сайта и валюту, разграничить доступ к аккаунту, чтобы привлеченные фрилансеры не угнали ваш сайт, настройка уведомления о новых лидах и подключение своих сервисов по API, ссылка на политику конфиденциальности и другие необходимые в интернет-хозяйстве вещи.
    Итоги
    Все необходимые нам инструменты, для того чтобы сделать презентабильный нестыдный сайт есть. Набор нужных для торговли сервисов присутствует в полном объеме, для конструктора за эти деньги очень неплохо, среднее время сборки 1-го лендинга на 50 товаров вместе со всеми интеграциями около 3-х дней.

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

    У Тильды есть бесплатный тариф, но на нем вы не сможете прикрепить свой домен и будете ограничены в блоках. Подходящий вам тариф стоит столько же сколько и Флексби — 750 рублей в месяц.

    Где то в недрах спрятана их партнерская ссылка при оплате по которой вы получите
    + 1 месяц бесплатно.

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

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

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


    Если вы чувствуете себя уверенно в мире интернет сервисов, советую рассмотреть для каталога сервисы онлайн-витрин:

    1. Merchium — совместная разработка Яндекса и CS Cart, ежемесячная оплата от 790 до 2980

    2. Ecwid сервис онлайн-витрина от 790 до 4500 рублей / месяц

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


    Дальше после того как вы собрали нужные блоки и загрузили каталог можно перейти к настройкам сайта.
    Настройки
    Настройки сайта около названия сайта
    Страница настроек
    Функционал Тильды
    Главное - название и описание сайта для SEO

    Шрифты и цвета - настройка шрифтовых пар, цвета шрифтов, цвета ссылок

    Главная страница - выбор какая страница будет открываться по доменному имени

    Домен - подключение своего домена

    Аналитика & SEO - подключение счетчиков Яндекс Метрики и Google Analitics, так же можно добавить любой код через html, например пиксели ретаргетинга соцсетей или товарных аггрегаторов.

    Экспорт - можно выгрузить код и разместить на своем хостинге, но тогда нужен собственный скрипт для форм
    Формы - куда отправляются заявки (нажмите на +)
    E-mail
    Отправка данных с формы на вашу почту через Tilda

    Google Sheets
    Отправка данных с формы в Google Таблицу

    Google Формы
    Сохранение данных формы на Google.Drive

    MailChimp
    Добавление контактов в список рассылки Mailchimp

    Telegram
    Отправка данных с формы в Телеграм

    Slack
    Отправка данных с формы в Slack

    E-mail через SendGrid
    Отправка данных формы на вашу почту через SendGrid

    AmoCRM
    Добавление сделок в AmoCRM

    Bitrix24
    Добавление контактов в Bitrix24

    UniSender
    Добавление контактов в список рассылки

    GetResponse
    Добавление контактов в список рассылки

    MegaPlan
    Добавление контактов в MegaPlan

    Webhook
    Отправка данных с формы в свой скрипт
    Платежные системы (нажмите на +)
    После подключения вы сможете разместить кнопки оплаты на страницах сайта.

    Paypal
    Яндекс.Деньги - оплата картами
    Яндекс.Деньги - оплата с баланса телефона
    Яндекс.Деньги - оплата с баланса кошелька
    Яндекс.Касса
    Робокасса
    Stripe
    CloudPayments
    LiqPay
    Наличные
    Промокоды
    Шапка и подвал - можно задать одинаковые подвал и шапку (меню) для всех страниц, чтобы не вставлять на каждую страницу. Если будете экспортировать сайт, программисты скажут вам спасибо.

    Действия - перенести сайт на другой аккаунт или удалить

    Ограничить доступ - доступ к сайту по паролю, забанить по ip, запретить индексацию всего сайта

    Еще - фавикон, настройка 404 страницы, множество технических и SEO настроек
    Почему обзор только на 2 конструктора? (чтобы открыть нажмите на +)
    Сейчас конструкторов лендингов существует больше 20 штук, почему в обзоре только 2?
    Для наших задач они все не подходят и смысла искать что-то средненькое для полноты обзора просто нет.

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

    Мы не рассматривали Lpgenerator и ReadyMag, где сайт нужно рисовать самому, по причине, что не каждый человек может это сделать. Да, там есть шаблоны, но если вы не дизайнер слишком большая вероятность что результат получится не очень.
    Кроме того LPgenerator самый дорогой из всех (не понимаю почему), а ReadyMag на английском и больше подходит для верстки журналов и типографики.

    Мы не рассматривали LPмотор, LPплатформа LPчётотамещё, по причине того, что они это по большей части клоны Flexby или LPgeneratora. Возможно пройдет пару лет и они станут хорошими (как случилось с flexby), но пока там все очень печально.
    Итоги
    Тильда — хороший конструктор с гибкими настройками, но его основное назначение это не интернет магазины, а создание блогов, статей, лендингов.
    Корзину и функционал для торговли добавили недавно, поэтому пока нет прямой интеграции онлайн-касс (можно сделать другим способом).

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

    Если у вас нет желания изменять 500 настроек в сайте и вам надо загрузить фотографии и продавать — Флексби ваш лучший друг.
    Об авторе
    Артур Кузьмин, маркетолог, технарь
    Это очень большая тема и тяжело было охватить ее в одной статье. Если вы запутались от упоминания кучи сервисов и платформ, скачайте наш чек-лист по созданию и подготовке лендинга к продажам. Там кратко описаны все действия, которые вы должны сделать, чтобы ничего не упустить и не допустить досадных ошибок.
    Обычно отвечаем в течении 24 часов
    Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности
    Made on
    Tilda