Адміністратори сайтів на WordPress досить рідко стикаються з HTML і CSS кодом, і в цьому основний секрет успіху та популярності цієї платформи. Більшість воліє візуальний редактор і графічний інтерфейс користувача для налаштування своєї теми, сторінок і плагінів.
Не дивлячись не це, можна, звичайно, змінювати свої сторінки, створювати красиві кнопки і робити багато іншого за допомогою коду, але це не єдиний спосіб. Один з варіантів створення красивих кнопок, call-to-action і цільових сторінок - використання плагінів.
Дивіться також:
- Найкращі WordPress плагіни для кнопок соціальних мереж
- MaxButtons - створюйте круті кнопки будь-якої форми для вашого сайту на WordPress
- Easy Social Share Buttons 4.0 - нова версія кращого плагіна для кнопок соцмереж
- Створюємо свої кнопки для редактора записів WordPress
- Як додати кнопку на адмін панель для швидкого виправлення коду WordPress теми
На WordPress немає опції додавання кнопок за промовчанням. Однак існує багато платних та безкоштовних рішень для їх створення. Що можна використовувати на цільових сторінках та закликах до дії? Є кілька плагінів на WordPress для виконання багатьох завдань. У цьому пості ви дізнаєтеся, навіщо потрібні ці кнопки та плагіни на WordPress і як їх отримати.
Основні типи кнопок
Загалом, кнопки супроводжують відвідувачів з однієї адреси на іншу. Вони наслідують механізм посилань, які поєднують у собі дві сторінки і дають користувачам можливість перейти з однієї на іншу. За призначенням кнопки бувають три види:
- Посилання: Ви можете просто використовувати їх замість посилань. Але, звісно, не на всіх засланнях вони можуть бути.
- Соціальні кнопки: кнопки соціальних мереж дозволяють користувачам обмінюватись посиланнями на сторінках у соцмережах.
- Заклик до дії (CTA, заклик до дії): це інший тип кнопки, який оптимізований у психологічному відношенні та використовується для того, щоб керувати увагою користувача.
Для чого вам потрібні ці кастомні кнопки?
Оформлення сайту є одним із найвагоміших аспектів інтернет-маркетингу. Частка результативності залежить від того, наскільки легко орієнтуватися на вашій сторінці та наскільки добре вона продумана. Дослідження доводять, що сторінки, що викликають інтерес, частіше переконують відвідувачів залишати адреси їх електронної пошти або купувати ваш продукт. Незалежно від того, чи ви продаєте щось чи ні, ви завжди робите комерційну роботу.
Ви продаєте власний бренд. Навіть якщо відвідувачі не до кінця обізнані, вони оцінюють все з дизайну сайту. Кнопки є одним із важливих елементів гарного дизайну. Якщо вони добре продумані і в цілому підходять тематиці блогу, користувачі будуть схильні їх використовувати.
Тому вам потрібні не просто кнопки. Вони повинні бути красивими та давати конверсію з ваших цільових сторінок. Але спочатку давайте поговоримо про самі кнопки.
Способи додавання кнопок на WordPress
Є два способи додавання кнопок на WordPress:
- Код: Ви можете використовувати HTML та CSS для створення кнопок. Для цього знання вказаних мов є обов'язковим.
- Плагіни: просто встановлюйте плагін WordPress, щоб додати кнопки. Це, як завжди, найпростіший спосіб.
На другому способі ми зупинимося в даному пості.
1.MaxButtons
MaxButtons - це безкоштовний WordPress плагін, який дозволяє користувачам отримати красиві та витончені кнопки. Він дає вам можливість створювати та додавати красиві кнопки CSS3 у ваших постах та сторінках. Також цей плагін має більше 70,000 активних установок і є одним із найбільш настроюваних на WordPress.
Основні властивості:
- Загальні налаштування: Ви можете створювати необмежену кількість кнопок та використовувати їх у постах та сторінках із шорткодами. Колір кнопки, розмір тексту, тіні та стиль кордонів, а також багато інших параметрів можуть змінюватися.
- Адаптивність: кнопки, створені за допомогою цього плагіна, виглядають добре як на настільних, так і портативних пристроях.
- Піктограми: можна додавати значки для кнопок, налаштувати їх розташування та розмір. Є більше 35,000 піктограм.
- Підтримка шрифтів Google: однією з найкращих особливостей цього плагіна є підтримка шрифтів Google.
- Pro версія: деякі функції, які були описані, доступні лише у преміум версії плагіна за ціною $19.
2. Buttons Shortcode and Widget
Buttons Shortcode and Widget – ще одне безкоштовне рішення для створення кнопок. Він має чіткий та легкий у використанні інтерфейс.
Основні властивості:
- Загальні налаштування: редагуйте текст, значок, форму, колір, розмір. Також є онлайн-перегляд.
- Без необхідності кодування: цей плагін усуває необхідність знань CSS і все одно створює чудові кнопки.
- Можливість використання у різних місцях: дозволяє використовувати кнопки у постах, сторінках, бічних панелях і навіть у файлах теми. Передбачається, що плагін може працювати будь-де.
- Користувальне оформлення: кожна кнопка має єдину категорію CSS, яка може бути використана для додавання стилів користувача. Або можна призначити кожному прикладу кнопки окрему категорію CSS для індивідуальної стилізації.
Є також преміум-версія, яка включає купу корисних функцій, таких як адаптивні кнопки.
3.Button Maker Plugin
Button Maker Plugin - простий у використанні плагін для створення кнопок WordPress. Він не має значну користувальницьку базу і більше 1000 активних установок.
Основні властивості:
- Створюйте необмежену кількість кнопок та зберігайте їх для подальшого використання. Їх колір, розмір шрифту, напрямок та інше можна змінювати.
- Знає, що приносить конверсію: дозволяє записувати перегляди та кліки на кожну кнопку, щоб ви знали, що перетворюється.
- Платна версія: для розширення можливостей цього плагіна можна придбати преміум-версію. Button Maker Pro дасть вам кілька нових функцій, таких як можливість додавання багаторядкового тексту до кнопок.
4.Easy Social Share Кнопки для WordPress
Easy Social Share Buttons for WordPress - найкращий плагін для соціальних кнопок на wordpress. Це комплексні та оптимальні рішення для підвищення соціальної активності на вашому сайті. На відміну від більшості плагінів у цьому списку він не створений для побудови кнопок загального користування. Навпаки, плагін концентрується лише на кнопки з функцією "поділитися" у соц. мережі.
Основні властивості:
- Плагін інтегрується з більш ніж 45 соціальними мережами, має більше 48 унікальних шаблонів, багато налаштувань.
- Обмін контентом: можливість відображати лічильник для кнопок і дозволяти відвідувачам управляти соц. профілями. Є 123 способи їхнього відображення.
- Template Customizer (Налаштувач шаблону): Налаштування, такі як зміна кольору або розмір кнопки для шаблону, можна легко зробити за допомогою Template Customizer.
- Сумісність: плагін добре працює з BuddyPress, WooCommerce, bbPress та Easy Digital Downloads.
5.Button Pro — CSS3 Buttons
Button Pro - CSS3 Buttons - ще один плагін з CodeCanyon у цьому списку. Коштує всього $4 і має понад 1100 продажів. Плагін включає простий у використанні набір кнопок на основі CSS3 і комплект кнопок для обміну в соц. мережах. Але це не WordPress плагін, тому доведеться трохи розібратися з кодом. Але якщо ви знаєте трохи CSS, можна розпочати роботу досить швидко.
Основні властивості:
- Загальні налаштування: є 3 розміри кнопок та 11 колірних варіацій на вибір. Вам просто потрібно додати категорію CSS, щоб використовувати плагін.
- Документація: разом з плагіном поставляється докладна документація, щоб допомогти вам зробити все якнайкраще.
- Адаптивність: плагін оперативно працює з основними браузерами.
Підсумки
В основному, кнопки – це дрібні деталі сторінки. Однак, вони дуже впливають на дизайн вашого сайту. Ось чому необхідно встановлювати плагін для кнопок WordPress.
Коментарі до запису: 4
Дякую за статтю, багатьох плагінів раніше не бачив. Я, наприклад, використовую мотопрес редактор і там також можна додавати кнопки візуально і стилізувати їх дуже легко.
Особисто я з цієї статті зробив висновок, що все-таки краще використовувати варіант застосування коду, щоб на сайті було менше встановлених плагінів!
Привіт автору цього чудового блогу) Можна питання яким плагіном значки в меню ставити, наприклад головна - значок тако то, про сайт-значок такий то, ви зрозуміли про що я, унікально як це можна зробити?
Добрий день.
Ви можете скористатися плагінами на кшталт Menu Icons, наприклад Menu Icons by ThemeIsle https://ua.wordpress.org/plugins/menu-icons/