YOUPI - премиум шаблон для CS-Cart

Youpi - инновационный, премиальный шаблон для CS-Cart магазина

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

Youpi - это не просто шаблон для CS-Cart, это целый программный комплекс, который делает платформу (без того мощную) максимально эффективной в вопросах продаж, SEO, технологичности и юзабилити, информативности и отзывчивости на разных устройствах в т.ч. мобильных.

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

Общие преимущества шаблона: —

• Построен на самых последних тенденциях e-commerce конца 2017 года (учтено все: от широкого использования медиа (видео ролики можно использовать на всех типах страниц в самых неожиданных местах), до максимально эффективной системы информирования покупателя, его стимулирования сделать покупку и увеличения среднего чека)
• Разработан с участием специалистов в области продвижения и юзабилити (только планирование заняло около 3 месяцев)
• Учитывает расширенные потребности продвинутого предпринимателя за скромный бюджет (аналогичная независимая разработка подобного визуала и функционала потянет бюджет от 10 000$)
• Устанавливается очень быстро, как единый комплекс (модульная структура)
• Построен по парадигме CS-Cart разработки, шаблон является дочерним для базового Responsive template, что не ограничивает использование сторонних модулей и разработки собственных (кастомизаций)
• Обслуживается и развивается командой, которая почти 10 лет на рынке CS-Cart разработок
• Есть возможность расшириться пакетом Cross и Up sell модулей (модули, которые помогаю продавать больше)
• Есть возможность быстро расшириться SEO пакетом (от команды разработчиков шаблона)
• Суммарная стоимость включенных в поставку комплекса YOUPI модулей в несколько раз превышает его стоимость для покупателя (экономия!!!)

Главная страница —

---

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

---

Подборки товаров с удобной навигацией во вкладках (Новинки в магазине, Хиты продаж, Распродажа).

---

Подборка баннерной рекламы, как правило, это популярные категории или ссылки на якорные товары (также живые баннеры).

---

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

---

Актуальные новости, красивый вывод статей из блога.

Также возможен вывод блока с активными промо-акциями.

---

Структурированное описание вашего интернет-магазина с использованием нужных тегов, заголовков, для хорошего SEO эффекта для вашей домашней страницы (эффект аккордеона).

Подписка на рассылку и группа ссылок на ваши социальные ресурсы.

Максимально эффективная страница категории товаров —

Инфоблоки в товарной сетке - сочетание онлайн и оффлайн торговли в одном месте,
автоматизация консультативной работы

Основа шаблона - работа с инфоблоками - баннерами в товарной сетке, которые могут иметь разный размер (1х, 2х ячейки в сетке) и позиции в списке товаров (для управления разработана система визуального контроля размещения баннеров в админской части). Такие блоки управляются на уровне каждой категории и любого блока со списком товаров. Все элементы инфоблока - это управляемые через админ панель магазина поля (не “мертвые изображения”, а наборные с управляемыми текстами на баннере).

---

Вы можете создать следующие типы контента для создания инфоблока - баннера:

1. Живой баннер (произвольная ссылка) - используется конструктор баннеров.
2. Промо-акция (в баннер будет добавлен счетчик обратного отсчета до конца акции).
3. Статья блога с видео (в баннер будет добавлена иконка запуска видео).
4. Статья блога с товарами (+ видео обзора).

---

В настройках баннера можно указать способ его открытия:

1. В новой вкладке.
2. В новом окне.
3. Во всплывающем окне (если важно не уводить из каталога пользователя и показать контент).

---

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

---

Горизонтальный фильтр позволяет более эффективно использовать всю область экрана для вывода товаров и баннеров. Также есть возможность вывести в макете стандартный вариант с положением фильтров в левой колонке.

---

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

---

Удобная пагинация, современное решение перехода к следующей странице каталога по нажатию на большую кнопку, с подгрузкой контента Ajax (не перегружая страницу), но меняя пагинатор.

---

Мультиописания категорий дает возможность разместить больше информации, используя меньшее пространство. Также дает хороший СЕО эффект "легализует портянки, большие описания категорий". Улучшение поведенческого фактора - еще одна заслуга данного модуля.

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

• Одежда - вы создаете статью в блоге, в которой показываете, как выглядеть модно, вставляете видео с модного показа, делаете описание и ассоциируете товары, которые могут быть использованы для достижения такого лука (и модница на одной странице видет весь комплект, который она должна купить, чтобы так выглядеть).
• Мебель и техника - создаете успешные интерьеры тематические в статьях блога и показываете товары, которые использовались в них (каждая статья - свой набор товаров, это как бы идеи интерьеров в каталоге мебели !!!)
• Рейтинги товаров и рекомендации - в каждой категории создаете советы от экспертов по подбору товаров с показом этих товаров в списке
• Косметика и средства по уходу - создаете статью "Как я остаюсь молодой в свои 70 от Аллы Пугачевой" и прикрепляете рекомендуемые средства, которые она использует.
• Хендмейд и подобное - Статья как сделать своими руками "что то" с видео процесса - и блок товаров вам понадобятся следующие товары..

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

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

