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

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

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

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

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

1. 1. Зафиксируйте блок. Функция позволяет хедеру оставаться видимым при перемещении станицы.
   2. Добавьте логотип игры.
   3. Добавьте фоновое изображение.
   4. Отредактируйте кнопки. Вы можете использовать предсозданные шаблоны кнопок. Для этого добавьте URL-адрес, по которому будут переходить пользователи после нажатия кнопки.

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

1. Задайте визуальные настройки блока (опционально):
   • добавьте заголовок;
   • название группы товаров;
   • пользовательский фон.
2. Настройте автоматически созданный раздел магазина: в раскрывающемся списке выберите тип товара, который вы хотите продавать на сайте, и его группу.

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



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



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



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

4. Чтобы описание товара выводилось в карточке товара на сайте, установите переключатель Описание товара в положение Вкл.
   Пользователи смогут прочитать подробное описание, нажав на карточку товара.
5. Вы можете редактировать размер изображения в карточке товара. Для этого в раскрывающемся списке Размер изображения выберите Вписать или Растянуть.
6. Для мобильных устройств доступна горизонтальная прокрутка. Чтобы подключить ее, установите переключатель Горизонтальная прокрутка на мобильных устройствах в положение Вкл.
7. Чтобы добавить пользовательский фон в блок Магазин, установите переключатель Пользовательский фон в положение Вкл и загрузите желаемое изображение.
8. Добавьте дополнительные разделы Магазина (опционально).

Настройка блока Подписки

1. В Site Builder нажмите Добавить блок и выберите блок Подписки.
2. Перейдите в блок Настройки входа и выберите тип авторизации Авторизация Иксолла.
3. Вернитесь к блоку Подписки.

4. В Настройках блока можно изменить элементы оформления:
   • Заголовок для блока.

1. 1. • Изображение внутри блока.

1. 1. • Изображения для оформления особенностей продукта подписки.

1. 1. • Фон блока. Установите переключатель в положение Вкл и добавьте фоновое изображение.

5. Если в вашем проекте настроены продукты подписки или если продукты были импортированы при создании сайта, в Site Builder будет отображаться блок Продукт. В раскрывающемся меню выберите продукт, который вы хотите продавать на сайте.

6. Перейдите к блоку Подписки. Выберите существующий план подписок или создайте новый с помощью пункта + Новый план в раскрывающемся меню.
7. Если вы хотите настроить продажу нескольких планов подписок, добавьте необходимое количество новых блоков Подписки.

Примечание

При добавлении более одного плана подписки в конструктор нельзя добавить изображение в блок и использовать переключатель Изображение.

8. Замените в блоке предустановленные тексты для заголовков, кнопок и описаний.

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

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

Следующие шаги

1. Импортируйте каталог товаров или настройте каталог вручную.
2. Реализуйте начисление покупок пользователю.

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

• Сценарий интеграции
• Блоки

Была ли статья полезна?

Спасибо!

Что может сделать страницу еще лучше? Сообщение Отправить

Жаль, что так произошло

Расскажите, почему статья не была полезна. Сообщение Отправить

Спасибо за обратную связь!

Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.
Оценить страницу


Оценить страницу

Что может сделать страницу еще лучше? Отправить

В другой раз

Спасибо за обратную связь!

Последнее обновление: 10 октября 2023

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