Logo

Наталья Устименко

Head of Direct Marketing

Футер

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

Футер. Что это такое?

Футер (footer) –

это финальный контентный блок на сайте, в письме или на посадочной странице. Чаще всего он содержит вспомогательную информацию о компании: контакты, адрес, соцсети, полезные ссылки и т.д.

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

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

Изначальная цель футера – продублировать важную для посетителя информацию. Этот блок не рекомендуется перегружать, а лучше оставлять только самые необходимые данные и ссылки. Какие есть обязательные элементы для подвала сайта:

  • логотип,
  • копирайт,
  • контакты (телефонный номер, адрес электронной почты),
  • график работы,
  • основные категории сайта,
  • ссылки и кнопки на соцсети.

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

Дублирование разделов сайта

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

Футер с разделами сайта

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

Например, если нужно добавить адреса офлайн-точек, разные номера телефонов, емейл-адреса, предложить контакт через чат-бота и т.д.

Контактная информация в футере

Предложение подписаться на рассылку

В отличие от поп-апа либо другой формы подписки, это поле для ввода нельзя свернуть или закрыть – оно будет доступно на всех страницах.

Предложение подписаться

Акцент на соцсетях

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

Блок с соцсетями

Приглашение в мобильное приложение

Чаще всего ссылки на приложение расположены чуть выше остального контента футера, что делает этот блок более заметным. Помимо ссылок в AppStore и Google Play, можно также предложить пользователям скачать приложение с помощью сканирования QR-кода.

Приглашение в приложение

Девиз компании

Если у вас есть лозунг или девиз, то его тоже будет уместно дублировать в футере. Так вы сможете ещё раз напомнить о ваших ценностях и за что вы выступаете.

Девиз компании в футере

Юридические данные

Добавление ссылок на антиспам-политику, условия пользования, политику конфиденциальности и т.д. более актуально для западных компаний, так как их законы более жесткие. Но и на отечественном рынке эта информация больше располагает к себе посетителей, так как вы ничего не скрываете от них.

Пользовательское соглашение

Социальные доказательства

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

Рейтинг компании

Авторские права

Информация об авторских правах не является обязательной, но встречается практически на каждом веб-сайте. Это уведомление предупреждает, что все элементы сайта – это ваша собственность и копировать их нельзя.

Чаще всего эта надпись включает © (символ охраны авторского права), год публикации/существования ресурса и имя правообладателя.

Знак копирайта

Поисковая строка

Пользователи могли сразу не найти то, что искали, поэтому в нижней части страницы смогут ввести свой запрос. Ведь если они долистали до конца страницы, значит, они ещё что-то ищут. А так они останутся на сайте немного дольше и получить нужные ответы.

Строка поиска

Пример оформления футера писем

Если же рассматривать футер email-рассылки, то для него обязательными элементами считаются:

  1. Причина получения письма пользователем. Чтобы сразу было понятно, каким образом этот емейл попал к вам в базу.

  2. Ссылка “Отписаться”. Чтобы пользователь мог легко отказаться от получения писем без ущерба для вашей репутации.

  3. Веб-версия. Этот элемент перекочевал из шапки письма и важен менее первых двух. Часто используется для копирования ссылки на письмо и дальнейшей ее пересылки или публикации.

Обязательные элементы в письме

Все остальные данные могут быть опциональными и аналогичны тем, что есть на сайте. Рассмотрим варианты, которые применимы только для подвала письма.

Адрес электронной почты подписчика

В eSputnik можно добавить емейл подписчика с помощью переменной %EMAIL%, что позволит сразу увидеть, с какого адреса была оформлена подписка или регистрация. Особенно актуально это видеть подписчику, если он настраивает редирект с других почт.

Емейл получателя

Полезные ссылки

Если у вас есть категории подписки либо вы активно собираете данные о подписчиках в личном кабинете, обязательно указывайте, где можно их заполнить.

Настройки рассылок

Дополнительные условия акции

Для проморассылок будет уместным блок с более детальным описанием условий акции. Чтобы не отвлекать внимание в теле письма, можно вынести все подробности в подвал.

Дополнительные условия

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

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

  • имя,

  • должность,

  • компанию,

  • номер телефона.

Также можно указать емейл (даже если он совпадает с почтой отправителя) и продублировать ссылку на веб-сайт вашей компании.

Менеджер

Напоминание о преимуществах

Бесплатная доставка, личный ассистент, быстрый возврат товаров и т.д. – это все может повлиять на решение о покупке. Можно подготовить отдельный блок именно для такой информации и даже сделать ее более контрастной.

Преимущества компании

Лучший способ почерпнуть идеи – взглянуть на оформление подписей в нашем разделе с примерами писем.


Существует много различных вариантов и дизайнов, которые вы можете выбрать для своей подписи в электронной почте или нижнего колонтитула сайта. Придерживайтесь простых правил при создании футера:

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

  • Определитесь с целью, которую должен выполнять этот блок:

    • Для маркетинговых задач добавляйте иконки социальных сетей, ссылки на новый контент сайта и т.д.

    • Для продаж – баннеры с последним акционным предложением, разделы сезонных товаров и т.д.

    • Для взаимоотношений с клиентами – девиз, рейтинги и отзывы, упоминание вашей миссии и услуг.

  • Оцените удобство и ясность содержимого для пользователя. Действительно ли здесь находится только важная посетителям сайта информация?

Наталья Устименко

Head of Direct Marketing