Шаблоны нижнего колонтитула Elementor: 34 готовых дизайна

Шаблон нижнего колонтитула Elementor - это нижний раздел веб-сайта, сохраненный в виде готового дизайна. Он содержит логотип, ссылки на главную страницу, контактные данные, социальные ссылки и строку авторских прав, а конструктор тем показывает его на каждой странице.

Ниже приведены 34 шаблона нижних колонтитулов Elementor в библиотеке Master Addons, сгруппированные по типу подходящего им сайта. У каждого есть скриншот и живая демонстрация, которая открывается в новой вкладке. вы вставляете их со вкладки "Подножки" Библиотека шаблонов Master Addons. Строитель нижнего колонтитула в Мастер-создатель тем аддонов является бесплатным, и один импорт помещает нижний колонтитул на каждую страницу без Elementor Pro.

Ищете верхнюю часть страницы? Наш Шаблоны заголовков Elementor у Поста 43 заголовка, и многие нижние колонтитулы здесь взяты из одной и той же формы.

Прыгайте к тому, ради чего пришли:

• 34 шаблона футеров по типам сайтов: SaaS, CTA, местный бизнес, магазин и минимум
• Что поместить в нижний колонтитул сайта: контрольный список из семи пунктов
• Советы по дизайну нижнего колонтитула веб-сайта: что работает, распространенные ошибки и мобильные нижние колонтитулы
• Как добавить шаблон нижнего колонтитула Elementor: пять шагов с Theme Builder
• Часто задаваемые вопросы

34 шаблона нижнего колонтитула Elementor по типу сайта

34 фута делятся на пять групп. выберите ближайшую к вашему сайту и откройте две или три демо-версии рядом, прежде чем решите.

Шаблоны нижнего колонтитула SaaS и запуска Elementor

Нижние колонтитулы от SaaS и комплекты tech.Most следуют одному шаблону: логотип и однострочное вступление слева и три или четыре столбца ссылок справа.Finix и Optivue добавляют пробную подсказку над ссылками.

1. Craftova: компактный шаблон нижнего колонтитула SaaS Elementor

Короткий нижний колонтитул: введение бренда слева, ссылки на компанию, продукт и ресурсы справа. Используйте его, когда страницы над ним уже длинные.

2. Finix: Темный шаблон нижнего колонтитула SaaS Elementor

Наклонная фиолетовая полоса с чтением “try finix для free” пересекает верхний край Под ним черный нижний колонтитул держит логотип, короткое вступление и четыре столбца ссылки Эта полоса - последний призыв к действию на странице.

3. Klyro: шаблон нижнего колонтитула технического информационного бюллетеня Elementor

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

4. Лифт свинца: шаблон нижнего колонтитула Elementor SaaS

Столбцы "Страницы, ресурсы и компания" вверху, затем нижняя полоса, повторяющая несколько быстрых ссылок рядом со строкой авторских прав.

5. Nexis: шаблон нижнего колонтитула Elementor Light SaaS

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

6. Optivue: шаблон пробного нижнего колонтитула Elementor SaaS

В верхнем ряду написано “Давайте начнем 14 дней” рядом с желтой пробной кнопкой Ниже приведены однострочное вступление к продукту и столбцы "Компания" и "Социальные сети" на черном.

7. Sempla: четырехколоночный шаблон нижнего колонтитула SaaS Elementor

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

8. Zaplyte: шаблон нижнего колонтитула Elementor SaaS

Социальные значки расположены под логотипом, а столбцы "Компания", "Справка" и "Ресурсы" заполняют правую сторону чистого белого макета.

Шаблоны нижнего колонтитула с CTA или информационным бюллетенем

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

9. Агентство CTA Box: шаблон нижнего колонтитула контактного бокса агентства Elementor

Очерченная рамка "Свяжитесь с нами" находится над четырьмя темными столбцами: вступление, услуги, тематические исследования и регистрация в информационном бюллетене.

10. Строка информационного бюллетеня: шаблон нижнего колонтитула информационного бюллетеня Elementor

Поверху проходит панель информационных бюллетеней с полем электронной почты и кнопкой Подписаться. Ниже приведены столбцы "Продукты", "Компания" и "Поддержка", а также столбец контактов.

11. Techbyte: Шаблон нижнего колонтитула CTA агентства Elementor

Темная округленная карта спрашивает “Have an Awesome Project?” с кнопкой "Начать работу" рядом с ней. Под тонкой линией находится имя Techbyte, двухстрочное вступление и текстовые социальные ссылки.

12. Clowdify: шаблон нижнего колонтитула карты Elementor CTA

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

13. Sabrion: шаблон нижнего колонтитула регистрации пробной версии Elementor

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

14. Shiftflow: шаблон нижнего колонтитула доски заданий Elementor

Ссылки категории вакансий на одной стороне и регистрация объявления о вакансии с кнопкой "Уведомлить меня" на другой Посетители, которые не нашли работу сегодня, могут попросить услышать о следующей.

