Skip to content

Всё для WordPress, веб-разработки — и не только

💡 Как добавить социальные сети на WordPress-сайт через Flow Flow

💡 Как добавить социальные сети на WordPress-сайт через Flow Flow

Социальные сети, это не просто лента мемов. Для бизнеса и блога это канал доверия: подписчик видит активность, заходит на сайт и остаётся. Проблема в том, что соцсети разрознены. Facebook, Instagram, X, Pinterest, YouTube, везде свой интерфейс и свой плагин. Ставить пять плагинов ради пяти соцсетей? Громоздко и неудобно.

Flow Flow решает эту задачу одним плагином. Он собирает посты, фото и видео из полутора десятков соцсетей в единую стилизованную ленту прямо на WordPress-сайте. Без костылей, без лишней нагрузки на сервер. Мы протестировали, настройка с нуля занимает около получаса.

В этом руководстве, пошаговый разворот Flow Flow: от покупки до публикации ленты. Все скриншоты актуальны для версии 4.9 (июнь 2026).

💡 Быстрый обзор:

  • Что такое Flow Flow: плагин собирает ленту из Facebook, Instagram, X, YouTube, Pinterest, TikTok и ещё десятка соцсетей в единый поток на сайте
  • Шаг 1: покупка лицензии на CodeCanyon, скачивание и установка плагина
  • Шаг 2: настройка общих параметров, роли модераторов, формат даты, кэширование
  • Шаг 3: добавление социальных сетей, для каждой указываете логин, токен или хештег
  • Шаг 4: сборка потока, макет, сетка, стиль карточек, фильтры и шорткод
  • Шаг 5: публикация потока на странице сайта через шорткод или редактор

Что такое Flow Flow и какие соцсети он тянет

Flow Flow, премиум-плагин от разработчика Looks Awesome, который продаётся на CodeCanyon. По состоянию на июнь 2026 года у плагина более 23 000 продаж и рейтинг 4,6 из 5. Последнее обновление вышло 11 июня 2026, продукт живой и активно поддерживается.

PRO-версия за $49 тянет 14 источников: Facebook, X (Twitter), Instagram, TikTok, YouTube, Pinterest, Tumblr, Vimeo, Flickr, Dribbble, SoundCloud, Foursquare, WordPress и RSS, актуальные тарифы на сайте Flow Flow. Бесплатная версия ограничена четырьмя соцсетями (Facebook, X, Instagram, Pinterest) и макетом Masonry, для теста хватает, для боевого сайта лучше брать PRO.

Главное преимущество Flow Flow перед конкурентами, умное серверное кэширование. Лента не грузится с нуля при каждом заходе посетителя. Плюс адаптивная сетка, встроенный лайтбокс для фото и модерация по словам, именам и URL, отсеять троллей и спам можно без дополнительных плагинов.

Шаг 1: покупаем, скачиваем и устанавливаем плагин

За лицензией идём на страницу Flow Flow на CodeCanyon. Для личного сайта хватит лицензии Regular, для клиентских проектов смотрите расширенную, она окупается первым же проектом.

Страница покупки Flow Flow на CodeCanyon

После оплаты скачайте архив плагина со страницы загрузок CodeCanyon. Обратите внимание: если выбрали опцию «Все файлы и документация», архив нужно распаковать, внутри будет отдельный zip-файл flow-flow.zip, который и загружается в WordPress.

Страница скачивания плагина Flow Flow на CodeCanyon

Технически установка стандартная: WordPress Admin → Плагины → Добавить новый → Загрузить плагин → Выбрать файл flow-flow.zip → Установить → Активировать. После активации в левом меню появится раздел Flow Flow.

Шаг 2: настраиваем общие параметры

Перед добавлением соцсетей загляните в Flow Flow → Settings. Здесь задаются базовые параметры, которые влияют на работу всей ленты.

Страница общих настроек плагина Flow Flow

На что обратить внимание в первую очередь:

  • Moderator role, кто из пользователей сайта может модерировать ленту. По умолчанию администратор, но можно делегировать редакторам.
  • Date format, формат отображения даты постов. Подберите под локаль сайта.
  • Number of saved posts, сколько постов хранить в кэше. Для активной ленты ставьте 50-100.

