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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Хедер — верхняя часть сайта с навигацией и информацией о пользователе. Подробная информация приведена в разделе Блоки.
  • Заглавный блок — основная информация об игре и разработчике. Подробная информация приведена в разделе Блоки.
  • Быстрый вход — блок для авторизации пользователя перед покупкой. Для использования блока должна быть предварительно настроена аутентификация. Подробная информация приведена в разделе Блоки.
  • Магазин — блок для продажи виртуальных предметов, бандлов и пакетов виртуальных валют. Подробная информация приведена в разделе Блоки.
  • Футер — нижняя часть сайта со ссылками на социальные сети и дополнительной информацией. Подробная информация приведена в разделе Блоки.
  • Корзина — позволяет пользователям добавлять товары в корзину перед покупкой, а также применять промокоды и купоны в интерфейсе корзины. Подробная информация приведена в разделе Блоки.
Была ли статья полезна?
Спасибо!
Что может сделать страницу еще лучше? Сообщение
Жаль, что так произошло
Расскажите, почему статья не была полезна. Сообщение
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.

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

Последнее обновление: 30 апреля 2026

Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.

Сообщите о проблеме
Мы постоянно улучшаем качество нашей документации. Ваш отзыв поможет нам в этом.
Укажите email-адрес, чтобы мы могли связаться с вами
Спасибо за обратную связь!
Не получилось отправить ваш комментарий
Попробуйте еще раз позже или напишите нам на doc_feedback@xsolla.com.