Страницы, поп‑апы и якорные ссылки
Как собрать многостраничный сайт, связать кнопки со страницами и поп‑апами и безопасно удалить ненужную страницу.
Несколько страниц нужны, когда одно полотно уже не помогает клиенту быстро найти нужное: например, услуги, тарифы и контакты требуют отдельных маршрутов. В Edler каждая дополнительная страница получает собственный адрес, а кнопки могут вести на страницу, конкретный блок или поп‑ап.
В результате вы соберёте понятную структуру сайта и проверите, что переходы не теряются при изменениях. Инструкция пригодится владельцу сайта и сотруднику, который отвечает за содержание и заявки.
Что подготовить
Составьте короткий список страниц и решите, какую задачу клиента закрывает каждая. Название должно быть понятным в меню, а адрес — коротким и узнаваемым. Для поп‑апа заранее определите содержание: форма заявки или документ, например политика обработки персональных данных.
Отдельно выпишите кнопки, которые должны вести на новые страницы или открывать поп‑апы. Такой список пригодится при финальной проверке.
Шаг 1. Добавьте страницу
В верхней панели конструктора откройте список страниц и нажмите «Добавить страницу». В окне «Новая страница» введите «Название страницы» и нажмите «Создать». Edler сразу откроет новую страницу на холсте.
Под названием показывается будущий адрес. Он формируется из названия автоматически, поэтому ещё до создания можно заметить слишком длинный или непонятный вариант.
Шаг 2. Проверьте название и адрес
Откройте «Настройки страницы». В поле «Название» задайте подпись страницы, а в поле «Адрес» — часть ссылки после домена. Для адреса допустимы латинские буквы, цифры и дефисы, длина — до 40 символов; некоторые служебные имена заняты. Если такой адрес уже используется, Edler не сохранит его.
Главная страница живёт в корне сайта и отдельного адреса не имеет. У дополнительной страницы получится ссылка вида адрес-сайта/услуги.
Шапка, подвал и поп‑апы общие для сайта. Они хранятся на главной странице и автоматически показываются на дополнительных страницах. Меняйте их как общие элементы, а не создавайте копии для каждой страницы.
Шаг 3. Добавьте поп‑ап и настройте якорь
На главной странице найдите полку «Поп‑апы» и нажмите «Добавить». Поп‑ап не занимает место среди секций: он открывается поверх сайта. В Edler доступны поп‑ап с формой и поп‑ап‑документ.
У каждого поп‑апа есть якорь, например #form или #policy. Полная ссылка выглядит как адрес-сайта/#form. Якорь вводится латиницей; при сохранении Edler приводит его к строчным буквам, заменяет неподходящие символы дефисами и проверяет, не занят ли он другим поп‑апом.
Чтобы связать кнопку с поп‑апом, откройте у кнопки «Куда ведёт» и выберите нужную цель. Если переименовать якорь в карточке поп‑апа, Edler автоматически перепишет кнопки, которые вели на прежний якорь.
Шаг 4. Удаляйте страницу после проверки ссылок
Откройте «Настройки страницы» и выберите «Удалить страницу». Главную удалить нельзя. Если на дополнительную страницу ведут кнопки из других разделов, Edler сначала покажет, из каких блоков и страниц идут ссылки.
После подтверждения страница и её собственные секции удаляются. Ссылки на неё перестают работать, а кнопки с такой целью переходят к стандартному действию — форме заявки. Поэтому перед удалением переназначьте эти кнопки на актуальную страницу, блок, поп‑ап или внешний адрес. Общие шапка, подвал и поп‑апы главной при удалении дополнительной страницы сохраняются.
Как проверить, что всё получилось
- каждая дополнительная страница открывается по своему адресу;
- названия страниц понятны без пояснений;
- общая шапка, подвал и поп‑апы отображаются там, где ожидаются;
- кнопки ведут на нужную страницу, блок или поп‑ап;
- прямая ссылка с
#якоремоткрывает нужный поп‑ап; - перед удалением страницы проверены все названные Edler ссылки.
Что дальше
Чтобы собрать содержание каждой страницы, перейдите к инструкции «Как редактировать страницы, секции и дизайн». Если нужного раздела нет среди готовых секций, изучите материал о «Своём блоке».
Перед запуском пройдите проверку и публикацию сайта: откройте страницы и переходы глазами посетителя.