Продающая карточка товара —

---

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

---

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

---

Пакет модулей Cross- & Up-sell (разрабатывался специально под этот шаблон). Кросселл - интеллектуальный подбор аксессуаров на основе технических характеристик товаров. Апселл - комплекты товаров.

---

Расширенные комбинации товаров (красивый и адаптивный дизайн, генерация комбинаций, имеет страницу расширенного менеджмента комбинациями товаров).

---

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

Один из трендов в e-commerce этого года, "Липкий блок (фиксированный)". Eсли у товара длинное описание, при скролле, всегда перед глазами будут ключевые элементы товара (название, картиинка, цена, рейтинг, кнопки действия).

---

Полнофункциональная Видео галлерея для товара, мощнейший инструмент для мотивации клиента к покупке.

---

Блок с выводом похожих товаров, поможет клиенту с навигацией при поиске нужного товара.

Технические подробности —

Перечень модулей, которые входят в поставку комплекса YOUPI

• AB: Addons Менеджер
• AB: YoupiTheme
• AB: Товар дня (документация)
• AB: Мультиописания категорий (документация)
• AB: Видео галерея товара (документация)
• AB: Посадочные страницы для категорий (документация)
• AB: Кнопка подняться наверх
• AB: Мотивационный блок (документация)

Также вы можете опционально включить в заказ пакеты модулей

Пакет модулей Cross- & Up-sell (разрабатывался специально под этот шаблон, смотрите видео)

• Кросселл - Интеллектуальный подбор аксессуаров на основе технических характеристик товаров
• Апселл - Комплекты товаров
• Расширенные комбинации товаров (расширение базового модуля Комбинации товаров: внешний вид на странице товара, генератор комбинаций, страница расширенного менеджмента комбинациями товаров)

Пакет модулей SEO

11 модулей в пакете, узнать подробнее о комплекте

Возможности, внедренные непосредственно в YOUPI (кроме модулей)

