Интернет-магазин на Тильде. Функционал в 2023 году

Привет! В последнее время выросло количество локальных брендов по всей России. И у любого предпринимателя рано или поздно возникает вопрос: как и на чем создать интернет-магазин? Поэтому в сегодняшней статье мы расскажем о возможностях платформы-конструктора Тильда на примере реализованного интернет-магазина.

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

Но не стоит пугаться раньше времени. Тильда – неплохой инструмент для небольших интернет-магазинов. С помощью нее вы можете создать магазин и подключить платежную систему, доставку, интегрировать другие популярные сервисы. Например, автоматическую рассылку или онлайн-запись. Из основных ограничений магазина: количество товаров и страниц. Максимальное количество товаров в каталоге – 5000 (если у одного товара есть несколько вариантов, например варианты расцветки, то их все можно реализовать в одной карточке товара). Максимальное количество страниц на один проект – 500 (на случай, если вы планируете создавать отдельную страницу для каждого товара). А также, в Тильде пока нет классического личного кабинета для интернет-магазина, где можно было бы отследить историю заказов, повторить заказ и т.д.

Мы разберем основные возможности интернет-магазина на Тильде, используя конкретный пример нашего проекта для бренда текстиля и предметов интерьера «ZAMI HOME».

В Тильде у каталога минимально необходимый функционал, но этого вполне достаточно для, повторимся, небольшого проекта. Нет необходимости, например у бренда одежды разворачивать огромный интернет-магазин (если до этого он продавал только на маркетплейсах и в соц. сети). Товары в каталоге добавляются и удобно редактируются в отдельной вкладке (на случай, если владельцу бизнеса нужно самому быстро внести изменения в информацию о товаре). Еще можно вводить количество оставшихся товаров (чтобы не продать то, чего в реальности нет), задать варианты товаров, цену, скидки, изображение, опции покупки. Каталог на сайте можно показывать с фильтрами (по заданным разделам и фильтрам). Товары можно сортировать по цене или названию и искать по каталогу. Также возможна интеграция с системами учёта 1С или Мой Склад. Это позволяет автоматически фиксировать складские остатки, цены, заказы. Синхронизация проходит через CommerceML. Импорт и выгрузка товаров поддерживает YML и CVS-файлы.

Фильтры каталога в Тильде можно расположить сбоку (как на маркетплейсах) или в одну линию. Например, в Zami Home мы сделали каталог отдельной страницей и расположили список категорий в одну строчку. Таким образом, фильтры не занимают место слева от карточек и визуально умещаются в формате одного экрана. Опять таки, помним про то, что продает контент. Поэтому горизонтальные фильтры сверху позволяют нам сделать фотографии товаров крупнее. В карточках можно оставлять ту информацию, которую вы хотите осветить. Например, название товара, цену, регулятор количества, товары в наличии и кнопку. В Zami Home, чтобы не перегрузить карточки в каталоге, мы добавили только название товара и цену. Это самая необходимая информация на первом этапе, подробнее клиент может узнать о товаре уже при клике на саму карточку.

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

Не так давно в Тильде появилась новая фишка, которую мы также применили в Zami Home. Карточка товара в формате pop-up окна позволяет скроллить фотографии товара, при том, что вся информация фиксируется в правой части. Это дает возможность сделать крупные фото и просматривать их с эффектом ненавязчивой анимации. По классике, на сайте используется единое меню для всех страниц. Но если вам необходимо сделать отдельное меню, допустим, для карточек товаров, то это также можно сделать в настройках каталога в панели управления. Например, в Zami Home, чтобы наше меню не мешало просмотру товара, мы сделали отдельное меню для карточек товаров. На нем только самое необходимое: лого, поиск, избранное, корзина и кнопка «назад» (которую мы тоже добавили за счет кода).

На любом онлайн-магазине необходимо добавлять поиск и возможность добавлять товары в избранное. В Тильде иконки поиска и избранного в стандартном меню появилась недавно. Но мы все ещё прибегаем к кастомным вариантам, работая с кодом, потому что функционал этих блоков пока скуден. Например, в Zami Home мы убрали фон у иконки избранного в карточке. Сами иконки поиска и избранного нам пришлось делать также, используя код, так как стандартное меню нам не подходило ни функционально, ни визуально. Плюс, в стандартном блоке нельзя работать с анимацией иконок. Конечно, в будущем хотелось бы получить больше возможностей настройки popup-ов и виджетов. Но несмотря на это, мы всегда стараемся сделать стандартные элементы так, чтобы они не выбивались из стилистики всего сайта.

Сразу скажем, корзина в Тильде есть. В стандартном варианте корзина работает в качестве pop-up окна. Часто,при добавлении товара, она имеет привычку внезапно выскакивать и надоедать клиенту (если не убрать настройку автоматического открытия). Но и этот момент можно обойти при помощи кода. В Zami Home мы реализовали корзину на отдельной странице. Это удобнее и привычнее для клиента. У него всегда будет возможность открыть корзину, посмотреть товары, изменить количество или удалить товары вовсе. На странице корзины располагается форма для оформления заказа. Мы постарались минимизировать количество полей до самых необходимых, так как это увеличивает шанс покупки. Опять же, все должно быть легко и удобно. Повторимся, на подобной странице корзины пока нельзя отслеживать историю заказов, дублировать заказы или копить баллы.

Но при этом, в форме заказа есть возможность ввести промокод для скидки и выбрать способ оплаты. С Тильдой интегрированы многие платежные системы, например, самые популярные: Cloudpayments, Robokassa, PayPal, ЮMoney, ЮKassa, Альфа Банк, Сбербанк, Тинькофф Банк, LiqPay, bePaid, 2Checkout, PayAnyWay, Stripe и другие. Каждый владелец бизнеса может выбрать удобный для себя, учитывая условия банка и возможность работы сервиса в других странах. Не так давно на Тильде появилась возможность добавления сложных вариантов доставки, но пока ещё в стадии бета-тестирования.

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

У Тильды есть своя бесплатная CRM для небольших брендов и частных компаний, которым подходит базовый функционал. Можно пользоваться встроенной аналитикой Тильды, что вполне хватает на первых парах. В Zami Home мы добавили лист с названием «заказы», где отображается вся сводная информация за последний месяц: сумма заказов, их общее количество, средний чек (медианное значение), конверсия (отношение количества заказов к количеству сессий), статистика по устройствам (соотношение десктопных и мобильных посещений) и процент повторных заказов. Ниже находятся графики количества заказов и сумм заказов по дням или месяцам. Топ заказанных товаров, топ по количеству просмотров. Эффективность каналов по выручке и топ городов. Возможность проводить ABC и XYZ-анализы товаров с отчётными таблицами. Но если нужно что-то посерьёзнее, то Тильда предоставляет возможность подключения порядка 24 сторонних сервиса.

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

___________________________________________________________________________________

Подробнее о нас можно узнать на сайте: THE12.studio.

А ещё мы ведём полезный Телеграм-канал: THE12studio