Остальные параметры, уведомления, интеграция с конструкторами страниц, proxy-настройки, можно оставить по умолчанию или подкрутить, когда войдёте во вкус.

Шаг 3: добавляем социальные сети

Переходим в Flow Flow → Feeds и жмём зелёную кнопку «Create Feed +». Откроется всплывающее окно.

Список добавленных социальных потоков в Flow Flow

Нажмите зелёную кнопку, чтобы открыть мастер создания нового канала. Интерфейс минималистичный, не запутаетесь.

Окно создания нового потока в Flow Flow

Выберите соцсеть из выпадающего списка. Для примера возьмём Pinterest, он добавляется проще всего: нужен только логин пользователя или имя доски. Никаких токенов и приложений.

Окно добавления ленты Pinterest в Flow Flow

После выбора соцсети задайте параметры: частота обновления ленты (от 5 минут до раза в неделю), количество подгружаемых постов (1, 5, 10 или 20 за раз), включить или выключить премодерацию. Нажмите «Add Feed», канал добавлен.

Теперь повторите для каждой нужной соцсети. Facebook, X, Instagram, YouTube и ряд других требуют предварительной авторизации через токены доступа или создание приложения разработчика. Не пугайтесь, Flow Flow упрощает процесс.

Настройки авторизации социальных сетей в Flow Flow

В разделе Auth плагин собирает все поля авторизации в одном месте. Для каждой соцсети есть ссылка на официальную документацию Flow Flow с пошаговыми инструкциями: как зарегистрировать приложение, получить токен, указать права доступа. Следуйте инструкциям, это разовая настройка на 5-10 минут.

Pinterest, Flickr, Vimeo, WordPress и RSS авторизации не требуют, их можно добавить сразу после установки плагина.

Список источников Flow Flow с оранжевым индикатором ошибки

Если при создании канала ошиблись в настройках или забыли добавить авторизацию, увидите оранжевый значок-восклицание. Наведите курсор, чтобы прочитать описание ошибки, исправьте настройки и включите канал повторно.

Шаг 4: собираем поток из добавленных соцсетей

Когда все соцсети добавлены, их нужно скомпоновать в единый поток. Перейдите в Flow Flow → Streams и нажмите «Create Stream +».

Вкладка управления потоками Flow Flow

Источники

Дайте потоку имя и начните добавлять каналы через выпадающее меню. Каждый добавленный канал отображается в разделе «Connected Channels».

Окно названия потока и добавления источников в Flow Flow

После добавления каналы отображаются списком в нижней части окна.

Список подключенных социальных каналов в потоке Flow Flow

Один поток может содержать сколько угодно каналов из разных соцсетей. Хотите три X-аккаунта, два Instagram и Facebook в одном потоке? Без проблем.

Общие настройки потока

На вкладке General задаётся порядок сортировки, количество постов на страницу, включение лайтбокса, отображение на мобильных и параметры приватности.

Общие настройки потока: сортировка, лайтбокс, конфиденциальность

Сетка

Вкладка Grid управляет компоновкой. Доступные макеты PRO-версии: Masonry (плиточная кладка), Equal Grid (ровная сетка), Justified (выравнивание по ширине) и Slider (карусель). Здесь же настраиваются количество колонок, отступы между карточками и отображение заголовка.

Настройки сетки потока: выбор макета и колонок в Flow Flow

Стиль карточек

На вкладке Style, конструктор карточек с перетаскиванием элементов. Меняйте цвета, положение аватарки, иконок соцсетей и текста. Настройка гибкая, ленту можно подогнать под дизайн любого сайта.

Конструктор стиля карточек социальной ленты в Flow Flow

Свой CSS

Вкладка Custom CSS, для разработчиков и тех, кто не боится кода. Добавьте собственные стили, если встроенных настроек не хватает.

Поле для добавления пользовательского CSS в потоке Flow Flow

Шорткод

Последняя вкладка, Shortcode. Здесь лежит готовый шорткод потока. Скопируйте его, он понадобится для шага 5.

Шорткод созданного потока во вкладке Shortcode Flow Flow

Шаг 5: публикуем поток на сайте

Осталось вывести ленту на страницу сайта. Вариантов два.

Через шорткод. Создайте новую страницу (или запись), вставьте шорткод в текстовый редактор и опубликуйте. Лента появится на странице в том месте, куда вставили шорткод.