• Система управления показом инфоблоков в товарной сетке (баннеры с информационным и промо контентом среди товаров).
• Микроразметки для каждой витрины.
• Функциональное горизонтальное меню (в будущих релизах будет добавлен дополнительный тип меню).
• Эффектные фильтры.
• Расширенный блог магазина (видео и подборка товаров для поста).
• Вкладки для блоков (с учетом SEO и оптимизации скорости).
• Полная адаптивность.
• Улучшения для работы с оптовыми предложениями.
• Максимально удобная пагинация с подгрузкой товаров по кнопке (Показать еще).
• Полностью конфигурируемые страницы списка товаров и карточки товара (через настройки можно определить, что показывать, что нет).
• Иконки Material icons внедрены в шаблон как шрифт (грузятся из библиотеки шрифтов Google.
• Возможность управлять цветами элементов шаблона через админ панель.
• Эффектные встроенные цветосхемы.
• Шаблон адаптирован для работы на очень больших мониторах также.

Конструктор живых медиа баннеров —

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

---

1. Картинка.
2. Фон (может быть изображением или градиентом).
3. Видео из Youtube NEW!
4. Настраиваемый заголовок (размер, цвет, плотность шрифта).
5. Настраиваемое краткое описание (размер, цвет, маркерное выделение).
6. Кнопка (название, ссылка, выбор цвета).

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

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

Микроразметки (полный комплект для интернет - магазина уже внедрен) —

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

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

Используемая технология передачи JSON-LD (универсально читается всеми поисковыми системами без ошибок). Разметка настраивается для каждой витрины в отдельности (если в проекте используется мультивитринность)

Горизонтальное меню для любых типов проектов —

Шаблон Yopi расширяет возможности базового меню, создавая из него эффектное mega меню:

---

1. Возможность использовать иконки для элементов первого уровня меню.
2. Возможность помечать лейблами, важные пункты меню (New, Sale, Promo… любые метки) с пользовательским стилем.
3. Если на экране не умещаются элементы меню первого уровня (в адаптивности или у вас их много), появляется скролл для пролистывания не уместившихся пунктов меню.
4. Возможность использовать html содержимое в меню (баннеры, логотипы топ брендов, другой контент на ваше усмотрение).
5. Адаптивное разбитие на колонки, содержимого второго уровня.

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

Вертикальное, выпадающее меню —

В шаблоне Yopi создано уникальное, адаптивное меню, предлагающее самые трендовые решения в навигации:

---

1. При нажатии на кнопку "Каталог", появляется блок меню.
2. Возможность добавлять иконки для первого уровня элементов меню.
3. Преемственность стилей для заголовков дает понять где основные уровни каталога.
4. Краткое описание для основных разделов каталога.
5. Возможность помечать лейблами, важные пункты меню (New, Sale, Promo… любые метки) с пользовательским стилем.
6. Возможность использовать html содержимое в меню (баннеры, логотипы топ брендов, другой контент на ваше усмотрение).
7. Адаптивное разбитие на колонки, содержимого второго уровня. Если у вас много элементов подуровней каталога, то можно задать отсечение для равномерности заполнения.

---

1. Первый уровень меню
2. Второй уровень с возможностью использовать шильдики и html содержимое (баннеры и тд.).
3. Третий уровень с возможностью использовать шильдики и html содержимое в меню (баннеры, логотипы топ брендов, другой контент на ваше усмотрение).

Режим 3-х уровневого меню (выпадающим списком)

Теперь магазины с большой структурой категорий могут использовать удобное вертикальное меню без проблем.

Расширенный блог магазина —

YOUPI расширяет стандартный блог CS-Cart:

• Возможность подвязать видео ролик с YouTube к посту.
• Возможность подвязать подборку товаров к посту.

Таким образом, вы получаете “машину” по контентному продвижению вашего магазина. Создаете пост в блоге, прикрепляете видео и подборку рекомендуемых товаров и получаете рекомендацию, которая может быть показана баннером в категории (для которой сделана) то это гарантированные продажи. Так как по сути это консультация - рекомендация, такая же, как в оффлайн магазине, только ее преимущество в том, что вы ее создаете один раз а работает она тысячи раз. Это небывалая эффективность!

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

Вкладки для блоков —

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

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

Это позволяет показывать много контента на страницах, но тратить мало ресурсов.

Адаптивность и 100% отзывчивость на разных устройствах —

Отличительная черта шаблона YOUPI - это работа на всех возможных устройствах от 320 pix телефона до самых широких экранов ПК.

Это обеспечивает отличные показатели конверсий магазинов, которые его используют.

Работа с оптовыми ценами —

Шаблон улучшает работу с оптовыми ценами, опционально показывая в списке наличие минимальной оптовой цены в случае, если она есть для товара. Такой подход позволяет выжимать максимум продаж из товарных списков: пользователя всегда интересует минимальная цена - это естественное желание покупателя сэкономить. YOPI использует этот фактор для максимального вовлечения пользователя: уже в каталоге он видит, что может чертовски сэкономить, приобретая определенное количество товара (а для просмотра условий опта достаточно сделать 1 клик).

Кнопка “Еще” для контента в карточке товара —

В управлении вкладками товара YOUPI добавляет новую опцию для вкладки - Скрыть часть содержимого вкладки. Данная опция позволяет гибко включить кнопку “Еще” или “Подробнее”, по клику на которую отображается полный контент вкладки.

Допусловия и ограничения ответственности, касающиеся работы шаблона:

• Разработчики гарантируют правильную работу шаблона и его элементов при всех рекомендуемых настройках (стили, макеты, блоки, требуемые модули), изменение любых состояний может повлечь за собой дополнительные работы от интегратора.
• В системе CS-Cart модули разрабатываются для шаблонов, а не наоборот!!! Если модуль при установке рвет вам дизайн, то это вопрос к модулю, а не шаблону. Обратитесь к разработчику модуля для обеспечения поддержки шаблона (он после адаптации сможет заявить о поддержке своим модулем популярного шаблона и его продажи увеличатся)
• Гарантийная поддержка сильно кастомизированных шаблонов не осуществляется разработчиком.
• Техническая поддержка по шаблону оказывается только для самых последних версий (в последних версиях производятся фиксы проблем предыдущих)
• Перед установкой шаблона отключите все сторонние модули и доработки, добейтесь полного соответствия демо шаблона и тогда приступайте к пошаговой активации сторонних модулей.
• Всегда тестируйте работу, обновления и прочие изменения на dev версии сайта. При заказе указывайте дополнительный поддомен для тестирования работы шаблона на dev версии (это бесплатно) (просто укажите его через запятую вместе с основным рабочим доменом).
• Лучшее решение для обновлений, если вы не опытный специалист - интегратор - это удаление старой версии (с почисткой репозиториев удаляемых модулей и шаблонов) и установка новой версии.
• Используйте шаблон только на тех доменах, которые вписаны в лицензию (не нарушайте лицензионных условий).

Полный цикл от установки до настройки всех модулей из комплекта шаблона: