Як зробити динамічну обкладинку Вконтакте - покрокова інструкція. Правила створення динамічної обкладинки в вк своїми руками Анимированная обкладинка в вк

У цій замітці розповім про те, як зробити динамічну обкладинку для спільноти ВКонтакте. Буде безкоштовний спосіб зробити її самостійно, безкоштовний за допомогою сервісу і платний з його ж допомогу.

Отже, поїхали. Якщо ви розумієте, що таке API, PHP, JSON і Cron, при цьому хочете зробити все самі і безкоштовно, то вам сюди. Якщо потрібен готовий скрипт для створення динамічної обкладинки з уже готовими інструкціями по установці, то загляньте сюди.

Якщо ж вам не хочеться морочитися зі скриптами, серверами і іншими технічними моментами, то читайте далі.

Для початку підготуйте обкладинку. Замовте або намалюйте самі, або взагалі візьміть будь-яку картинку, т. К. За допомогою динамічних складових можна буде зробити її класної і унікальною.

Розмір обкладинки робіть 1590х400 пікселів. У можете взяти шаблон розмітки. Обов'язково залиште побільше вільного місця для динамічних елементів. Заздалегідь сплануйте, в яких місцях вони у вас будуть розміщуватися.

Підготовлений макет для динамічної обкладинки

Сервіс пропонує два тарифи: безкоштовний для обкладинки на одну групу і платний, в якому ви платите близько 100 руб. в місяць за кожну групу.

Якщо вам потрібно зробити обкладинку лише для однієї групи, можете скористатися безкоштовним тарифом, але я все ж настійно рекомендую не пошкодувати 100 рублів на місяць і купити платний тариф, який відкриє всі можливості сервісу.

Конструктор динамічних обкладинок

Тут все просто. Головна умова - ви повинні бути адміном або редактором групи, в якій хочете зробити обкладинку.

Увійшовши в сервіс за допомогою облікового запису ВК ви побачите список своїх груп.

Виберіть потрібну групу

Натисніть кнопку «Підключити»

В меню зліва виберіть «Створити нову обкладинку»

Поки шаблонів у вас немає. Тут вибирайте «Порожній шаблон»

Натисніть «Управління фоном» і завантажте картинку для обкладинки

Можна міняти колір, шрифти, розмір, вирівнювання і багато інших параметрів.

Коли закінчите роботу над своєю обкладинкою, збережіть її та вийдіть з редактора. Опублікуйте, і можете йти перевіряти в ВК.

От і все. На цю обкладинку я витратив хвилин 10, не рахуючи часу на створення дизайну заготовки. Простіше, мені здається, нікуди. Якщо виникнуть питання - пишіть в коментарях.

Ще раз посилання на сервіс, щоб не повертатися назад по тексту 🙂

Успіхів вам у творчості!

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

Які дані вміє виводити динамічна обкладинка?

1. Висновок в обкладинку останнього підписувача.Будь-який користувач Вконтакте, який вступив в вашу групу останньому буде виведений з аватарки, а також ім'ям і прізвищем в шапку спільноти.

2. Відображення кращого коментатора, Лайкер або репостера, а також "коментар дня". Піднімайте активність в паблік, виводячи в обкладинці найактивніших передплатників виходячи з різних активностей. Люди, безсумнівно, стануть частіше лайкать пости паблік, залишати коментарі та ділитися публікаціями.

3. Висновок в обкладинку часу, дати і погоди. Дані функції часто використовують міські спільноти, показуючи час часового поясу, в якому знаходиться місто і місцеву погоду. Подібне додає "родзинку" спільноті.

5. Ви можете показувати будь-який текст в обкладинці, в тому числі рандомний.Залишайте контактні дані на інші ваші соціальні мережі в шапці групи Вконтакте, виводите випадковий текст, створивши заздалегідь його добірку. Можете не відмовляти собі в уяві.

6. Зворотний відлік в динамічної обкладинці. Якщо ви проводите акцію, ви можете поставити зворотний відлік у своїй групі, щоб користувачі знали коли вона закінчиться. Таким чином ви будете спонукати користувачів до якнайшвидшої покупці.