Через редактор страниц. Если пользуетесь визуальным конструктором (WPBakery, Elementor, Gutenberg), Flow Flow добавляет собственный блок. Нажмите значок «+» для нового элемента, найдите Flow Flow Social Stream и выберите нужный поток из выпадающего списка.

Страница редактирования записи WordPress с шорткодом Flow Flow

При использовании визуального конструктора процесс ещё проще. Нажмите значок «+» для добавления нового элемента на страницу.

Добавление элемента Flow Flow через визуальный редактор страниц

Найдите в списке доступных блоков Flow Flow Social Stream и выберите нужный поток из выпадающего меню. Сохраните, и лента появится на странице.

Окно выбора потока Flow Flow в редакторе страниц WordPress

Выберите поток, сохраните страницу и опубликуйте. Лента появится на сайте немедленно, с кэшированием, адаптивной сеткой и всем настроенным дизайном.

Возможности сверх ленты: расширения Flow Flow

Разработчики Looks Awesome выпустили два платных расширения для Flow Flow, которые могут пригодиться бизнесу.

Ads & Branding добавляет в ленту рекламные и брендированные карточки. Можно продавать рекламные места в потоке, показывать собственные баннеры или закреплять карточку с информацией о бренде поверх остальных постов. Работает как рекламная сетка внутри ленты соцсетей, без дополнительных плагинов.

Broadcasting превращает ленту в трансляцию для большого экрана. Сценарий: конференция, вестибюль офиса, выставка. Поток соцсетей выводится на проектор или телевизор в реальном времени, гости видят твиты, посты и фото с мероприятия. Поддерживаются все те же соцсети, что и в основном плагине.

Оба расширения продаются отдельно от основной лицензии Flow Flow, уточняйте цены на странице документации плагина.

⁉️🤔 Частые вопросы

Flow Flow тормозит сайт? Замедляет загрузку?

Нет, за счёт серверного кэширования. Лента не подгружает данные из соцсетей при каждом заходе посетителя. Посты кэшируются на вашем сервере, а картинки, обрабатываются один раз при построении сетки. На практике разница в скорости загрузки страницы с лентой Flow Flow и без неё, в пределах погрешности.

Чем Flow Flow лучше бесплатных аналогов?

Тремя вещами. Первое, одновременная поддержка 14 соцсетей в одном потоке (бесплатные плагины обычно тянут 1-2 сети). Второе, конструктор дизайна карточек: вы не привязаны к одному шаблону, любой элемент можно переставить и перекрасить. Третье, модерация: исключение по словам, никам и URL прямо из админки, без редактирования кода.

Можно ли использовать Flow Flow с Gutenberg?

Да, плагин совместим с редактором блоков Gutenberg, добавляет собственный блок «Flow Flow Social Stream». Работает и с классическим редактором (шорткод), и с WPBakery, и с Elementor.

Что делать, если лента перестала обновляться?

Первое, проверьте токены авторизации в разделе Auth. Соцсети периодически отзывают токены или меняют API. Второе, проверьте статус каналов во вкладке Feeds: оранжевый значок означает ошибку, наведите на него, увидите причину. Третье, очистите кэш плагина в настройках. Если не помогло, обратитесь в поддержку Looks Awesome, они отвечают в течение суток.

Поддерживает ли Flow Flow TikTok?

Да, поддержка TikTok добавлена в версии 4.9. Лента TikTok встраивается в общий поток наравне с Instagram, YouTube и остальными соцсетями.

Стоит ли Flow Flow своих $49: итоговый вердикт

Для большинства сайтов на WordPress ответ однозначный: да, стоит. За цену полутора-двух отдельных плагинов под каждую соцсеть вы получаете один инструмент, который закрывает все соцсети сразу, с кэшированием, модерацией и гибким дизайном.

Если вам нужна простая лента из одного Instagram, присмотритесь к бесплатным вариантам вроде Smash Balloon. Но если на сайте должно быть несколько соцсетей в едином потоке, Flow Flow, лучшее, что есть на рынке. Попробуйте бесплатную версию, она доступна на официальном сайте Flow Flow с ограничением в 4 соцсети. Понравится, как работает логика и интерфейс, берите PRO за $49 и разворачивайте полноценную ленту с дизайном под ваш сайт.