Хотите показывать на своём сайте последние публикации и не обновлять их вручную? Виджет 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
Тег скрипта
Отображает ленту прямо на странице. Используйте этот вариант, если сайт разрешает пользовательские скрипты и вы хотите, чтобы лента органично вписалась в макет.
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
Прямая ссылка
Подойдёт для сервисов, которые запрашивают ссылку для вставки.
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 и другие конструкторы: добавьте блок «Вставка» или «Произвольный HTML» и вставьте код iframe.
- Сайты с собственным кодом: вставьте iframe или тег скрипта непосредственно в HTML.
Советы и решение проблем
- Изменение размера: измените ширину и высоту в коде для вставки или настройте их в конструкторе до копирования кода.
- Ничего не отображается? Возможно, сайт удаляет скрипты. Переключитесь на вариант iframe, он работает в большем количестве мест.
- Всегда актуальная лента: виджет получает данные напрямую из вашей ленты Feeder, поэтому новые публикации появляются автоматически. Повторно вставлять код не нужно.
Не получается или нужна помощь с настройкой? Напишите нам в любое время по адресу support@feeder.co. 👋