Перейти до основного контенту

Як інтегрувати користувацький код у секцію (Proven expert, webinar-optin, Google reviews тощо)

У цій статті ви дізнаєтеся, як інтегрувати власний код у певні секції вашого лендінгу.

Dmytro avatar
Автор: Dmytro
Оновлено цього тижня

Onepage дозволяє вам додавати на свій вебсайт користувацький код HTML, CSS (включно з SCSS) та JavaScript. Ці технології є необхідними для створення та оформлення сучасних вебсторінок. Нижче наведено огляд:

  • HTML (HyperText Markup Language) — це стандартна мова структуризації та відображення контенту в Інтернеті. За допомогою HTML-тегів визначаються елементи, такі як абзаци, заголовки, таблиці, зображення та відео, які становлять базову структуру вебсторінки.

  • CSS (Cascading Style Sheets) призначений для оформлення HTML-елементів. За допомогою CSS ви можете керувати візуальним виглядом, встановлюючи такі властивості, як кольори, шрифти, макети та адаптивний дизайн.

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

За допомогою цих інструментів ви можете індивідуально налаштувати та оптимізувати свій вебсайт на Onepage.

Крок 1: Оберіть секцію та відкрийте меню елементів

Наведіть вказівник миші на розділ, який ви хочете редагувати. З'явиться сіра панель. Натисніть на другий символ (символ з трьома рисками).

Крок 2: Додайте елемент "Код"

Натисніть "Додати" та знайдіть елемент "Код".

Крок 3: Введіть ваш код

У цьому розділі з’явиться новий елемент "Код". Будь ласка, натисніть на нього, щоб ви могли вставити свій код.

Для редагування коду вам доступні три окремі вкладки: HTML, CSS та JS. Важливо вводити ваш код у відповідні вкладки, щоб забезпечити належну функціональність та відображення вашого вебсайту. Коли ви отримуєте код від сторонніх розробників, зазвичай ви також отримуєте інструкції, які вказують, в якій вкладці слід розміщувати код. Дотримання цих вказівок допомагає уникнути помилок і забезпечує, що ваші налаштування працюватимуть як передбачено.


Щоб ви краще зрозуміли процес, ми також додали відеодемонстрацію:


Поширені питання та їх вирішення

Чому не відображається мій вбудований контент (наприклад, форма)?

Є декілька можливих причин:

  • Неправильна вкладка: Переконайтеся, що код вставлено в правильний стовпець (зазвичай HTML для кодів <iframe>).

  • Помилка в коді: Перевірте, чи код було скопійовано повністю та правильно, без пропущених символів або тегів.

  • Обмеження третьої сторони: Деякі служби (наприклад, Typeform) вимагають, щоб вебсайт був публічно доступний або певні налаштування були активовані.

  • Обмеження браузера: Перевірте сторінку в іншому браузері або в режимі інкогніто, щоб виключити проблеми з кешем.

Після вставки коду я більше не можу коректно редагувати свій сайт.

Код іноді може викликати конфлікт з кодом Onepage. Ми рекомендуємо видалити код або перевірити його на наявність помилок. Якщо видалити код більше неможливо, зверніться до нашої служби підтримки.

Як налаштувати код на рівні всього проекту або підсторінки?

Ознайомтеся з нашими інструкціями.


Пов'язані теми


💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо! 🙂

Ви отримали відповідь на своє запитання?