Создание сайта и настройка основных блоков

Чтобы создать Web Shop:

1. Создайте проект в Личном кабинете.
2. Создайте сайт.
3. Настройте основные блоки.
4. Настройте корзину.

Создание сайта

1. В проекте в Личном кабинете перейдите в раздел Каналы продаж > Веб-сайты.
2. Нажмите Создать сайт.
3. Выберите шаблон Web Shop.
4. Добавьте ссылку на игру в Google Play или App Store для предварительной настройки интерфейса магазина (логотип, фоновое изображение, цвета, текст в футере). Если вы не хотите использовать данные игры, установите переключатель Использовать данные игры из Google Play или App Store в положение Выкл.

5. Нажмите Создать.
6. Выберите:
   • тему сайта;
   • цвета основных элементов;
   • степень скругления кнопок;
   • шрифты заголовков и основных текстов.
7. В основной части конструктора:
   • Загрузите изображения и видео в блоки.
   • Отредактируйте тексты, которые будут видны пользователям.

Настройка ключевых блоков

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

Настройка блока Хедер

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

1. Установите соответствующие переключатели в положение Вкл:
   • Кнопка входа. Кнопка аутентификации пользователя отобразится в хедере сайта.
   • Зафиксировать. Функция позволяет хедеру оставаться видимым при перемещении страницы.
   • Пользовательский фон. Фон хедера изменится на пользовательский.
2. Настройте кнопки в блоке.

Заглавный блок

Блок с основной информацией о вашем Web Shop — для какой игры создан сайт и кто является ее разработчиком. Если вы не добавляли ссылку на Google Play или App Store при создании сайта, настройте следующие элементы Основного блока в основной части конструктора:

1. Добавьте иконку игры.
2. Укажите название игры.
3. Укажите разработчика игры.

1. Добавьте фоновое изображение.
2. Настройте карточки с информацией о сайте, для этого установите соответствующие переключатели в положение Вкл:
   • карточки с описанием;
   • иконки карточек;
   • заголовки карточек;
   • описание карточек.

Настройка блока Быстрый вход

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

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

Блок Быстрый вход автоматически добавляется на сайты, созданные с использованием шаблона Web Shop.

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

Чтобы добавить блок Быстрый вход:

1. В проекте в Личном кабинете перейдите в раздел Каналы продаж > Веб-сайты.
2. В разделе Сайты выберите ваш сайт и нажмите Открыть Site Builder.
3. Нажмите Добавить блок.
4. Выберите блок Быстрый вход.

Настройка блока Магазин

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

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

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

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

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

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

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

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

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

Настройка блока Футер

1. Выберите стиль блока.
2. Добавьте пользовательский фон.
3. Добавьте кнопки Поделиться, настройте иконки социальных сетей.
4. Добавьте ссылки на социальные сети.
5. Добавьте возрастной рейтинг.

Настройка корзины

Вы можете использовать корзину на сайте. Для этого:

1. В основной части конструктора перейдите к блоку Настройки корзины.
2. Установите переключатель Использовать корзину в положение Вкл.
3. Настройте дополнительные функции корзины (опционально). Для этого установите соответствующие переключатели в положение Вкл:
   • Показывать поле для промокода — позволяет пользователям использовать промокод или купон в интерфейсе корзины;
   • Авторизация пользователя до открытия корзины — открывает окно авторизации при переходе к корзине, если пользователь не был ранее авторизован.

Продолжить чтение