Как создать сайт онлайн-каталог: что такое онлайн-каталог, инструкция по созданию онлайн-каталога

Сайт-каталог – платформа, оформленная как витрина: на ней представлены товары или услуги, которые предлагает компания. Демонстрация позволяет отказаться от печатных брошюр и постоянного обновления цен, для ознакомления с ассортиментом клиенту достаточно перейти по ссылке или отсканировать QR-код. Витрины выполняют информирующую функцию, содержат формы обратной связи, после заполнения последних с потребителем связывается менеджер для формирования заказа. Рассказываем, как создать сайт-каталог, а также разбираем отличия от интернет-магазина и виды бизнеса, которым такой портал просто необходим.

Что такое сайт-каталог

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

• строгая каталогизация по моделям, видам продукции, назначению и другим параметрам;
• наличие сортировки, например, по маркам, ценам, цвету и прочим индивидуальным свойствам;
• поиск с привлечением фильтров, сортировки и текстовых запросов;
• инструменты для сравнения товаров: в режиме онлайн пользователь выбирает несколько позиций, после чего исследует их параметры с привлечением специального виджета. Актуально для компаний, которые имеют ассортимент с продукцией, отличающейся схожестью и обилием характеристик – это бытовая и компьютерная техника, смартфоны, косметика, аналогичные ниши;
• наличие подборок и рекомендаций, направленных на выделение определенных групп: «Хиты продаж», «Новинки», «Выбор пользователей»;
• дополнительные сервисы: отзывы и оценки, онлайн-чат, калькуляторы, комментирование.

Пример каталогизации для витрины

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

Особенности сайтов-каталогов

Создание сайта-каталога стоит дешевле, чем интернет-магазина, что обусловлено минимальными потребностями в дополнительных интеграциях и контенте. Рассмотрим, что это означает:

• в каталогах товары представляют списком, альтернатива – отдельные карточки, но для них пишут короткие описания + технические характеристики, основную часть информации пользователь получает при общении с менеджером;
• приоритетны CRM-системы и другие инструменты для взаимодействия с клиентами. Каталоги не предусматривают корзину, через них не оплачивают товары, что существенно сокращает количество интеграций;
• представленные данные – ознакомительные, поэтому не придется регулярно актуализировать цены и наличие, устанавливать скидки.

Пример оформления карточки товара в каталоге

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

Для каких сфер подходят онлайн-каталоги

Предоставление услуг

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

Сбыт непростых товаров и продукции под заказ

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

Плавающие цены

Стоимость товаров или услуг может зависеть от курса валют, поставщиков и прочих факторов, изменяясь несколько раз в неделю. Даже при незначительных колебаниях в интернет-магазине придется проводить постоянные обновления. Удобнее указывать цены в формате «от 299 рублей», точное значение клиент получит от менеджера.

Оформление витрины для продукции под заказ: пользователь выбирает параметры и видит примерную цену

Оптовые компании

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

Офлайн-компании

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

Классические каталоги

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

Какие задачи можно решить с помощью сайта-каталога

Витрины в сфере офлайн и онлайн коммерции направлены на решение следующих задач:

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

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

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

Виды сайтов-каталогов

Все витрины можно разделить на две группы – под услуги и товары. Сегментация чаще всего осуществляется по нише:

• продажа товаров и услуг массового спроса, оформляются карточки, содержащие фото, краткие описания и характеристики, поддерживается добавление оценок и комментариев;
• недвижимость, здесь есть планы объектов и квартир/домов, доступных для покупки. Описываются способы заключения сделки, например, в ипотеку, рассрочку от девелопера, в счет материнского капитала. В сфере частных домов реализуются виджеты, с помощью которых клиент может выбрать, например, цвет кровли и окон, добавить/убрать окна и внести другие корректировки в готовый проект (естественно, их потом осуществляют профессиональные архитекторы);
• туризм, доступны не только описания, но и формы бронирования, сравнения цен, добавления отзывов и оценок;
• ресторанно-гостиничный бизнес, на витринах есть описания и фото, инструменты для бронирования номеров/столиков, цифровое меню или рум-туры.

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

Форма для поиска тура