7. Виводите останні новини з RSS-стрічки. Якщо у вас є сайт з новинами, можливо, просто блог зі вшитой RSS-стрічкою, ви можете показувати у своїй динамічної обкладинці останні новини у вигляді заголовка статті.

8. "Сьогоднішній іменинник". Підвищуйте рівень лояльності, відображаючи в своїй обкладинці користувачів, у яких сьогодні день народження. Користувачі обов'язково оцінять такий жест.

10. Показувати останні донати. Якщо ваш проект тримається в тій чи іншій мірі на благодійності від передплатників, ви можете простимулювати кількість донатів, виводячи останні пожертвування в свою динамічну обкладинку.

Крім пунктів вище, ви зможете виводити такі дані, як "коментар дня", статистику групи, найактивнішого людини (який більше всіх ставив лайки і коментував), товари групи, кращий пост з фотографією та інші.

Висновок даних відбувається повністю автоматично. Присутній зручний візуальний редактор, ви можете розташуватина динамічної обкладинцібудь-яке зображення і текст. Залишається тільки місце для вашої фантазії.

Які розміри картинок вибрати, як встановити анімовану обкладинку і зробити меню, що ще придумали для оформлення соцмереж - про це в статті. Бонус - шаблон обкладинки для скачування. Оновлений матеріал.

Навіщо групі оформлення

• позначати тематику і напрямок групи;
• економити час користувачів на вивчення спільноти;
• виводити на чільне місце контакти для зв'язку;
• створювати потрібний настрій і тематичну атмосферу;
• мотивувати на коментарі і лайки;
• виконувати інші особливі функції.

можливості Вконтакте

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

Обкладинка

розміри: 1590 × 400 px, видима зона для мобільної версії 1196 × 400 px.

Це витягнута горизонтальна картинка в шапці спільноти, вона неклікабельна.

Обкладинка нашої групи vk.com/prcyru

Обкладинка не обов'язкова для спільноти, якщо її не встановити, аватар групи відкриється в повному форматі праворуч.

Група без обкладинки

Щоб якість обкладинки не псувати, адміністрація Вконтакте радить завантажувати зображення розміром 1 590 × 400 px. Але в мобільній версії вся обкладинка не вміщується в екран, краю праворуч і ліворуч обрізається на 197рх, тому всі дані, тексти та зображення, які не можна різати, краще поміщати в видимій зоні, це 1196 × 400 px. А зверху приблизно 83 рх займає смужка з індикаторами зв'язку, рівня заряду та інших.

Схема обкладинки з розміткою

Щоб вам не розмічати області самостійно, ми зробили шаблон у форматі psd з направляючими, розмежовують області. Його можна скачати.

Написи вмістилися у видимій зоні, значок налаштувань перекриває текст тільки у адміністраторів спільноти обрізати частину назви на обкладинці

Багато радять робити на обкладинці стрілки, які спонукають натиснути на підписку або написати повідомлення.

Стрілка вказує на кнопку подачі заявки
Стрілка показує на кнопку з повідомленням Скріншот статистики групи PR-CY

Якщо аудиторія частіше дивиться групу з мобільних, то в такому значку немає сенсу, тому що в мобільному додатку він зміщується і вказує на мініатюру аватарки, а не на кнопку підписки або повідомлення.

Стрілка вказує на аватарку

Стрілка вказує на порожнє поле

динамічна обкладинка

розміри:такі ж, як у звичайній обкладинки.

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

Приклад з висновком аватарок активних учасників на обкладинку
Аватарка нового передплатника на обкладинці

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

Про те, як самостійно написати скрипт, на Хабрахабр розповідав Петро Самохін. Якщо не хочеться розбиратися в цьому самостійно, є платні сервіси-конструктори, до яких можна підключити групу і налаштувати обкладинку з потрібними додатками за невелику абонентську плату.

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

Анімаційна обкладинка на мобільних

розміри: вертикальні фото і відео 1080 × 1920 px або інші в пропорції 9:16.

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

