Хочете показувати на власному сайті останні дописи й не оновлювати їх вручну? Віджет Feeder додає на будь-який сайт актуальну стрічку, яка автоматично оновлюється з появою нових дописів. Налаштуйте віджет, вставте фрагмент коду, і все готово.
Віджет працює скрізь, де можна додати трохи HTML-коду, зокрема у WordPress, Squarespace, Wix, Webflow і на сайтах із кодом, написаним вручну.
Що знадобиться
Віджет входить до інструментів публікації Feeder і доступний у платних тарифах Feeder. Якщо у вас безплатний тариф, під час відкриття конструктора ви побачите пропозицію перейти на інший тариф.
Крок 1. Налаштуйте віджет
- Відкрийте Feeder, перейдіть на вкладку Опублікувати й виберіть Віджети. Пряме посилання: feeder.co/settings/publish/widgets.
- Створіть віджет і виберіть стрічку, яку хочете показувати.
- Налаштуйте вигляд: тему, кольори, шрифт, ширину, висоту та кількість дописів. Попередній перегляд оновлюється наживо, тож відвідувачі побачать саме те, що ви бачите.
- Збережіть віджет.
Крок 2. Скопіюйте код для вставлення
Конструктор пропонує три способи вставити віджет, ідентифікатор вашого віджета вже підставлено в кожен із них. Виберіть той, який підходить для вашого сайту.
iframe (працює майже скрізь)
Найнадійніший варіант для WordPress і більшості конструкторів сайтів, адже він не залежить від власних скриптів.
https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID
Тег script
Відображає стрічку безпосередньо на сторінці. Використовуйте цей спосіб, якщо ваш сайт дозволяє додавати власні скрипти й ви хочете, щоб стрічка органічно вписувалася в макет.
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
Звичайне URL-посилання
Зручно для сервісів, які просять указати посилання для вставлення.
https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID
Додайте віджет у WordPress
Для WordPress не потрібен плагін. Просто вставте код у блок або область віджетів. Рекомендуємо варіант iframe, оскільки WordPress часто видаляє власні скрипти з міркувань безпеки.
На сторінці або в дописі (редактор блоків)
- Відредагуйте сторінку або допис, куди потрібно додати стрічку.
- Додайте блок і виберіть Власний HTML.
- Вставте код iframe із кроку 2.
- Перегляньте результат або опублікуйте сторінку. Стрічка з’явиться саме там, де ви розмістили блок.
На бічній панелі або у футері
- Перейдіть у розділ Вигляд > Віджети (або Вигляд > Налаштувати > Віджети).
- Додайте віджет Власний HTML у потрібну область.
- Вставте код iframe і збережіть зміни.
У класичному редакторі
Перейдіть із вкладки Візуально на вкладку Текст, а потім вставте код iframe там, де має відображатися стрічка.
Користуєтеся WordPress.com? Для вставлення власного HTML потрібен тариф Business або вищий. На власному хостингу WordPress (WordPress.org) будь-який адміністратор може додати код за наведеними вище інструкціями.
Інші конструктори сайтів
- Squarespace, Wix, Webflow та подібні сервіси: додайте блок Embed або Custom HTML і вставте код iframe.
- Сайти з власним кодом: вставте iframe або тег script безпосередньо у свій HTML-код.
Поради та вирішення проблем
- Змініть розмір: змініть ширину й висоту в коді для вставлення або налаштуйте їх у конструкторі перед копіюванням коду.
- Нічого не відображається? Можливо, ваш сайт видаляє скрипти. Перейдіть на варіант iframe, який працює в більшій кількості місць.
- Завжди актуальна стрічка: віджет отримує дані безпосередньо з вашої стрічки Feeder, тож нові дописи з’являються автоматично. Повторно вставляти код не потрібно.
Не виходить або потрібна допомога з налаштуванням? Напишіть нам у будь-який час на support@feeder.co. 👋