Как пользоваться

Блоки и раскладка

• 17 типов блоков: ссылки, соцсети, галерея, видео, карта, формы, таймер, QR и другие.
• Раскладка «Вертикально» — классическая лента. «Бенто» — сетка из 12 колонок: тяни блок за правый край и меняй ширину, или задай её кнопками ⅓ / ½ / ⅔ / 1.
• Вкладки делят страницу на разделы («Ссылки / Магазин / Обо мне»). Заводятся кнопкой над списком блоков: переключил вкладку — список показывает только её блоки, и новый блок добавится туда же. Перенести готовый блок можно перетаскиванием прямо на нужную вкладку или кнопкой с её названием на карточке блока. Вкладки появляются у посетителей, начиная с двух.
• У ширины отдельное значение для телефона: то, что на десктопе стоит в две колонки, на мобильном может занимать всю строку.
• Порядок блоков на телефоне тоже свой — перетащи их в мобильном режиме превью.

Оформление

• 18 готовых тем. Поверх темы можно задать свой фон: цвет, градиент, картинку или видео.
• Декоративный узор (сетка, точки, сияние, звёзды, линии) ложится поверх фона. Цвет узора по умолчанию подбирается под тему, но его можно задать вручную.
• Любой шрифт с Google Fonts через поиск, скругление углов одним ползунком на все блоки сразу и анимация появления.
• Если не хватает — во вкладке «Дизайн» есть поле для своего CSS без ограничений.

Правила показа

• У каждого блока есть свои правила — раскрой «Правила показа» в его настройках.
• Период: блок появляется и исчезает сам в заданные дату и время.
• Страны: показывать только в перечисленных или, наоборот, везде кроме них.
• Подписка на Telegram-канал: блок открывается только тем, кто реально подписан. Нужно добавить @hubcoreorgbot администратором в канал — без этого Telegram не даст ему проверять подписчиков.
• Скрыть блок можно и просто глазом в списке — он останется со всеми настройками, но пропадёт со страницы.

Аналитика и A/B

• Просмотры по дням, страны и устройства — без внешних счётчиков.
• Клики по каждому блоку отдельно, чтобы видеть, что реально работает.
• У кнопки-ссылки можно задать несколько вариантов текста. Каждому посетителю показывается один и запоминается за ним, а в аналитике видно, какой собирает больше кликов.

Живые интеграции

• «Сейчас слушаю» — Spotify по кнопке подключения, либо Last.fm по нику. Настройка Last.fm расписана отдельным разделом ниже.
• «Топ треков» умеет брать данные из четырёх источников: Last.fm, Spotify, Яндекс Музыки (по открытому плейлисту, без токена) и YouTube (по плейлисту).
• Если музыка не играет, блок показывает последний прослушанный трек.
• Статус стрима на Twitch и YouTube: красный LIVE появляется сам, пока эфир идёт, и проверяется каждые полторы минуты.
• YouTube-блок умеет показывать последнее видео с канала, а не только конкретную ссылку.

Свой домен

• Во вкладке «Профиль» впиши свой домен и поставь у регистратора CNAME на bio.hubcore.org.
• Домен должен быть за Cloudflare с включённым проксированием — HTTPS-сертификат выпускает он, отдельно ничего настраивать не нужно.
• В настройках SSL у Cloudflare выбери режим Full. На Flexible и Full (strict) страница не откроется.
• Изменения DNS расходятся до нескольких часов. В настройках есть кнопка проверки.

Свой CSS

У страницы есть готовые классы, за которые можно зацепиться:

.bio-page      /* вся страница */
.bio-avatar    /* аватар */
.bio-username  /* @адрес */
.bio-bio-text  /* описание под именем */
.bio-blocks    /* контейнер блоков */
.bio-block     /* один блок */
.bio-tabs      /* переключатель вкладок */

/* только блоки нужного типа: */
[data-block-type="link"] { ... }

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