Як додати підвал сайту
Підвал сайту або футер (Footer) — це статична частина внизу сторінки сайту, яка зазвичай містить додаткову інформацію про контакти та умови співпраці.
В статті розглянемо, як додати підвал сайту в конструкторі SendPulse.
Додайте блок
Натисніть Додати блок та перейдіть у ліву панель інструментів. У розділі Підвал сайту (Footer) виберіть шаблон.
Підвал сайту — це наскрізний блок, який додається на усіх сторінках сайту, а будь-які зміни синхронізуються. За потреби ви можете приховати цей блок в налаштуваннях окремих сторінок.
Налаштуйте вміст
Ви можете редагувати наявні в шаблоні елементи або додавати нові секції, колонки та віджети, щоб розширити функціональність підвалу. Наведіть курсор на елемент та натисніть + Додати віджет/секцію/колонку (+ Add widget/section/column).
Розглянемо, який контент найчастіше зустрічається у підвалі сайту та як його розмістити за допомогою віджетів.
| Основна навігація | Посилання на головні розділи сайту можна додати за допомогою віджета Текст (Text).
Введіть текст ідентичний до назви розділу, виділіть його та додайте посилання, використовуючи ID блоку. |
| Контакти | Усі канали звʼязку можна додати за допомогою віджетів Чат-боти (Chatbots), Соціальні мережі (Socials) та Карта (Map). |
| Юридична інформація | Посилання на політику конфіденційності можна реалізувати на сайті через віджет Текст (Text) та додане посилання на відповідний документ чи сторінку. |
| Підписка на новини | Форма email підписки на новини компанії додайте за допомогою віджета Форма (Form). |
Для візуального розділення елементів ви можете використовувати віджети Відступ (Spacer) та Лінія (Divider).
Якщо у вас великий сайт з розділами, рекомендуємо також додати кнопку Вгору, яка буде повертати користувача на початок з підвалу сайту чи іншої частини.
Налаштуйте зовнішній вигляд
Щоб кастомізувати зовнішній вигляд підвалу сайту, наведіть курсор на блок та натисніть значок олівця (Налаштування блоку). Доступні такі опції для налаштування:
| Колір фону (Background color) | Виберіть колір фону з палітри. |
| Відступ зверху й знизу (Top and bottom margin) | Налаштуйте верхеій та нижній відступи у пікселях — в цих проміжках не будуть додаватися елементи, вони будуть пусті. |
| Фонове зображення (Background image) | Виберіть файл з файлового менеджера або завантажте свій. Ви можете додати файл до 5 МБ. |
| Верхній роздільник (Top divider) | Інструмент для візуального відокремлення підвалу сайту за допомогою верхньої лінії.
Виберіть форму серед запропонованих, налаштуйте колір, висоту, повтор та віддзеркалення. |
| Нижній роздільник (Bottom divider) | Інструмент для візуального завершення сайту за допомогою нижньої лінії. Виберіть форму серед запропонованих, налаштуйте колір, висоту, повтор та віддзеркалення. |
| На всю ширину екрану (Full-screen width) | Підвал сайту буде відображатися на всю ширину сайту. |
| На всю висоту екрану (Full-screen height) | Підвал сайту буде відображатися на всю висоту сторінки. |
| Приховати блок на (Hide block on) | Підвал сайту не буде показуватись на десктопній або на мобільній версії сайту. Виберіть де приховати блок. |
| Закріпити знизу сайту (Pin to the buttom of the site) | Підвал сайту буде закріплений як найнижчий елемент сайту. |
Керуйте показом підвалу сайту
Ви можете керувати показом підвалу сайту. Наведіть курсор на блок, натисніть іконку з трьома крапками та виберіть дію.
| Копіювати (Duplicate) | Дублює блок з усіма його налаштуваннями. |
| Приховати на цій сторінці (Hide on this page) | Прибирає підвал тільки на цій сторінці, водночас на інших сторінках він зберігається. |
| Видалити (Delete) | Видаляє блок з усіма його налаштуваннями на усіх сторінках сайту. |
Скопіюйте ID
Для кожного елемента передбачений ідентифікатор (ID), який визначає елемент на сторінці. З його допомогою ви можете застосовувати стилі та скрипти, налаштовувати показ попапів та відстежувати події по цьому елементу.
Щоб скопіювати ID, натисніть на нього. Щоб відредагувати ID, натисніть на значок олівця.
Читайте докладніше: ID блока та віджета.
Оновлено: 07.02.2025
або