Страница link-in-bio — это один из простейших элементов веб-инфраструктуры, необходимых креатору или малому бизнесу. Один URL, вертикальный список ссылок и лаконичный визуальный стиль. Она существует потому, что социальные платформы позволяют разместить только одну кликабельную ссылку в поле описания профиля — и ваша задача решить, как её использовать.
В этом руководстве мы за пять минут создадим такую страницу с помощью био-страниц Elido. Итог: работающая страница в био на вашем собственном домене, с аналитикой, без сторонних iframe и под вашим полным контролем. Это важно, так как большинство инструментов для био-страниц направляют трафик через свою инфраструктуру, из-за чего ваша брендированная ссылка превращается в linktr.ee/your-name, какой бы домен вы ни хотели использовать.
Если вам нужна теоретическая база — зачем нужны такие страницы и какие существуют нюансы в дизайне — в посте био-страницы для креаторов подробно описана стратегия. А этот пост — практическое руководство.
Перед началом работы#
Вам понадобятся три вещи:
- Аккаунт Elido. Бесплатного тарифа достаточно для одной страницы; тариф Pro позволяет подключать кастомные домены. Зарегистрироваться можно на странице
/pricing. - Список ссылок. Оптимально — от трех до семи ссылок. Если их больше десяти, пользователям придется прокручивать страницу.
- Опционально: домен под вашим управлением. Если пропустить этот шаг, страница будет доступна по адресу
bio.elido.app/your-slug. Это работает, но не подчеркивает бренд. Подключение собственного домена занимает две минуты, включая распространение DNS-записей.
Это весь список требований. Никаких инструментов сборки, аккаунтов Vercel или дизайн-макетов.
Шаг 1: откройте редактор био-страниц#
Войдите в панель управления Elido. В левом навигационном меню выберите пункт Bio pages. В новом аккаунте список страниц будет пуст. Нажмите Create page.
Откроется редактор с двумя панелями. Левая панель: конфигурация — слаг, тема, ссылки, настройки. Правая панель: предпросмотр того, как страница будет выглядеть на мобильном устройстве.
Слаг — это то, что идет в URL после домена. Если ваш домен bio.your-name.com, а слаг — links, то итоговый URL будет bio.your-name.com/links. Вы также можете оставить поле слага пустым, если хотите, чтобы страница открывалась прямо по основному адресу домена.
Установите слаг. По умолчанию страница скрыта из поиска — её нельзя найти через поисковики или каталог Elido, пока вы не включите флаг public в настройках.
Шаг 2: добавьте ссылки#
Каждая ссылка состоит из целевого URL и названия (label). Нажмите Add link, вставьте URL и введите название. Порядок ссылок можно менять перетаскиванием.
Названия — это то, что видят посетители. Целевые URL — это то, куда они попадают после клика. Самая распространенная структура:
- Текущая кампания или свежий релиз — в самом верху.
- Несколько постоянных ссылок — ваш магазин, рассылка, сообщество.
- Последний контент — новое видео на YouTube, свежий выпуск подкаста или пост в блоге.
Для аудитории из Instagram порядок ссылок важнее, чем для обычного сайта. Пользователи просматривают страницу в био на телефоне, на маленьком экране и часто с открытой клавиатурой. Первые две ссылки получают основную массу кликов; всё, что находится «ниже первого экрана», показывает резкий спад активности.
Для каждой ссылки можно дополнительно настроить:
- Иконку — из встроенного набора (
shop,mail,youtube,linkedin,github,discordи другие) или загрузить свою. - Подзаголовок — короткое описание, которое отображается мелким шрифтом под основным названием.
- Время истечения (expires-at) — полезно для ограниченных по времени акций. Ссылка автоматически скроется после указанной даты.
- UTM-параметры — добавляются к целевому URL в момент клика, чтобы аналитика принимающей стороны понимала, что переход был со страницы в био.
Настройка UTM — это шаг, который точно не стоит пропускать. Без UTM-меток каждый клик на био-странице будет отображаться в вашей аналитике как прямой (direct) трафик, и вы не сможете отличить переходы из био от других каналов. Если же для всех ссылок установить utm_source=bio, ваша аналитическая платформа будет корректно атрибутировать трафик.
Шаг 3: выберите тему#
Редактор предлагает четыре темы — Default, Mono, Bright, Custom. Каждую можно настроить по трем параметрам: фон, цвет текста, стиль кнопок.
Тема Default использует фирменный пурпурно-синий градиент Elido и отлично подходит для тестов. Переключитесь на Mono, когда определитесь со структурой: она дает лаконичную черно-белую страницу с одним выбранным вами акцентным цветом. Bright — это высококонтрастная тема для ярких брендов. Custom дает полный контроль над HEX-кодами и CSS-переменными.
Два совета по дизайну, применимых к любой теме:
- Размер аватара: изображение профиля в верхней части страницы должно быть минимум 400×400 пикселей. Изображения меньшего размера будут растянуты и будут выглядеть размыто. Система автоматически обрезает их в круг и добавляет легкую тень.
- Контрастность фона: если вы устанавливаете собственное фоновое изображение, редактор накладывает 50% затемнение, чтобы текст оставался читаемым. Затемнение можно отключить, если ваше изображение само по себе низкоконтрастное, но по умолчанию текст лучше читается на большинстве телефонов именно с ним.
Страница в био — одно из тех мест, где предпочтения пользователя относительно темной темы значат меньше, чем обычно. Большинство посетителей приходят из Instagram или TikTok, где страница открывается во встроенном браузере платформы, который отображает её в той цветовой схеме, которая ему «нравится». Выбирайте палитру, которая хорошо смотрится в обоих режимах, не полагаясь на медиа-запросы.
Шаг 4: подключите кастомный домен#
Этот шаг делает страницу по-настоящему вашей, а не Elido.
В меню панели управления откройте раздел Domains. Нажмите Add domain. Введите нужный домен — например, bio.your-name.com. Панель управления покажет инструкции для DNS:
Record type: CNAME
Name: bio.your-name.com
Value: elido-bio.app
TTL: 300
Добавьте эту запись в панели вашего DNS-провайдера (Cloudflare, Route53, NameCheap, OVH — интерфейсы у всех разные, но сама запись одинакова). Рекомендуемое значение TTL — 300 секунд, чтобы изменения вступили в силу быстрее; позже, когда всё стабилизируется, его можно увеличить.
В течение 60 секунд после появления записи в сети панель Elido обнаружит CNAME, выпустит TLS-сертификат через Caddy on-demand TLS (используя Let's Encrypt) и пометит домен как Active. Продление происходит автоматически. В посте TLS для кастомных доменов за 5 минут описан внутренний механизм этого процесса.
Как только домен станет активным, вернитесь во вкладку настроек вашей био-страницы и выберите кастомный домен из выпадающего списка. URL страницы мгновенно изменится на ваш брендированный адрес.
Что может пойти не так:
- DNS-провайдер не позволяет CNAME для основного домена (apex). Если вы пытаетесь направить
your-name.com(без поддомена) наelido-bio.app, большинство провайдеров отклонят запись, так как стандарт DNS запрещает CNAME для основного домена. Используйте записи ALIAS или ANAME, либо направьте поддомен вродеbio.your-name.com. Cloudflare умеет обходить это ограничение через CNAME flattening; большинство других — нет. - Существующая запись AAAA блокирует CNAME. Если домен раньше указывал на другой ресурс через записи A и AAAA, удалите их перед добавлением CNAME. В DNS записи CNAME не могут сосуществовать с A или AAAA для одного и того же имени.
Если в панели Elido появится ошибка DNS, в сообщении будет указан тип конфликта. В руководстве кастомные домены для коротких ссылок подробно разобраны все этапы диагностики DNS.
Шаг 5: включите аналитику#
Откройте вкладку настроек био-страницы. Там есть три переключателя:
- Track clicks — фиксирует каждый клик по ссылке на странице. Включено по умолчанию. Событие клика включает название ссылки, целевой URL, реферер, страну и тип устройства (IP-адрес целиком не сохраняется — фиксируется только сетевой префикс согласно нашим правилам соответствия GDPR).
- Track views — фиксирует загрузки страницы. По умолчанию выключено; включите, если хотите знать, сколько человек просмотрели страницу, ничего не нажав.
- Forward conversions to platform pixels — отправляет события
PageViewиClickв настроенные Meta CAPI, GA4 Measurement Protocol или TikTok Events API. По умолчанию выключено. Сначала нужно настроить доступы вSettings > Conversion forwarding.
Аналитика био-страницы отображается в панели управления рядом с аналитикой ваших обычных ссылок. Детализация (страна, реферер, устройство, время суток) работает так же. В посте аналитика коротких ссылок рассказано, на каких метриках стоит сосредоточиться.
Для крупных креаторов (более 100 000 просмотров в месяц) аналитика масштабируется автоматически — тот же пайплайн ClickHouse, что обрабатывает обычные ссылки, справляется и с кликами в био без сэмплирования.
Шаг 6: опубликуйте и добавьте URL в свой профиль#
В верхнем правом углу редактора статус страницы изначально — Draft. Нажмите Publish, чтобы она стала доступна.
Страница откроется по вашему адресу — bio.your-name.com/your-slug (если вы настроили домен) или bio.elido.app/your-slug. Откройте её в режиме инкогнито, чтобы увидеть то же, что увидят посетители.
Обновите ссылки в соцсетях:
- Instagram: Поле
Edit profile > Website. - TikTok: Поле
Edit profile > Website. (В TikTok можно добавить только одну ссылку.) - X/Twitter: Поле
Edit profile > Website. - LinkedIn:
Edit intro > Website(в разделе контактной информации на страницах компаний). - YouTube:
Customise channel > Basic info > Links.
В Instagram изменения обычно видны сразу. В TikTok обновление ссылки в профиле иногда может занять несколько часов в зависимости от региона аккаунта.
Что делать после публикации#
Пять шагов в порядке их важности:
Добавьте UTM-параметры для каждой ссылки в редакторе. Это самое полезное действие после запуска. Установите utm_source=bio для всех ссылок; меняйте utm_medium в зависимости от платформы (utm_medium=instagram, utm_medium=tiktok), если вы ведете разные страницы для разных соцсетей.
Подождите 48 часов и проверьте тепловую карту. В аналитике Elido есть тепловая карта активности по времени суток. У большинства креаторов пики приходятся на вечер (после работы или учебы). Если ваша аудитория активна в определенное окно, публикация контента за час до этого окна увеличит трафик на страницу в био.
Настройте A/B-тест для верхней ссылки. Elido поддерживает два варианта назначения для одной ссылки с распределением трафика по весам (weighted random). Используйте это для самой верхней — самой кликабельной — ссылки, чтобы проверить, какой лендинг лучше конвертирует. Подробнее о механике — в посте A/B-тестирование лендингов.
Настройте пересылку конверсий. Если верхняя ссылка ведет в магазин или на форму регистрации, настройка Meta CAPI или серверного трекинга GA4 позволит корректно атрибутировать клик в вашей воронке платного трафика. Об этом — в посте про серверное отслеживание конверсий. Без этого трафик из био будет отображаться в отчетах как прямой и его нельзя будет сравнить с платными каналами.
Подпишитесь на события через вебхуки. Если у вас есть внешние системы — Slack, список в Customer.io или внутренняя база данных — вы можете подписаться на события bio.click для получения данных в реальном времени. Настройка доступна в /settings/webhooks, проверка подписей описана в руководстве по интеграции.
Распространенные нюансы#
Встроенный браузер Instagram агрессивно кэширует страницы. Посетитель, который нажал на ссылку в био, перешел на сайт, а через пару минут вернулся обратно, может увидеть закэшированную версию страницы. Это не проблема Elido — так работает WebView в Instagram. Если актуальность данных критична, используйте заголовок Cache-Control: no-store на целевой странице; сама био-страница не кэшируется.
TikTok обрезает заголовки реферера. Клик из встроенного браузера TikTok приходит на ваш сайт с пустым referrer: "". В аналитике био-страницы такие клики будут отображаться как «Direct». Это особенность платформы, а не ошибка аналитики. Вы можете идентифицировать трафик из TikTok по строке user-agent, если вам нужно сегментировать его по платформам.
Истекшая ссылка исчезает со страницы. Если вы установили expires_at для ссылки, она перестанет отображаться после наступления указанного времени. Посетители, сохранившие страницу в закладки, увидят на одну ссылку меньше — это нормальное поведение для временных акций, но иногда это удивляет креаторов, забывших о настроенном сроке.
Изменения DNS для домена могут занять больше 60 секунд. 60 секунд — это средний показатель. Некоторые DNS-провайдеры кэшируют данные очень долго, и выпуск сертификата может занять до 24 часов. Если статус домена Pending TLS висит больше часа, обратитесь к разделу диагностики DNS в документации.
Что еще почитать#
- Био-страницы для креаторов: что разместить на первом экране — стратегия наполнения страницы.
- Сквозное отслеживание UTM-кампаний без CDP — ключевой материал для понимания работы с UTM.
- Аналитика коротких ссылок — что измерять, а что игнорировать — какие метрики трафика из био действительно важны.
- TLS для кастомных доменов за 5 минут — как устроена выдача сертификатов.
- Настройка брендированных коротких ссылок на вашем домене — руководство по работе с обычными короткими ссылками.
- Инструкции по работе: руководство по био-страницам в документации.
- О продукте:
/features/bio-pagesи/solutions/marketers.