Обкладинка групи в мобільному перегляді Обкладинка групи при натисканні в мобільному перегляді

Чи включається ця можливість в Настройках спільноти:

налаштування групи
Додавання фотографій

Який розмір матеріалів вибрати:

аватарка

розміри: не менш 200х500 px і не більше 7000 px, співвідношення сторін 2 до 5.

Якщо в групі встановлена \u200b\u200bобкладинка, аватар буде представлений тільки як мініатюра, повну версію можна буде подивитися по кліку. Якщо обкладинки немає, буде виводитися повністю. Для порівняння група PR-CY з обкладинкою і аватаркой і варіант тієї ж групи без обкладинки:

З обкладинкою і аватаркой Тільки з аватарки

Аватар може бути будь-якого розміру не менш 200х500 px і не більше 7000 px з кожного боку, але максимальне співвідношення сторін - 2 до 5. Тобто сильно витягнуту картинку встановити не вийде, ми пробували:

Редактор не дає виділити більш витягнуте поле.

Меню з кнопками

Розміри: Картинка для кнопки від 376х266 точок.

У груп недавно з'явилася можливість додати стрічку меню. Воно виглядає як горизонтальний блок з кнопками, максимум сім кнопок. На них адміністратор може закріпити посилання, але тільки всередині соцмережі - на статтю, пост, товари, додаток, щось інше. Зовнішні посилання не допускаються, так що кнопку «Перейти на сайт» зробити не можна.

Стрічка меню в групі

Керувати меню можна в налаштуваннях групи - відрегулювати кількість кнопок, змінити назву або вилучити, обкладинку і посилання.

Налаштування кнопок меню

Назва кнопки не може бути більше 20 символів, але на смартфоні і ці символи не поміщаються, так що додатково перевірте, щоб назва була зрозумілою:

Меню на смартфоні

Мінімальний розмір обкладинки кнопки - 376х266 точок, але краще зробити в тих же пропорціях крупніше. Кнопки для меню - це прямокутник досить маленького розміру, особливо на смартфонах, так що використовуйте весь простір для дизайну і не додавайте написи.

Вікі-меню

розміри: ширина внутрішньої сторінки 607 px, обкладинка не менше 600 px в ширину.

Вікі-формат ВКонтакте має на увазі сторінку з можливістю форматувати текст, робити списки і підзаголовки, вставляти клікабельні зображення з переходами на розділи ВКонтакте і сторонні сайти.

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

З появою кнопок в меню необхідність в закріпленому вікі-меню відпала, але його все одно можна зробити, якщо вам потрібно помістити в меню більше семи посилань.

Для вікі-меню знадобиться обкладинка, яка буде ілюстрацією до заслання на сторінку меню, і внутрішні розділи.

Обкладинка меню
Фрагмент розділів всередині меню

Ширина поля у вікі-сторінок - 607 пікселів. Картинки можна розтягнути або зробити менше, вказавши розмір в редакторі, який відкривається при натисканні на зображення. Але при розтягуванні і зменшенні псується якість. Автоматично картинки завантажуються з висотою 400 px.

Редактор зображень в вікі

Вікі-сторінка з розділами меню налаштовується в редакторі. Далі посилання на сторінку вставляється в пост на стіні, йому не обов'язково, але бажано зображення. Воно підбирається як звичайна ілюстрація до посту. Прикріплюємо і зберігаємо пост, тепер вікі-сторінка буде відкриватися при натисканні на «Подивитися» або на ілюстрацію.

Тестовий пост з вікі-меню

пости

розміри: Проте 700 px в ширину для звичайних постів, які не меньее 510х288 px для статті в редакторі.

Пости в стрічці підтримують будь-яке зображення, але у різних постів є свої обмеження. В інтернеті зустрічається думка про те, що розмір картинки впливає на ранжування в розумній стрічці, тому вона повинна бути не менше 1 024 px. Ми запитали у підтримки і з'ясували, що розмір не впливає, головне вміст.

Відповідь підтримки про вплив розміру картинки на позицію у видачі

Засновник Церебро Таргет

