Onepage дозволяє вам додавати на свій вебсайт користувацький код HTML, CSS (включно з SCSS) та JavaScript. Ці технології є необхідними для створення та оформлення сучасних вебсторінок. Нижче наведено огляд:
HTML (HyperText Markup Language) — це стандартна мова структуризації та відображення контенту в Інтернеті. За допомогою HTML-тегів визначаються елементи, такі як абзаци, заголовки, таблиці, зображення та відео, які становлять базову структуру вебсторінки.
CSS (Cascading Style Sheets) призначений для оформлення HTML-елементів. За допомогою CSS ви можете керувати візуальним виглядом, встановлюючи такі властивості, як кольори, шрифти, макети та адаптивний дизайн.
JavaScript — це мова програмування, яка дозволяє реалізовувати динамічні та інтерактивні функції на вебсторінках. Вона використовується для оновлення контенту без перезавантаження сторінки, створення анімацій, обробки введення користувачем та багато іншого.
За допомогою цих інструментів ви можете індивідуально налаштувати та оптимізувати свій вебсайт на Onepage.
Додавання власного коду до наявного розділу
Крок 1: Виберіть розділ і відкрийте меню елементів
Наведіть курсор миші на розділ, який ви хочете відредагувати. З’явиться сіра панель. Натисніть на другу «іконку бургера» (значок із трьома горизонтальними лініями).
Крок 2: Додайте елемент «Власний код»
Натисніть «Додати» та знайдіть елемент «Власний код».
Крок 3: Введіть код
Тепер у розділі з’явиться новий елемент «Власний код». Натисніть на нього, щоб вставити свій код.
📌 Примітка: У розділі власного коду доступні три окремі поля: HTML, CSS та JS. Дуже важливо вставляти код у відповідне поле, щоб забезпечити правильну роботу та відображення вашого вебсайту.
Якщо ви отримали код від стороннього сервісу, зазвичай до нього додаються інструкції, у якому саме поле потрібно розмістити код. Дотримання цих рекомендацій допоможе уникнути помилок і забезпечить коректну роботу ваших налаштувань.
Додавання власного коду до нового розділу
Крок 1: Додайте новий розділ
Наведіть курсор миші між двома розділами, куди ви хочете додати код, і натисніть на значок «+».
Крок 2: Виберіть порожній розділ
У вкладці «Макети» виберіть порожній розділ.
Щоб ви краще зрозуміли процес, ми також додали відеодемонстрацію:
Поширені питання та їх вирішення
Чому не відображається мій вбудований контент (наприклад, форма)?
Чому не відображається мій вбудований контент (наприклад, форма)?
Є декілька можливих причин:
Неправильна вкладка: Переконайтеся, що код вставлено в правильний стовпець (зазвичай HTML для кодів <iframe>).
Помилка в коді: Перевірте, чи код було скопійовано повністю та правильно, без пропущених символів або тегів.
Обмеження третьої сторони: Деякі служби (наприклад, Typeform) вимагають, щоб вебсайт був публічно доступний або певні налаштування були активовані.
Обмеження браузера: Перевірте сторінку в іншому браузері або в режимі інкогніто, щоб виключити проблеми з кешем.
Після вставки коду я більше не можу коректно редагувати свій сайт.
Після вставки коду я більше не можу коректно редагувати свій сайт.
Код іноді може викликати конфлікт з кодом Onepage. Ми рекомендуємо видалити код або перевірити його на наявність помилок. Якщо видалити код більше неможливо, зверніться до нашої служби підтримки.
Пов'язані теми
💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо! 🙂