Футер

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

Що це таке

Підвал сайту є протилежністю хедера і так само наскрізний для всіх сторінок. У HTML-коді вміст футера сторінки виділяється однойменними тегами і має такий вигляд:

<footer>
      <p> Назва вашої компанії. © Всі права захищені.</p>
    </footer>

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

• логотип;
• копірайт;
• контакти (телефонний номер, адреса електронної пошти);
• графік роботи;
• основні категорії сайту;
• посилання на соцмережі.

Приклади оформлення футера сайту

Дублювання розділів сайту

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

Більше контактних даних

Можна додати адреси офлайн-точок, різні номери телефонів, графік роботи, емейл-адреси, запропонувати контакт через чатбот чи зворотний дзвінок тощо.

Пропозиція підписатися на розсилку

На відміну від попапа або іншої форми підписки, це поле для введення не можна згорнути або закрити — воно буде доступне на всіх сторінках.

Акцент на соцмережах

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

Запрошення в мобільний застосунок

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

Девіз компанії

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

Юридичні дані

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

Соціальні докази

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

Авторські права

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

Найчастіше цей напис містить © (символ охорони авторського права), рік публікації чи існування ресурсу, а також ім'я правовласника.

Пошуковий рядок

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

Приклад оформлення футера листів

Для футера email-розсилки основними елементами є:

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

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

Адреса електронної пошти підписника

У CDP eSputnik можна додати емейл підписника завдяки змінній %EMAIL%, що допоможе одразу побачити, з якої адреси було оформлено підписку або реєстрацію. Це особливо актуально для підписників, у яких налаштований редирект з інших пошт.

Корисні посилання

Якщо у вас є категорії підписки або ви активно збираєте дані про підписників в особистому кабінеті, обов'язково вказуйте, де можна їх заповнити.

Додаткові умови акції

Для проморозсилок доречно додати блок із детальним описом умов акції. Щоб не відволікати увагу в тілі листа, можна винести всі подробиці в підвал.

Дані персонального менеджера чи автора листа

Такий варіант оформлення — візитівка вашого менеджера. Ключові елементи професійного підпису містять:

• ім'я;
• посаду;
• компанію;
• номер телефону.

Також можна вказати емейл і продублювати посилання на вебсайт вашої компанії.

Нагадування про переваги

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

Існує багато варіантів і дизайнів, які ви можете вибрати для нижнього колонтитулу сайту чи листа. Дотримуйтеся простих правил під час створення футера:

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

Щоб розробити якісний футер і весь лист, використовуйте email-редактор від CDP eSputnik. Він має інтуїтивно зрозумілий інтерфейс, усі потрібні блоки для створення емейлів, шаблони та навіть вбудованого AI-помічника.