• конструктор логотипів
• Дизайн елементів фірмового стилю
• Банери і макети
• Шаблони для соц-мереж
• інфографіка
• Майнд-карти

Що таке динамічна обкладинка Вконтакте? - Це обкладинка групи або паблік, на якій відображається змінюється інформація. На таку обкладинку можна додати що завгодно: дату, погоду, фотографію та ім'я останнього вступило передплатника, курс валют, найактивніших передплатників за підсумками дня ... Контент на обкладинці змінюється автоматично і не вимагає ніяких дій від адміністратора. Такі обкладинки стали справжнім трендом в останні кілька місяців. Вони самі по собі привертають передплатників, з їх допомогою можна проводити різні інтерактивні конкурси. Все це виглядає набагато цікавіше стандартної нудною обкладинки.

Щоб створити динамічну обкладинку для Вк потрібно володіти навичками програмування. Принцип роботи полягає в наступному: на сторонньому сервері міститься код, який, звертаючись до API Вконтакте, оновлює обкладинку групи. Але є шлях набагато простіше - Dynamic Cover. Це конструктор обкладинок. У ньому можна створити дизайн обкладинку вашої групи Вк, додати на неї віджети - динамічно блоки. Нижньому ми розглянемо, як можна безкоштовно створити таку обкладинку.

Відео-огляд Dynamic Cover:

Що можна додати на обкладинку за допомогою DyCover.

Ви можете додати на свою обкладинку будь-яку кількість інтерактивних віджетів:

• Передплатник - віджет, який виводить на обкладинку аватарку і ім'я передплатника групи. Це може бути останній передплатник, який вступив в групу, останній коментатор, кращий коментатор по лайкам або за кількістю, кращий Лайкер, репостер, найактивніший і просто користувач, id якого ви вкажіть.
• Погода - віджет з іконками погоди і автоматичним відображенням температури в будь-якому місті.
• Текст - може бути будь-який, змінюваний текст з сайту, якась статистика, дані, що завгодно.
• Дата і час.
• Таймер - зворотний відлік часу до заходу, закінчення конкурсу, старту розпродажу або чогось ще.
• Картинка.
• Сітка - віджет для зручності оформлення, потім не відображається на готової обкладинці.
• Фігури - доступні квадрат, прямокутник, овал, коло і круг.
• Курс валют.
• Віджети для YouTube: логотип з назвою і кількістю передплатників, останні відео та відео за посиланням.
• Динамічні фони, змінювані по періоду і за часом. Наприклад, вдень у обкладинки групи буде один фон, а вночі інший.

Як зробити динамічну обкладинку Вк.

Щоб приступити до створення обкладинки, тиснемо на «Увійти».

Тут з'являються все групи VK, для яких у вас є права адміністратора. Якщо нові групи ще не відображаються, потрібно оновити список, і вони з'являться.

Зі списку вибираємо співтовариство, до якого будемо підключати обкладинку. В меню зліва натискаємо на «Створити нову обкладинку» і вибираємо порожній шаблон.

Після введення назви відкривається конструктор зі списком віджетів.

Для початку потрібно встановити фон. Натискаємо на кнопку «Управління фоном» і завантажуємо картинку.

Фон можна переміщати, довільно рухаючи картинку, міняти масштаб - наближати або віддаляти. Також можна вибрати статичний це буде фон, або він повинен змінюватися по періоду або за часом.

Щоб фон змінювався, потрібно завантажити ще картинки на зміну.

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

При перегляді групи з екрану смартфона справа, зліва і зверху якісь області не буде видно. Щоб наявні віджети повністю відображалися на будь-яких пристроях, можна включити сітку для мобільних.

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

Після розмітки обкладинки можна приступити до додавання основних віджетів. Для заголовка встановимо віджет «Текст». Щоб редагувати віджет, потрібно натиснути на нього в розділі шарів.

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

Подивимося на можливості віджета «Постаті». Використовуємо його для виділення заголовка. Розмір фігури можна довільно змінювати, скруглять краю, робити з прямокутника овал, змінювати колір, рамку і положення. Для фону можна налаштувати ступінь прозорості. Загалом віджет надає багато можливостей для оформлення обкладинки.