Шаблоны нижнего колонтитула местного бизнеса и обслуживания

Подставки для клининговых компаний, стоматологов, сантехников, терапевтической клиники, ресторана, агентства недвижимости и ИТ-фирмы. Большинство из них указывают номер телефона, адрес и часы работы, в которых их ожидает клиент.

15. ГлавнаяОсь: шаблон нижнего колонтитула недвижимости Elementor

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

16. Tecpart: шаблон нижнего колонтитула ИТ-компании Elementor

Список из двух столбцов каждой страницы плюс ссылки "Следуйте за нами", помещенный в ту же ширину, что и заголовок Tecpart.

17. Balanciq: шаблон нижнего колонтитула клиники элементорной терапии

Рядом меню проходит вверху, с контактными данными и расположением клиники под ним на военно-морском флоте. Он сохраняет спокойное расстояние между комплектом Balanciq.

18. Очиститель: шаблон нижнего колонтитула службы очистки Elementor

Белый нижний колонтитул со списком услуг, быстрыми ссылками и маркировкой телефонной, электронной почты и адресных линий.

19. Очистка: шаблон нижнего колонтитула компании по очистке элементара

Глубокий синий нижний колонтитул с однострочным слоганом и колонками "Компания, услуги и социальные услуги". Он использует тот же синий цвет, что и заголовок "Очистка".

20. Кулинария: шаблон нижнего колонтитула ресторана Elementor

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

21. Стоматология: шаблон нижнего колонтитула стоматологической клиники Элементор

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

22. Grip: шаблон нижнего колонтитула агентства Elementor

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

23. Plumbiq: шаблон нижнего колонтитула сантехнического обслуживания Elementor

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

Шаблоны нижнего колонтитула магазина и блога

Нижние колонтитулы для магазинов и блогов: значки платежей, последние сообщения, часы работы и множество столбцов ссылок для категорий.

24. Часы работы блога и бизнеса: шаблон нижнего колонтитула блога Elementor

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

25. Карта рабочего времени: шаблон нижнего колонтитула рабочего времени Elementor

Адрес, телефон и электронная почта слева и синяя карта рабочего времени справа.

26. Платежные значки Магазин: Шаблон нижнего колонтитула магазина Elementor

Продукты, компании и поддержки ссылки с иконками Visa, Mastercard и PayPal под ними. покупатели видят, какие карты вы берете перед оформлением заказа.

27. Сартиво: Шаблон нижнего колонтитула модного магазина Elementor

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

Классические и минимальные шаблоны нижних колонтитулов

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

28. Центрированный темный контакт: шаблон нижнего колонтитула контакта, центрированного по элементуру

Логотип, короткое вступление, адрес, телефон, факс и социальные значки - все они сосредоточены на черном цвете.

29. Центрированное социальное: шаблон социального футера, ориентированного на элемент

Логотип по центру, ряд цветных социальных кнопок и одно меню по центру Это один из двух самых маленьких нижних колонтитулов здесь, рядом с Minimal Blue Social.

30. Темный Instagram: темный шаблон нижнего колонтитула с четырьмя колонками Elementor

Контактные данные, полезные ссылки, примечание о подписке и фотосетка Instagram в четырех темных столбцах со строкой авторских прав внизу.

31. Получите указания: шаблон нижнего колонтитула указателей элементов

Темный нижний колонтитул с кнопкой "Получить направление", услугами и ссылками на компании, а также регистрацией на рассылку новостей.

32. Легкий Instagram: шаблон нижнего колонтитула Elementor Light с четырьмя колоннами

Тот же четырехколоночный макет белого цвета со ссылкой "Просмотреть больше" под сеткой Instagram.

33. Минимальный синий социальный: шаблон минимального нижнего колонтитула Elementor

Синий нижний колонтитул с логотипом по центру и надписями Facebook, Twitter, Dribbble, Behance и Instagram.

34. Онлайн-курсы: шаблон нижнего колонтитула онлайн-курса Elementor

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

Какой шаблон нижнего колонтитула подходит вашему сайту?

Что поместить в нижний колонтитул сайта

Нижний колонтитул веб-сайта должен удерживать вещи, которые ищут посетители, когда они не могут найти их в меню. Большинство хороших нижних колонтитулов включают эти семь пунктов:

1. Ваш логотип и однострочное описание, поэтому тот, кто попал на глубокую страницу, знает, чей это сайт.
2. Ссылки на страницы, которые люди ищут больше всего: цены, услуги, о, контакты, карьера, помощь или документы.
3. Контактные данные: телефон, электронная почта и адрес, а также телефон и электронная почта в качестве кликабельных ссылок.
4. Часы работы, если у вас есть магазин, клиника или офис, которые посещают люди.
5. Ссылки на социальные профили, указывающие на ваши реальные учетные записи.
6. Юридические ссылки: Политика конфиденциальности, Условия и страница файлов cookie или доступности, если она вам нужна.
7. Линия авторских прав с текущим годом Старый год делает сайт заброшенным.

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