Сайт-каталог и интернет-магазин — в чем разница

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

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

Как создать сайт-каталог самостоятельно

Сайт-каталог можно собрать с привлечением движка – CMS, многие распространяются бесплатно. Однако движки (за счет открытого исходного кода) не могут похвастаться безопасностью, они имеют высокий порог входа – без программиста новичку не разобраться в нюансах. Альтернатива – конструкторы, они предлагают готовые шаблоны и блоки для быстрого создания витрин и других проектов с нуля.

Инфраструктура, тарифы и возможности конструкторов

К услугам пользователей – дружелюбные визуальные редакторы, возможность вносить любые изменения, ИИ-помощники для работы с контентом. Есть готовая инфраструктура для старта – это хостинг и доменное имя, SSL-сертификат, функционал блога, интеграции для подключения сторонних сервисов. Обновлениями и техническими вопросами занимаются представители платформы. Разберем, как создать сайт-каталог товаров и услуг бесплатно в конструкторе – от идеи до настройки.

Определение концепции и целевой аудитории

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

• Какой продукт или услугу мы продаем, кому они могут быть интересны?
• Кто наш клиент – сколько лет, какой доход и образование имеет, где живет, чем увлекается?
• Где находится аудитория и из каких каналов ее можно привлечь?
• Кто является клиентами конкурента?

Аудитория может быть основной и косвенной: первая группа самостоятельно делает выбор и осуществляет покупку, вторая – влияет на принятие решения. Например, игрушки для детей: одобряют и оплачивают товар родители, но выбирают и просят – ребята разного возраста, поэтому в маркетинге учитываются потребности каждого участника. При поиске ЦА используются разные инструменты: Яндекс.Метрика (эффективна для выявления лучших каналов), опросы и конкурентный анализ, привлечение профильных сервисов, например, Яндекс.Аудиторий (ориентирован на рекламу). Потребители определяются по 4 признакам:

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

Узнав, кто клиент, нужно провести сегментацию. ЦА разнородная, поэтому маркетинг и другие кампании должны охватывать потребности каждого сегмента. Например, ведется продажа одежды: интересы и финансовые возможности девочек-подростков и женщин в возрасте 30-40 лет будут существенно различаться. Для разделения ЦА на узкие группы чаще всего применяется метод 5W Марка Шеррингтона.

Метод 5W для проведения сегментации: как это работает

Конкурентное исследование

Анализ конкурентов осуществляется не для копирования: чужой успешный опыт показывает, какие фишки работают отлично и как сделать, чтобы сайт принес ожидаемый результат. Найти компании можно по ключевым запросам в Яндекс и Google, а также через профильные сервисы. Последние помогут в автоматизации процесса исследования, пригодятся платформы Keys.so, B1.ru и аналогичные, многие доступны бесплатно.

Формирование структуры сайта

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

• реализация навигационных цепочек – хлебных крошек, с помощью которых посетители ориентируются;
• соблюдение правила трех кликов в веб-дизайне: в идеальном варианте для поиска необходимой информации гость должен сделать 3 клика;
• строгая иерархичность всех страниц;
• привлечение категорий для осуществления группировки связанного контента;
• интеграция ссылок на главную во все страницы сайта;
• сохранение логики структуры при масштабировании/уменьшении проекта.

Какие типы структур сайта существуют

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

Сборка сайта на конструкторе Крафтум с помощью шаблона

Конструктор Craftum – платформа для создания сайтов, располагающая удобным визуальным редактором, базой готовых шаблонов и блоков, а также дизайн-блоком для индивидуальных идей. Позволяет бесплатно собрать каталог, имеет 10-дневный тестовый период, разнообразие интеграций для расширения функциональности проектов. Для старта достаточно пройти регистрацию, после завершения процедуры необходимо:

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

Выбираем тип сайта

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

• фоны, иконки, тексты и изображения;
• типографику – от оттенков до загрузки собственных шрифтовых пар;
• кнопки, формы и другие конверсионные элементы;
• карточки услуг и товаров.

В графическом редакторе есть все для управления дизайном

Для примера настроим одну карточку услуги, но без привязки корзины:

• переходим в блок с услугами, открываем боковое меню настроек;
• в разделе «Контент» устанавливаем заголовок и подзаголовок для блока;
• переходим в раздел «Товары»: здесь можно добавлять и уменьшать количество позиций, давать запрет/разрешение на увеличение картинки по клику, подключать адаптацию изображений;

Настройка товаров/услуг в визуальном редакторе

• кликаем на колесико-шестеренку возле названия услуги, в открывшемся разделе пишем заголовок и подзаголовок, примерную стоимость (можно добавить старую/новую), загружаем изображение и добавляем атрибут alt для него;
• настраиваем кнопку: даем ей название, редактируем размер, разрешаем/запрещаем открытие ссылки в новом окне и передачу веса странице, на которую она ведет. Обязательно – определение типа кнопки, в нашем случае неглавная. На финише прописываем URL-адрес;

Управление параметрами кнопки, прикрепили к ней всплывающее окно

• теперь – тип ссылки. Она может быть внешней, якорной (любой блок на странице), внутренней или другой, также предусмотрено добавление в корзину и другие возможности. Например, с помощью якорной ссылки можно перенаправить пользователя в форму для сбора контактов или же внедрить всплывающее окно, предварительно элемент загружается в шаблон из базы блоков;
• на финише настраиваем параметры для отправки данных после заполнения формы: на электронную почту, в CRM, Телеграм – выбор большой.

Для получения данных следует подключить необходимые каналы

В редакторе доступно проведение SEO-оптимизации страницы, параметры оказывают влияние на продвижение: нужно задать мета-теги title и description (поисковые заголовок и описание соответственно), а также теги Н1-Н6 для формирования внутренней иерархии. Доступны загрузка файлов, которые в дальнейшем смогут скачивать посетители, и подключение статистики.

Настройка сайта-каталога

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

• устанавливаем главные страницу и домен;
• загружаем фавикон, он будет отображаться около ссылки на сайт в поисковых системах;
• создаем блог, можно обойтись без него, но инструмент позволяет получать органический трафик по информационным запросам;
• настраиваем красивое отображение в социальных сетях;
• подключаем Яндекс.Метрику и Google Analytics, они необходимы для отслеживания посещаемости сайта и каналов привлечения трафика, других ключевых показателей;

Как подключить сервисы статистики для витрины

• осуществляем общую SEO-оптимизацию;
• подключаем онлайн-оплату, если она нужна, а также набор интеграций, он зависит от задач проекта. Доступны CRM, отзывы, сервисы рассылок и многое другое.

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

Продвижение сайта-каталога и привлечение новых клиентов

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

• стандартная SEO-оптимизация, заключающаяся в использовании ключевых слов, ведении блога, наращивании внешних ссылок. Правильная оптимизация обеспечивает выход в ТОП по релевантным ключевым фразам, за счет чего на сайт будут попадать заинтересованные в товарах и услугах пользователи, которые ищут их через Яндекс;
• использование потенциала бесплатных каналов – это доски объявлений, блог-платформы, тематические сообщества. Достаточно размещать объявления, публиковать интересный аудитории контент со ссылкой на витрину. Рекомендуется сразу добавить проект на Яндекс и Google Карты (особенно при строгой локальной привязке бизнеса);

Так отображаются компании на картах в Яндекс, легко сразу перейти в их интернет-представительство

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

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

В заключение

Витрина – отличное решение для ниш, в которых нет фиксированных цен, представлены сложные товары и услуги, продукция производится под заказ. Она незаменима, когда требуется создать онлайн-представительство для поддержки наземной точки, но без интернет-продаж. Реализацию проекта лучше выполнять с помощью конструктора: здесь легко создать сайт-каталог по цене, которая существенно ниже по сравнению с агентствами или CRM. До начала сборки витрины нужно проанализировать конкурентов и целевую аудиторию, собрать семантическое ядро и определить примерную структуру. После запуска рекомендуется уделять внимание раскрутке, подключая платную рекламу, занимаясь контент-маркетингом и продвижением с привлечением других каналов, чтобы получить как можно больше целевого трафика с солидной конверсией.