Блоки

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

Чтобы ознакомиться со всеми блоками, перейдите в Личный кабинет > Site Builder > Открыть Site Builder.

Вы можете установить пользовательский фон для некоторых блоков. Для этого в разделе Настройки блока переведите переключатель Пользовательский фон в положение Вкл, нажмите на поле ниже переключателя и загрузите нужное изображение.
Рекомендуемая ширина изображения для пользовательского фона в блоке — 1920 px. Ширина фонового блока может меняться в зависимости от устройства, на котором просматривается сайт. Высота изображения фона растягивается в зависимости от количества контента в блоке.Кроме пользовательского фона, вы можете добавлять изображения в блоках Site Builder. В описании блоков ниже приведены рекомендованные размеры изображений для настольной версии с разрешением экрана 1200 px.

Хедер

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

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

Заглавный блок в шаблоне Страница игры

Блок с информацией об игре, которая продается на сайте.
Основные возможности:

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

Заглавный блок в шаблоне Web Shop

Блок с информацией о сайте.
Основные возможности:

• Настройка информации об игре: иконка, название, разработчик.
• Настройка карточек с описанием особенностей и функций сайта.

Call-to-action

Блок для привлечения внимания пользователя к ключевым действиям на сайте.
Основные возможности:

• Добавление поля для электронной почты пользователя для подписки на новости игры.
• Добавление кнопки для покупки товара, ссылок для перехода в Google Play/App Store или на другой веб-сайт.
• Отображение логотипов платформ, при нажатии на которые пользователь попадет на вашу страницу на этой платформе.
• Лайтбокс с видео с YouTube/Vimeo.

Быстрый вход

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

• Аутентификация пользователя без дополнительного перехода в модальное окно.
• Настройка содержимого блока. Вы можете включить и настроить следующие разделы:
  • Заголовок.
  • Описание.
  • Инструкция, как найти ID пользователя.
  • Пользовательский фон.

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

• Настройка текста кнопки, призывающей к авторизации.
• Настройка пользовательского фона.

Галерея

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

• Добавление изображений и видео на слайды.
• Проигрывание видео на лендинге по ссылке с YouTube.
• Цикличная прокрутка слайдов с контентом.
• Предварительный просмотр предыдущего и следующего видео или изображения в слайдере.
• Отображение стрелок для переключения слайдов.

Карточки

Универсальный блок для отображения информации об игре или магазине. В блоке вы можете добавлять карточки с любым контентом.
Основные возможности:

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

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

Рекламный слайдер

Блок с галереей с игровыми баннерами, названиями игр и их описаниями.
Основные возможности:

• Добавление кнопки для покупки товаров, перехода по ссылке или в Google Play/App Store.
• Цикличная прокрутка слайдов с контентом.
• Отображение стрелок навигации игр.
• Добавление поля для электронной почты пользователя для подписки на новости игры.
• Отображение ссылок на вашу страницу на различных платформах.

Описание

Блок с описанием игры и изображениями.
Основные возможности:

• Отображение изображений и текстовых описаний.
• Два варианта расположения изображений и текста: горизонтальное и вертикальное.
• Увеличение изображения или переход по ссылке по нажатию на изображение.

Промокоды

Блок для использования промокодов и купонов на сайте.
Основные возможности:

• Применение промокодов пользователем для получения бонусов при покупке.
• Применение купонов для немедленного получения награды.
• Добавление собственного JS-кода для расширения возможностей блока.

Игровые издания

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

• Шаблоны стилей пакета и пользовательская настройка стилей.
• Настройка расположения компонентов: кнопку, название и описание можно перемещать.
• Настройка списков преимуществ каждого издания игры.
• Настройка отображения самого выгодного пакета — вы можете отметить издание игры как рекомендуемое к покупке.

Магазин

Блок для продажи игровых ключей (кроме шаблона Web Shop), виртуальных предметов, бандлов и пакетов виртуальных валют.
Основные возможности:

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

Система вознаграждений

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

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

Виджеты социальных сетей

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

• Добавление виджетов Facebook, Twitter, Discord и Twitch.
• Два вида отображения виджетов.
• Выбор темной или светлой темы на Twitter и Discord.

Частые вопросы

Блок с ответами на частые вопросы о вашей игре.
Основные возможности:

• Готовые ответы на стандартные вопросы, которые подходят большинству магазинов.
• Добавление собственного JS-кода для расширения возможностей блока.

Ваш код

Блок позволяет вам использовать собственные блоки кода CSS, JS и HTML на сайте для реализации уникальных функций, которые не предусмотрены в интерфейсе.
Основные возможности:

• Синхронизация пользовательского кода по всем языковым версиям сайта без необходимости индивидуальной миграции.
• Раздельные вкладки для CSS, HTML и JS внутри блока.
• Встроенная подсветки синтаксиса.
• Миниатюра кода для удобной навигации внутри блока.

Системные требования

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

• Два варианта отображения:
  • только минимальные требования;
  • минимальные и рекомендуемые.
• Использование нескольких вкладок для разных платформ.

Subscriptions

Блок позволяет предоставлять пользователю доступ к пакету услуг по заданным условиям.
Основные возможности:

• Установка иконок для каждой составляющей подписки.
• Установка изображения для плана подписки.

Футер

Блок в нижней части страницы. Содержит правовую информацию и настройки приватности.
Основные возможности:

• Выбор стиля блока: столбцы или строки.
• Добавление переключателя языка сайта.
• Добавление кнопки Поделиться, чтобы распространить ссылку на сайт в социальных сетях.
• Отображение возрастных ограничений.

Полезные ссылки

Последнее обновление: 23 сентября 2024