HTML
Embed custom HTML code directly into page
7K +
Установок
Блок 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
Додайте блок із маркетплейсу
Відкрийте дашборд UniLink і розмістіть блок там, де він розв’язує конкретну задачу — зазвичай як частину більшої композиції, а не центральним елементом.
- 2
Налаштуйте конкретну поведінку
Утиліти мають специфічні налаштування. Виділіть хвилину на вбудовану довідку — дрібні помилки тут дають великі проблеми на масштабі.
- 3
Тестуйте в режимі прев’ю
Перед публікацією натисніть "Preview", щоб побачити, як блок працює для відвідувача. Деякі утиліти (unlock, chat) спрацьовують лише на опублікованих сторінках — прев’ю остання нагода зловити проблеми.
- 4
Комбінуйте з іншими блоками
Утиліти рідко працюють поодинці — вони підтримують основні блоки навколо. Переконайтесь, що оточення пояснює відвідувачу, чому ця утиліта важлива.
- 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 — безкоштовно