UkrainianUA
imageUAimageEN
МаркетплейсHTML
HTML Block icon

HTML

Embed custom HTML code directly into page

7K +

Установок

+ Додати блок у UniLink
HTML Block — example 1
HTML Block — example 2
HTML Block — example 3
HTML Block — example 4

Блок HTML Code — escape hatch: місце для embed довільного HTML, коли жоден purpose-built блок не покриває потреби. Використовуйте для third-party віджетів (Calendly, Typeform, Mailchimp signup), кастомних ембедів (Tally, AirTable, Notion) чи hand-coded HTML/CSS під дуже специфічні розкладки. Блок потужний, але має бути last resort: purpose-built блоки (Form, Booking, Music, Video тощо) простіші в підтримці, швидші у завантаженні й менш ламкі за кастомний HTML.

Сценарії використання

Конкретні приклади того, як творці на UniLink застосовують цей блок. Оберіть найближчий до вашої ситуації як стартову точку.

Third-party віджети й embed

Calendly booking-віджет, Typeform-опитування, Mailchimp-підписка, Tally-форма, кастомний Notion-embed. Вставте embed-код з third-party інструменту, і блок його рендерить.

Кастомний CSS для унікальних розкладок

Для брендів з дуже специфічними дизайн-вимогами, що не пасують жодному стандартному блоку. Блок HTML Code приймає CSS у <style>-тегах — створюйте будь-яку розкладку.

Tracking і analytics-теги

Кастомний Google Analytics, Facebook Pixel, custom event tracking. Більшість поширених тегів підтримуються через виділений Налаштування → Інтеграції, але Блок HTML Code обробляє edge cases і кастомні теги.

Інтерактивні демо й прототипи

Embed простого інтерактивного демо, калькулятора, квіза чи прототипу прямо на біо. Для складніших додатків — хостьте деінде й embed через iframe — Блок HTML Code підтримує iframe.

Як додати цей блок

Від встановлення з маркетплейсу до публікації на вашому лінку. Кожен крок триває секунди; час забирає лише написання тексту.

  1. 1

    Додайте блок із маркетплейсу

    Відкрийте дашборд UniLink і розмістіть блок там, де він розв’язує конкретну задачу — зазвичай як частину більшої композиції, а не центральним елементом.

  2. 2

    Налаштуйте конкретну поведінку

    Утиліти мають специфічні налаштування. Виділіть хвилину на вбудовану довідку — дрібні помилки тут дають великі проблеми на масштабі.

  3. 3

    Тестуйте в режимі прев’ю

    Перед публікацією натисніть "Preview", щоб побачити, як блок працює для відвідувача. Деякі утиліти (unlock, chat) спрацьовують лише на опублікованих сторінках — прев’ю остання нагода зловити проблеми.

  4. 4

    Комбінуйте з іншими блоками

    Утиліти рідко працюють поодинці — вони підтримують основні блоки навколо. Переконайтесь, що оточення пояснює відвідувачу, чому ця утиліта важлива.

  5. 5

    Опублікуйте та перевірте на мобільному

    Натисніть "Опублікувати" та протестуйте на реальному мобільному. Утиліти часто інтерактивні — поведінка на тачі може відрізнятись від миші.

Найкращі практики, що дають результат

Невеликі зміни у формулюваннях і відборі, які стабільно покращують конверсію.

Не ускладнюйте прості сторінки

Утиліти додають потужність і складність. Якщо сторінка нормально працює без неї — додавання "для покращення" часто шкодить. Додавайте тільки коли є конкретна проблема для розв’язання.

Одна мета на утиліту

Спроба змусити одну утиліту робити три речі зазвичай провалюється. Використовуйте кілька блоків, кожен під одну мету — чистіше підтримувати й зрозуміліше для відвідувача.

Документуйте конфігурацію

Налаштування утиліт легко забути. Додайте коротку нотатку в опис сторінки чи проекту — майбутнє ви (або колега) зрозуміють, чому блок налаштований саме так.

Вимикайте, не видаляйте

Коли утиліта більше не пасує — приховайте чи вимкніть замість видалення. Легше повернути при зміні потреб, і зберігається історія конфігурації.

Поширені запитання

Що таке Блок HTML Code у лінку в біо?

Блок HTML Code дозволяє embed кастомний HTML, CSS і JavaScript на сторінку лінку в біо. Це escape hatch для контенту, що не підтримує жоден purpose-built блок — third-party віджети, кастомні embed, hand-coded розкладки чи унікальні tracking-теги.

Чи безпечно ставити довільний HTML на сторінку?

Може бути, але ви маєте знати, що embed-ите. UniLink запускає HTML у sandboxed-iframe за замовчуванням, обмежуючи security-ризик. Уникайте pasting коду з ненадійних джерел без читання; embedded JavaScript запускається з тією ж довірою, що й ваша bio-сторінка.

Чи можна включити CSS і JavaScript?

Так. Блок приймає повний HTML, включно з <style> для CSS і <script> для JavaScript. Використовуйте обережно — важкий custom JS сповільнює завантаження й може ламатись на мобільному. Тестуйте ретельно перед тим, як покладатись.

Чи варто використовувати для форм замість Блоку Form?

Ні, використовуйте Блок Form. Він має вбудовану валідацію, стилізацію, інтеграції призначень і відстеження конверсії — все, що довелось би відтворити з нуля кастомним HTML. Використовуйте HTML Code лише, коли жоден purpose-built не пасує.

Чи безкоштовний Блок HTML Code на UniLink?

Блок HTML Code — фіча PRO-плану через security- і complexity-implications. Безкоштовні творці можуть користуватись десятками purpose-built блоків для майже кожного випадку; PRO відкриває escape hatch для edge case.

Пов’язані блоки

Поєднайте цей блок з наступними, щоб побудувати повноцінну сторінку на вашому лінку в біо.

Готові додатки в маркетплейсі

Спробуйте готові шаблони сторінок на основі цього блока — встановлюються в один клік.

Готові додати цей блок?

Розмістіть його на будь-якій сторінці UniLink за хвилину. Налаштуйте текст, візуали та порядок без коду.

Додати в UniLink — безкоштовно