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

Общая информация

В этом разделе описывается ручная настройка Web Shop в конструкторе сайтов. Если вы создаете Web Shop впервые, рекомендуем начать с экспресс-сценария — он позволяет автоматически сформировать стартовую конфигурацию сайта на основе данных вашей игры из App Store, после чего вы сможете доработать ее в конструкторе.

Используя шаблон Web Shop, вы можете создать:

• Одностраничный магазин — облегченный формат Web Shop. Все содержимое размещается на одной странице. Подходит, если вам важно минимизировать путь пользователя до покупки и запустить магазин максимально быстро. Шаблон Web Shop содержит основные блоки для создания одностраничного магазина. Вы можете кастомизировать и удалять эти блоки, а также добавлять новые

• Многостраничный веб-портал — расширенный формат Web Shop, который позволяет выстроить полноценную площадку для взаимодействия с игроками. Подходит для работы с контентом (новостями, наградами), а также для сценариев привлечения трафика из игры. Вы можете направлять пользователей на контентные страницы без прямой продажи товаров, соблюдая требования платформ, и затем вовлекать в покупки внутри Web Shop. Если вы не используете экспресс-сценарий, каждую страницу потребуется добавить вручную. Обязательным элементом многостраничного сайта является навигационная панель (сайдбар) — она обеспечивает навигацию между страницами и добавляется автоматически при создании многостраничного сайта.

Перед началом работы настройте:

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

1. Создайте сайт.
2. Настройте основные блоки.

После выполнения настроек протестируйте и опубликуйте сайт.

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

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

5. Нажмите Создать Web Shop.

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

• настроить тему сайта:

  • цвета основных элементов;
  • степень скругления элементов;
  • шрифты заголовков и основных текстов.

• отредактировать контент:

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

Если вы создаете многостраничный веб-портал, добавьте страницы:

1. Нажмите название страницы в верхней части конструктора и в раскрывающемся списке выберите Создать страницу.

2. Выберите шаблон страницы на вкладке Рекомендованные или Другие шаблоны.

Подробная информация об управлении страницами сайта приведена в документации.

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

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

• Хедер — верхняя часть сайта с навигацией и информацией о пользователе. Подробная информация приведена в разделе Блоки.

• Заглавный блок — основная информация об игре и разработчике. Подробная информация приведена в разделе Блоки.

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

• Магазин — блок для продажи виртуальных предметов, бандлов и пакетов виртуальных валют. Подробная информация приведена в разделе Блоки.

• Футер — нижняя часть сайта со ссылками на социальные сети и дополнительной информацией. Подробная информация приведена в разделе Блоки.

• Корзина — позволяет пользователям добавлять товары в корзину перед покупкой, а также применять промокоды и купоны в интерфейсе корзины. Подробная информация приведена в разделе Блоки.

Общая ифнормация

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

Вы можете создать Web Shop следующих типов:

• Одностраничный Web Shop — облегченный формат Web Shop. Все содержимое размещается на одной странице. Подходит, если вам важно минимизировать путь пользователя до покупки и запустить магазин максимально быстро. Шаблон содержит основные блоки для создания одностраничного магазина. Вы можете кастомизировать и удалять эти блоки, а также добавлять новые.

• Многостраничный веб-портал — расширенный формат Web Shop, который позволяет выстроить полноценную площадку для взаимодействия с игроками. Подходит для работы с контентом (новостями, наградами), а также для сценариев привлечения трафика из игры. Вы можете направлять пользователей на контентные страницы без прямой продажи товаров, соблюдая требования платформ, и затем вовлекать в покупки внутри Web Shop.

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

Перед началом работы настройте:

• проект в вашем аккаунте
• аутентификацию пользователя
• каталог товаров
• LiveOps и инструменты увеличения продаж
• обработку вебхуков

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

1. Создайте сайт.
2. Настройте основные блоки.
3. Настройте страницы (по желанию).

После настройки протестируйте и опубликуйте сайт.

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

1. Откройте проект в вашем аккаунте и перейдите в раздел Web Shop.

2. Нажмите Создать Web Shop.

3. Выберите шаблон — Одностраничный Web Shop или Многостраничный веб-портал — и нажмите Использовать этот шаблон.

4. Выберите визуальный стиль — одну из предустановленных тем сайта для разных жанров игр (опционально).

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

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

5. Нажмите Продолжить.

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

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

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

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

• Хедер — верхняя часть сайта с навигацией и информацией о пользователе.
• Заглавный блок — основная информация об игре и разработчике.
• Быстрый вход — блок для авторизации пользователя перед покупкой. Для использования блока должна быть предварительно настроена аутентификация.
• Магазин — блок для продажи виртуальных предметов, бандлов и пакетов виртуальных валют.
• Футер — нижняя часть сайта со ссылками на социальные сети и дополнительной информацией.
• Корзина — позволяет пользователям добавлять товары в корзину перед покупкой, а также применять промокоды и купоны в интерфейсе корзины.

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

Настройка страниц

При использовании шаблона Многостраничный веб-портал на сайт автоматически добавляются следующие страницы:

• Магазин — подходит для продажи внутриигровых товаров для вашей мобильной игры.

• Награды — содержит блоки для отображения ежедневных наград и системы вознаграждений.

• Новости — подходит для размещения обновлений, игровых анонсов и другой информации, связанной с вашей игрой.

• Магазин наград — подходит для отображения товаров, задействованных в программе лояльности.

• Промокоды — содержит блоки для использования промокодов на сайте. Промокоды позволяют пользователю получить скидку или бонусный товар. Также промокоды можно использовать для выдачи пользователям эксклюзивных товаров.

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

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