ST Social Tools

Конструктор страницы ссылок для био — Link-in-Bio Page Builder

Создайте бесплатную страницу ссылок для био с аватаром, ссылками и иконками соцсетей, смотрите её вживую и экспортируйте один index.html — 100% в браузере.

🔒 Работает полностью в вашем браузере — ничего не загружается

Avatar — drop an image or click

Links

Social icons

Use an emoji or short text (for example 📸 or IG) plus the profile URL.

Style

Live preview

Upload index.html to any static host (GitHub Pages, Cloudflare Pages, Netlify). Nothing is sent anywhere while you edit.

Advertisement

Своя страница ссылок для био без подписки

Профили в соцсетях обычно разрешают только одну ссылку, поэтому авторы и небольшие компании отправляют людей на страницу, которая собирает всё в одном месте. Этот конструктор страницы ссылок для био позволяет создать такую страницу самостоятельно: введите имя и био, добавьте аватар, создайте столько кнопок-ссылок, сколько нужно, добавьте иконки соцсетей и выберите цвета. Предпросмотр обновляется по мере ввода, а когда всё готово, вы скачиваете один файл index.html, который принадлежит вам и который можно разместить где угодно.

Один безопасный HTML-файл

Экспортированный файл содержит собственные стили и ваш аватар, встроенный как небольшой data URL, поэтому нет дополнительных файлов или внешних запросов. Каждый введённый фрагмент текста экранируется перед записью на страницу, ссылки должны начинаться с http или https, цвета ограничены шестнадцатеричными значениями, а к странице добавлена строгая Content-Security-Policy. На странице вообще нет скриптов: это делает её быстрой и означает, что её нельзя использовать для запуска кода на устройствах посетителей. По той же причине предпросмотр работает в изолированном фрейме.

Выбирайте между скруглёнными, овальными, квадратными и контурными кнопками, задавайте цвета фона, текста и кнопок и меняйте порядок ссылок кнопками со стрелками. Иконки соцсетей принимают эмодзи или короткий текст, например аббревиатуру, и каждая ведёт на URL профиля.

Разместите и редактируйте дальше

Загрузите index.html на GitHub Pages, Cloudflare Pages, Netlify или любой веб-сервер и укажите этот адрес в поле «веб-сайт» своего профиля. Чтобы позже что-то изменить, используйте «Сохранить конфигурацию» — скачается JSON-файл с настройками, а «Загрузить конфигурацию» вернёт всё в редактор. Поскольку весь процесс происходит в вашем браузере, ваш контент никогда не хранится на нашей стороне. Не забудьте проверить каждую ссылку после публикации и держите био коротким, чтобы его было удобно читать на экране телефона.

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

  1. Добавьте свои данныеВведите имя и био и перетащите изображение для аватара.
  2. Добавьте ссылки и иконкиСоздайте кнопки-ссылки с названием и URL http(s), измените их порядок и добавьте иконки соцсетей с эмодзи или текстом.
  3. Выберите цвета и стиль кнопокЗадайте цвета фона, текста и кнопок и стиль кнопок: скруглённый, овальный, квадратный или контурный.
  4. ЭкспортируйтеСкачайте index.html для собственного хостинга и сохраните JSON-конфигурацию, если захотите отредактировать страницу позже.

Часто задаваемые вопросы

Где разместить экспортированную страницу?
Вы скачиваете один самодостаточный index.html со встроенными стилями и аватаром. Разместите его на любом статическом хостинге, например GitHub Pages, Cloudflare Pages или Netlify, или на обычном веб-хостинге и направьте на него свой домен.
Безопасно ли публиковать мои тексты и ссылки?
Все имена, био, названия и иконки экранируются для HTML, разрешены только ссылки http и https, цвета ограничены шестнадцатеричными значениями, а страница содержит строгую Content-Security-Policy без скриптов. Ссылки, не прошедшие проверку, пропускаются.
Можно ли отредактировать страницу позже?
Да. Нажмите «Сохранить конфигурацию», чтобы скачать JSON-файл со всеми настройками, и «Загрузить конфигурацию», чтобы восстановить их, затем измените что угодно и экспортируйте снова.
Отслеживает ли страница посетителей?
Нет. Экспортированная страница не содержит JavaScript, аналитики или внешних запросов. Если нужна аналитика, добавьте её в HTML самостоятельно после экспорта.
Загружается ли что-нибудь во время создания?
Нет. Ваш аватар, текст и ссылки остаются в браузере. Предпросмотр работает в изолированном фрейме на вашем устройстве.
Advertisement