Дизайн нижнего колонтитула веб-сайта: что работает и чего следует избегать

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

Что делают лучшие подножки сайта

• Дайте каждому столбцу по одному заданию. Sempla разделяет страницы, утилиты, ресурсы и помощь, поэтому посетитель сканирует заголовки и знает, где искать.
• Поставьте одно действие над ссылками. Finix, Optivue и Clowdify просят пробную версию перед столбцами ссылок, которая ловит посетителей, которые читают до конца.
• Сделайте контактные данные кликабельными. следует использовать номера телефонов tel: ссылки и адреса электронной почты mailto:, так что нажатие на телефон начинает звонок или открывает почтовое приложение.
• Соответствовать заголовку. подножки комплекта, такие как Cleanery, Tecpart и Balanciq, повторно используют цвета и ширину заголовка, поэтому верх и низ каждой страницы совпадают.
• Сохраняйте контраст на темном фоне. светло-серые ссылки на темно-синем или черном цвете легко читать, а средне-серые - нет.

Распространенные ошибки при проектировании подножек

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

• Остался текст-заполнитель: семнадцать футов все еще имели Lorem Ipsum или образец копии, а некоторые назвали неправильную марку, например нижний колонтитул Finix, в котором был указан “try termix для free”.
• Одни и те же ссылки в каждом столбце: девять нижних колонтитулов повторяли одни и те же ссылки под разными заголовками столбцов. Создайте отдельное меню WordPress для каждого столбца.
• Метки, не соответствующие значению, например “Phone:” над адресом электронной почты.
• Кнопки и текст с низким контрастом: одна демонстрационная кнопка имела белый текст на светло-зеленом цвете в 2,0:1. WCAG просит 4,5:1 для обычного текста.
• Формы регистрации без кнопки отправки или необработанный короткий код, отображаемый из-за отсутствия плагина формы.
• Социальные значки без ссылки и год авторских прав, которому несколько лет.

Подсказки нижнего колонтитула мобильного сайта

На телефонах четырехколоночный нижний колонтитул становится одним длинным столбцом, поэтому порядок имеет значение. сначала поставьте контактные данные и наиболее используемые ссылки, а затем информационный бюллетень. делайте ссылки и кнопки высотой не менее 44px и проверяйте, чтобы ни один элемент не торчал за край экрана, что вызывает боковую прокрутку. в Elementor переключитесь на мобильный вид в редакторе и установите ширину столбца на 100%, если контейнер не штабелируется сам по себе.

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

Как добавить шаблон нижнего колонтитула Elementor на свой сайт

Нижний колонтитул - это шаблон Theme Builder: вы создаете его один раз, и он появляется внизу каждой страницы. построитель нижнего колонтитула в Master Addons свободен и работает с ядром Elementor, поэтому вам не нужен Elementor Pro.

Видео ниже переносит один из этих нижних колонтитулов из библиотеки шаблонов на живой сайт. под ним выписываются те же шаги.

1. На своей панели управления перейдите к Мастер-аддоны → Theme Builder, нажмите Добавить новый шаблон, установите тип Нижний колонтитул и нажмите Редактировать с помощью Elementor.
2. В редакторе нажмите Шаблоны главных дополнений баттон, открой Подставки вкладка, выберите дизайн и нажмите Вставить.
3. Замените логотип и текст, укажите каждый Виджет меню навигации в своем собственном меню WordPress, и добавить свой реальный телефон, электронная почта и URL-адреса социальных профилей. если нижний колонтитул имеет форму, подключите его к своему собственному Контактная форма 7 форма.
4. Открыть Условия вкладка, набор Включить → Весь сайт и опубликовать.
5. Если ваша тема по-прежнему печатает свой нижний колонтитул под новым, выключите нижний колонтитул темы в настройках или настройке.

The руководство по созданию тем Footer показывает каждый шаг с помощью скриншота. если вы предпочитаете редактировать существующий нижний колонтитул, чем заменять его, следуйте нашему руководству как редактировать нижний колонтитул в WordPress с помощью Elementor.

Нижний колонтитул, заголовок, раздел или комплект: какой шаблон вам нужен?

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

Нижние колонтитулы с пометкой Pro в библиотеке нуждаются в Лицензия Master Addons Pro, который также разблокирует полные комплекты большинство этих нижних колонтитулов приходят от. строителя нижних колонтитулов, который размещает их на вашем сайте, остается бесплатным в любом случае.

Часто задаваемые вопросы

Выберите нижний колонтитул, поставьте его один раз

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

Связанное чтение: как импортировать шаблон Elementor, Шаблоны заголовков Elementor и Собственное руководство Элементора по созданию нижнего колонтитула.