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 і розгортайте повноцінну стрічку з дизайном під ваш сайт.