Редактор Wix: як вбудувати сайт або віджет

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

Додавання віджету

Додайте вставку на сайт безпосередньо з панелі Додати елементи. Ви можете додати на сайт фрагмент коду або вставити зовнішню вебадресу.  

Щоб додати на сайт вставку:

  1. Натисніть Додати елементи у вашому Редакторі.
  2. Натисніть Вбудувати код.
  3. Натисніть Популярні вставки.
  4. Виберіть тип вставки, яку хочете додати на сайт:
    • Вставити HTML: вставте фрагмент коду, щоб відображати віджет на сторінках сайту, і налаштуйте його.
    • Вбудований сайт: відображайте зовнішній сайт у вікні на своїй сторінці.
  5. Натисніть на вибрану вставку, щоб додати його на сайт.
Вкладка Код на панелі Додати елементи в редакторі. HTML-код і вставки сайту виділені.

Налаштування віджету

Додавши віджет, введіть відповідний фрагмент коду або вебадресу, щоб налаштувати її та показувати сайти та віджети відвідувачам.

Щоб ввести код / вебадресу:

  1. Натисніть Вбудувати код у своєму Редакторі.
  2. Виберіть відповідний варіант, щоб ввести дані:
    • Вставка HTML коду: 
      1. Натисніть Код.
      2. Введіть фрагмент у розділі Додайте код тут.
    • Сайт: 
      1. Натисніть Веб-адреса сайту.
      2. Введіть вебадресу в поле Вебадреса сайту.
  3. Натисніть Застосувати , щоб зберегти фрагмент коду / вебадресу.
  4. (Необов’язково) Введіть alt-текст для віджету в розділі Що у вставці? Розкажіть Google.
Панель HTML у редакторі Wix. Адресу сайту буде додано.
Важливо:
  • Відображаються лише коди HTTPS та вебадреси.
  • Деякі сайти мають правила безпеки, які забороняють їх вбудовувати на зовнішні платформи, такі як Wix. Тому вони не відображатимуться у віджеті після вставки їхньої вебадреси. Це контролюється зовнішнім кодуванням сайту, і Wix не може обійти це.
  • Ми не можемо надавати підтримку для зовнішніх кодів, які не були створені або протестовані Wix. Якщо у вас виникла проблема з фрагментом коду, зверніться безпосередньо до постачальника.

Налаштування розміру відображуваного контенту

Вбудовані елементи часто мають стандартні ширину й висоту в пікселях, які встановлюються сервісом, з якого їх отримано, як у прикладі нижче: 
1
2
Ці налаштування можуть потенційно обрізати контент, якщо розмір контейнера iFrame менший ніж 560 x 315 пікселів. Щоб цього не сталося, замініть значення пікселів на відсотки та встановіть для них 100%, як показано нижче: 
1
2
Примітка:
Елементи HTML та URL у нашому редакторі є iFrames. Таким чином, код або сайт, які ви вставляєте, не будуть адаптивними, навіть якщо вони є оригінальними.

Рекомендації щодо вставок на вашому сайті

Вставляючи код або вебадресу на свій сайт, пам’ятайте про кілька важливих зауважень, щоб переконатися, що елемент відображається належним чином:
  • Переконайтеся, що код, який ви вставляєте, оновлений і сумісний із HTML5. Більшість браузерів не відображають належним чином сторінки та сценарії, написані з використанням старіших версій HTML. 
  • Для елементів HTML та вбудовування сайту немає обмежень по кількості символів. 
  • Ваш код має містити HTTPS, а не HTTP. 
  • Документи HTML описуються тегами HTML. Теги HTML зазвичай бувають парами, наприклад,

    і < /p>

    . Перший тег у парі є початковим; другий тег — завершальний. Цей формат тегів має вирішальне значення для збереження структури сторінки, яку ви намагаєтеся вставити.

Що далі?

Чи домогла вам ця стаття?

|