Создание сайта и настройка основных блоков
Чтобы создать Web Shop:
Создание сайта
- Откройте проект в Личном кабинете.
- В боковом меню нажмите Site Builder.
- Нажмите Создать сайт.
- Выберите шаблон Web Shop.
- Добавьте ссылку на игру в Google Play или App Store для предварительной настройки интерфейса магазина (логотип, фоновое изображение, цвета, текст в футере). Если вы не хотите использовать данные игры, установите переключатель Использовать данные игры из Google Play или App Store в положение Выкл.
- Нажмите Создать.
- Выберите:
- тему сайта;
- цвета основных элементов;
- степень скругления кнопок;
- шрифты заголовков и основных текстов.
- В основной части конструктора:
- Загрузите изображения и видео в блоки.
- Отредактируйте тексты, которые будут видны пользователям.
Настройка ключевых блоков
Все блоки содержат в себе настройки по умолчанию. По желанию вы можете включать или выключать определенные функции блоков и кастомизировать их.
Настройка блока Хедер
Блок в верхней части сайта. Хедер отображает информацию о пользователе и содержит элементы навигации по сайту. Вы можете зафиксировать блок, чтобы при прокрутке сайта блок оставался в зоне видимости экрана.Примечание
Если вы добавляли ссылку на Google Play или App Store при создании сайта, блок Хедер будет настроен автоматически.
- Установите соответствующие переключатели в положение Вкл:
- Кнопка входа. Кнопка аутентификации пользователя отобразится в хедере сайта.
- Зафиксировать. Функция позволяет хедеру оставаться видимым при перемещении страницы.
- Пользовательский фон. Фон хедера изменится на пользовательский.
- Настройте кнопки в блоке.
Основной блок
Блок с основной информацией о вашем Web Shop — для какой игры создан сайт и кто является ее разработчиком. Если вы не добавляли ссылку на Google Play или App Store при создании сайта, настройте следующие элементы Основного блока в основной части конструктора:- Добавьте иконку игры.
- Укажите название игры.
- Укажите разработчика игры.
- Добавьте фоновое изображение.
- Настройте карточки с информацией о сайте, для этого установите соответствующие переключатели в положение Вкл:
- карточки с описанием;
- иконки карточек;
- заголовки карточек;
- описание карточек.
Быстрый вход
Блок Быстрого входа предоставляет пользователям возможность аутентифицироваться на сайте. Вы можете использовать блок в дополнение к кнопке входа в хедере или вместо нее. Внешний вид блока и его возможности зависят от выбранного способа аутентификации.Примечание
Чтобы выбрать способ аутентификации, в конструкторе перейдите в Настройки входа.
- Установите переключатель Инструкция по поиску ID в положение Вкл.
- Нажмите на появившуюся строку внизу блока.
- Замените текст инструкции для пользователей.
При необходимости кастомизируйте блок:
- Настройте отображение заголовка и описания блока.
- Замените тексты, которые установлены по умолчанию.
Чтобы настроить блок при использовании авторизации с помощью ID пользователя:
- Настройте отображение заголовка и описания блока. Вы также можете заменить тексты, которые установлены по умолчанию.
- Чтобы отображать инструкцию по поиску ID в игре, установите переключатель Инструкция по поиску ID в положение Вкл. Нажмите на появившуюся строку внизу блока и замените текст, который будет виден пользователям.
Настройка блока Магазин
Блок для продажи виртуальных предметов, бандлов и пакетов виртуальных валют. Блок содержит автоматически созданные разделы, вы можете удалять их и создавать новые.
- При необходимости кастомизируйте блок:
- добавьте заголовок;
- включите отображение названий групп товаров;
- включите вкладки для быстрой навигации в магазине;
- добавьте пользовательский фон;
- настройте кнопку призыва к авторизации.
- В разделе магазина в раскрывающемся списке выберите тип товара, который вы хотите продавать на сайте, и его группу.
Внимание
Если созданные или импортированные предметы или виртуальная валюта не отображаются в окне Site Builder, убедитесь, что для созданных групп предметов и пакетов валют включено отображение в магазине (статус Включен), а предметы перемещены в созданные группы. Вы можете просматривать и редактировать товары в Личном кабинете в разделе Store.
- В разделе магазина выберите Стиль карточки товара:
- Особый. Этот стиль карточки позволяет привлечь внимание пользователей к товарам или специальным предложениям. Мы рекомендуем использовать этот стиль карточки для продвижения бонусных и скидочных акций, товаров и акций с заданными ограничениями на пользователя или по времени отображения в каталоге и бандлов.
В настройках этого стиля карточки вы можете:- скрывать или показывать изображение и описание товара;
- вписать или растянуть изображение товара;
- изменять цвет текста;
- применять пользовательский фон для карусели.
- Особый. Этот стиль карточки позволяет привлечь внимание пользователей к товарам или специальным предложениям. Мы рекомендуем использовать этот стиль карточки для продвижения бонусных и скидочных акций, товаров и акций с заданными ограничениями на пользователя или по времени отображения в каталоге и бандлов.
- Горизонтальный. Этот стиль карточки позволяет размещать название, описание и цену товара справа от изображения.
В настройках этого стиля карточки вы можете:- скрыть или показать описание товара;
- вписать или растянуть изображение товара;
- включать или выключать горизонтальную прокрутку на мобильных устройствах;
- добавлять пользовательский фон для раздела с товарами.
- Вертикальный. Этот стиль карточки позволяет размещать название, описание и цену товара под изображением.
В настройках этого стиля карточки вы можете:- скрывать или показывать описание товара;
- вписать или растянуть изображение товара;
- включать или выключать горизонтальную прокрутку на мобильных устройствах;
- добавлять пользовательский фон для раздела с товарами.
- Большой. Этот стиль карточки рекомендуется использовать для бандлов и товаров с бонусом. Пользователь увидит состав карточки на лендинге, не нажимая на карточку.
В настройках этого стиля карточки вы можете:- скрывать или показывать описание товара;
- вписать или растянуть изображение товара;
- включать или выключать горизонтальную прокрутку на мобильных устройствах;
- добавлять пользовательский фон для раздела с товарами
Примечание
Для бандлов вы можете использовать только Вертикальный, Большой и Особый стили карточки товара.
- При необходимости кастомизируйте стиль карточки товара, для этого установите соответствующие переключатели в положение Вкл в настройках стиля карточки.
- Вы можете Скрывать раздел, если он пуст. Для этого переведите соответствующий переключатель в положение Вкл.
Настройка блока Футер
Примечание
Если вы добавляли ссылку на Google Play или App Store при создании сайта, блок Футер будет настроен автоматически.
- Выберите стиль блока.
- Добавьте пользовательский фон.
- Добавьте кнопки Поделиться, настройте иконки социальных сетей.
- Добавьте ссылки на социальные сети.
- Добавьте возрастной рейтинг.
Настройка корзины
Вы можете использовать корзину на сайте. Для этого:- В основной части конструктора перейдите к блоку Настройки корзины.
- Установите переключатель Использовать корзину в положение Вкл.
- Настройте дополнительные функции корзины (опционально). Для этого установите соответствующие переключатели в положение Вкл:
- Показывать поле для промокода — позволяет пользователям использовать промокод или купон в интерфейсе корзины;
- Авторизация пользователя до открытия корзины — открывает окно авторизации при переходе к корзине, если пользователь не был ранее авторизован.
Следующие шаги
- Импортируйте каталог товаров или настройте каталог вручную.
- Реализуйте начисление покупок пользователю.
Полезные ссылки
- Сценарий интеграции
- Блоки
Была ли статья полезна?
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.