Перейдемо до віджету погоди. Для початку потрібно поставити місто, погода в якому буде відображатися. Можна міняти положення тексту та іконки всередині віджета, приховувати швидкість вітру, змінювати одиницю виміру температури, редагувати розмір шрифту, сам шрифт, колір тексту.

У вкладці «Тип погоди» на вибір є 4 шаблону іконок, які будуть змінюватися в залежності від погоди.

Розмір іконок можна змінювати довільно або приховати їх і залишити тільки текст.

Віджет передплатника теж має безліч налаштувань. Тип передплатника визначається у вкладці «Віджет».

На безкоштовній версії сервісу доступні тільки три типи передплатників - останній підписався, останній коментатор і просто передплатник по id. Інші налаштування стандартні: розмір аватарки, округлення, рамка, розмір, регістр і колір шрифту. Можна виводити на обкладинку тільки ім'я або ім'я з прізвищем

Аналогічно відбувається додавання а також встановлювати інші віджетів.

підключення обкладинки

Після розміщення всіх віджетів можна оцінити, як обкладинка буде виглядати на екрані комп'ютера і смартфона. Для цього є режим попереднього перегляду.

Зберігаємо готову обкладинку і повертаємося в конструктор.

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

Тарифи Dynamic Cover - вартість

На базовому безкоштовному тарифі сервісу є обмеження. Доступна одна група і три шаблону.

текст по URL,

кращий коментатор,

кращий Лайкер,

кращий репостер,

розклад фонів,

призначені для користувача шрифти,

віджети YouTube.

Щоб зняти ці обмеження з однієї групи, потрібно заплатити 100 рублів на місяць. Підключити ще одну групу буде коштувати 180 рублів на місяць, дві - 260 рублів і так далі.

Промокод на DYnamic Cover:

Мій відгук про Dynamic Cover:

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

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

Принцип роботи

Звичний класичний дизайн представляє компанію в цілому і розрахований на широку аудиторію. Нове ж рішення від Вконтакте персонализирует контент і показує користувачам найактуальнішу інформацію. Від прогнозу погоди, до статистики з CRM і інших баз даних. Існує два способи реалізації цього завдання.

Скрипти динамічної обкладинки ВК

Цей варіант підходить хіба що для програмістів. Потрібно через API зробити спеціальний модуль. За допомогою Access Token отримати доступ до даних і підставити необхідні значення в макет шапки сайту. Для простих завдань є готові універсальні рішення. Але створити щось оригінальне можна лише самостійно прописуючи необхідний програмний код.

Готове додаток встановлюється на сервер. Це може бути сторонній хостинг або власний комп'ютер. У першому випадку доводиться платити абонентську плату хостера. В останньому - тримати ПК постійно включеним. Інакше «жваве» зображення стає статичним.

Онлайн-сервіси

Після нововведень Вконтакте почали з'являтися веб-ресурси, які автоматизують процес оформлення. За допомогою конструкторів динамічної обкладинки в ВК можна безкоштовно оформити співтовариство і без залучення дорогих фахівців. Досить перетягнути потрібні модулі мишкою в робочу область і налаштувати їх. Завдяки інтуїтивно зрозумілому інтерфейсу, з цим завданням справляються навіть новачки. А головне, що ціна такої автоматизації в десятки разів нижче в порівнянні з написаними на замовлення скриптами програмістів.

Простими і надійними показали себе майданчики LetsCover і DyCover. Для роботи з одним паблік вони надають базовий інструментарій безоплатно. При цьому за символічну плату можна скористатися повним функціоналом.

Навіщо потрібна динамічна обкладинка

Багато тематичні групи встановлюють «живе» оформлення просто для прикраси. Але комерційні паблік існують за рахунок реклами і продажу товарів. Для них правильно підібрані віджети дають більше переваг:

1. Лояльність передплатників. Корисний модуль в шапці сторінки інформує відвідувача про знижки, акції, новини, наявність товару і т.д. Це вирішує проблему існуючих клієнтів і призводить нових.
2. Збільшення конверсії. Плагін складських залишків і цокаючий таймер провокують відвідувачів на швидку покупку.
3. Скорочення рекламного бюджету. Люди активніше лайкають і роблять репости. Це збільшує органічний приріст і економить кошти на просування.

Популярні віджети

Кожен елемент дизайну являє собою змінюється блок. Змінними можуть бути:

• час;
• активність учасників;
• фонові зображення;
• статистика CRM;
• дані RSS каналу і т.д.

Розглянемо найбільш поширені модулі.

передплатник

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

таймер

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

Погода

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

Курси валют

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

Текст по посиланню

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

Приклад створення динамічної обкладинки в ВК

Розглянемо оформлення спільноти з використанням сервісу DyCover.

На сайті немає класичної реєстрації. Натиснувши кнопку «Увійти», внутрішнє додаток запитує дозвіл на доступ до профілю в Вконтакте.

Відразу після авторизації система видає діалогове вікно для вибору сторінок, які перебувають під вашим управлінням. Якщо з'явилося ще одне повідомлення, переходимо у вкладку «відкрити конструктор» і вибираємо паблік, який потрібно підключити.

Якщо ви тільки створили групу, і вона не відображається на сервісі, клікніть «Оновити список». Так все зміни вступлять в силу.

Підтверджуємо дію:

Послідовно виконуємо наступні кроки:

1. Кількома «Створити нову».
2. Вибираємо «Порожній шаблон».
3. Вводимо назву проекту.
4. Підтверджуємо його.

Завантажуємо фонову картинку. Можна взяти її з фотостоку, попередньо підготувати унікальне оформлення або скористатися внутрішньою бібліотекою.

У попередній статті ми детально розбирали вимоги до зображень: орієнтацію, відступи, «сліпі зони» і т.д. Нагадаю, рекомендований розмір 1590 х 400 px.

Підігнати підкладку під задані параметри можна в будь-якому графічному редакторі. Але якщо у вас такої можливості немає, досить скористатися вбудованими інструментами. При цьому можна використовувати один статичний фон або кілька, мінливих з необхідним тимчасовим інтервалом.

А зараз розберемося з тим, як зробити динамічну обкладинку Вконтакте «рухомий». З панелі керування додаємо потрібні нам віджети. Для прикладу використовуємо «Найактивніший» і та «Останній передплатник». Так ми вітаємо новачка. При цьому ставимо йому в приклад користувача, який відзначився. Не зайвим виявляється і винагороду за активність!

Для коректного відображення шапки паблік на всіх пристроях відзначаємо чекбокс «Сітка для мобільних». Вона показує області, які будуть приховані на телефоні.

Кожен модуль має гнучкі інтуїтивно зрозумілі налаштування. Тому не будемо загострювати на них увагу. Змінити будь-який з використаних блоків можна клікнувши по ньому в області візуального предпросмотра або в розділі «Шари».

Додаємо пару елементів оформлення і вставляємо ще один простий, але дуже потужний віджет - «текст за посиланням». З представлених джерел вибираємо Гугл таблиці - це доступне кожному засіб відображення. Підставлені туди змінні, автоматично з'являються і в шапці паблік.

Не забуваємо зберігати зміни, натискаючи відповідну кнопку!

Ось ми і розібралися з тим, як створити динамічну обкладинку для групи в ВК. За півгодини простими діями підготували фон, який привертає увагу нових передплатників, підраховує бонусні бали існуючих і розповідає про досягнення компанії.

Перевіряємо на передперегляді як картинка виглядає на різних пристроях. Вона повинна мати високий дозвіл для комп'ютера. А на мобільному телефоні зберігати всі інформативні елементи.

Сьогодні ми розглянули один із способів пожвавлення спільноти в соціальних мережах. Ви дізналися, як безкоштовно створити динамічну обкладинку у Вконтакте, залучити передплатників і збільшити продажі. Отримали можливість виділитися із загальної маси. А це означає, що на змінюваному ринку конкуренти відстали від вас ще на один крок.