Илья Чигарев

Сделаю для вас сайт, который станет источником клиентов, дохода, продвижения

Виджеты на сайте: какие бывают и как их правильно использовать

Виджеты для сайта Разработка сайта

Виджеты — это мощный инструмент, который делает ваш сайт удобнее и функциональнее. Правильно расставленные блоки с поиском, подпиской или соцсетями могут увеличить конверсию на 20-30%. Давайте разберём, какие виджеты бывают и где их лучше разместить для максимальной пользы.

В прошлом уроке мы разобрали, что такое адаптивность сайта и как её проверить.

Что такое виджеты на сайте WordPress?

Виджеты — это готовые блоки с функционалом, которые можно добавить в разные зоны сайта (шапку, подвал, сайдбар) без программирования.

Зачем нужны:

  • Улучшают юзабилити (например, поиск по сайту).
  • Повышают вовлеченность (соцсети, подписки).
  • Увеличивают конверсию (кнопки «Купить»/«Заказать»).

Где размещают виджеты?

Виджеты в шапке

  • Что добавляют:
    • Логотип + телефон.
    • Поиск по сайту.
    • Кнопка «Заказать звонок».
Пример виджетов в шапке
Пример виджетов в шапке

Виджеты в подвале (футере)

  • Что добавляют:
    • Меню с разделами.
    • Копирайт и политика конфиденциальности.
    • Форма подписки на рассылку.
Пример виджетов в подвале
Пример виджетов в подвале

Виджеты в сайдбаре

  • Что добавляют:
    • «Популярные товары».
    • Рекламные баннеры.
    • Краткая информация об авторе.

Важно: Не перегружайте — 3-5 виджетов максимум.

Виджеты в сайдбаре
Виджеты в сайдбаре

Виджеты в теле статьи

  • Что добавляют:
    • Формы подписки
    • Рекламные баннеры
    • Мета информацию
    • Кнопки поделиться в соцсетях
    • Блок об авторе
Виджеты в статье
Виджеты в статье

Какие бывают виджеты?

Похожие записи

  • Зачем: Увеличивает время на сайте.
  • Плагины: Yet Another Related Posts Plugin (YARPP).
Похожие записи
Пример виджета «Похожие записи»

Комментарии

  • Зачем: Обсуждение контента.
  • Где: Ставяться после статей.
Пример комментариев
Пример комментариев

Блоки рекламы

  • Зачем: Монетизация трафика.
  • Плагины: Ad Inserter.
Пример баннера рекламы
Пример баннера рекламы

Форма подписки

  • Зачем: Сбор email-базы.
  • Сервисы: Unisender.
Пример формы подписки
Пример формы подписки на рассылку

Кнопки соцсетей

  • Зачем: Привлечение подписчиков.
  • Плагины: Social Media Share Buttons.
Кнопки соцсетей для сайта
Кнопки соцсетей для сайта

Кнопки «Поделиться»

  • Зачем: Виральный трафик.
  • Плагины: AddToAny.
Кнопки поделиться в соцсетях
Кнопки поделиться в соцсетях

Все эти виджеты уже встроены во все шаблоны WPShop.
Обзор всех шаблонов в этой статье.

русские шаблоны вордпресс

Как добавить виджеты в WordPress?

  1. Перейдите: «Внешний вид» → «Виджеты».
  2. Перетащите нужный блок в зону (сайдбар/подвал).
  3. Для сложных виджетов (как код формы подписки) используйте HTML-код или плагины.

Настройки всех этих виджетов на шаблоне Reboot я показываю в курсе «Идеальный сайт на WordPress 2.0»

Частые ошибки

  • Перегрузка сайдбара → Ухудшает скорость сайта.
  • Неадаптивные виджеты → Ломают мобильную версию.
  • Неочевидные CTA → Кнопки «Купить» должны бросаться в глаза.

ЧИТАЙТЕ ДАЛЕЕ: Заявки с сайта: куда их отправлять и как автоматизировать процесс

Заказать сайт
Поделитесь в соцсетях? Благодарю ✌
Илья Чигарев

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

Добавить комментарий

Отправляя данную форму вы соглашаетесь с политикой конфиденциальности сайта

Новый курс по созданию лендинга в Elementor

Уже уходите?

Чтобы не терять связь, подпишитесь на мой Телеграм. Там делюсь секретами, лайфхаками и сервисами для сайта и заработка в интернете.

Заберите бонусы бесплатно!

Страница откроется в новой вкладке