Настраиваем шапку сайта

Самый верхний блок сайта называют «шапкой». Существуют разные концепции ее внешнего вида и наполнения. Однако, стоит помнить: вы создаете интернет-магазин, и главная его функция — продавать. Поэтому и шапка должна быть такой, чтобы подтолкнуть ваших потенциальных покупателей побыстрее расстаться с деньгами. То есть вам нужно максимально облегчить доступ информации, которая работает на эту задачу. При этом стоит избавиться от второстепенных, лишних, а то и попросту мешающих элементов.

Как и любая другая шапка, ШАПКА САЙТА может подчеркнуть достоинства. А может и оттянуть на себя внимание и все испортить. Где найти оптимальный баланс информативности и краткости? Разберем по порядку.

Как найти эту опцию

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

https://billing.1os.ru/auth/login

Форма для входа в систему требует внесения ваших данных. Ведите адрес электронной почты и пароль, указанный в процессе регистрации. Уверены, что поля заполнены правильно? Смело нажимайте «ВХОД»:

Перед вами открылась биллинг-панель. Находим на ней левое вертикальное меню, вбираем пункт «МОИ САЙТЫ» и нажимаем на него:

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

Вы видите перед собой экран административной части своего-интернет-магазина — главную ее страницу со всеми доступными функциями. На верхней панели справа найдите иконку «глаз» и нажмите на нее:

Теперь вы получили доступ к управлению именно этим конкретным интернет-магазином. Возможность редактирования шапки сайта нам открывают «БЫСТРЫЕ НАСТРОЙКИ». Слева вы видите голубую кнопку с изображением шестеренок. Нажмите ее:

Именно так открываются «БЫСТРЫЕ НАСТРОЙКИ». Если их необходимо скрыть, еще раз нажмите на эту кнопку:

Вертикальное меню слева позволяет в широких пределах изменять внешний вид сайта. Найдите пункт «ШАПКА» и нажмите на него:

Блок «ВИД ОТОБРАЖЕНИЯ»

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

На данный момент для вашего интернет-магазина доступны 10 вариантов шапок. Каждый из них имеет свою изюминку. Но не каждый подойдет в вашем случае. Чтобы было от чего отталкиваться, для начала обратите внимание на 5 ключевых различий между ними.

· Логотип. Он выглядит крупнее или мельче, расположен слева или по центру.

· Цветная плашка. В некоторых вариантах она есть, а в других отсутствует.

· Девиз или важная фраза. Может располагаться вверху сайта или нет.

· Контакты. Присутствуют в разном объеме или отсутствуют совсем.

· Строка поиска по сайту. Явно видна или практически незаметна.

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

Максимально информативный вариант

Вот как он может выглядеть:

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

Экстра минималистичное решение

А вот как может выглядеть мечта минималиста:

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

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

Рекомендации по выбору

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

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

Если вы ведете активную коммерцию и в соцсетях тоже, смело выносите их в шапку. Если же для вас ВК, Инстаграм и Фейсбук просто имиджевая поддержка, логичнее будет спустить эти элементы в «подвал».

Точно так же проанализируйте и остальные возможности. Экспериментируйте, и оптимальное решение найдется!

Зафиксировать шапку

Обратите внимание на эту функцию:

Если переключатель находится в положении «выключено», при прокрутке страницы магазина шапка вместе с плашкой меню уходит за верхнюю границу экрана:

При включенной фиксации, как бы вы ни листали страницу, вверху всегда будет оставаться верхнее меню — оно как бы «прилипает» к экрану:

Отображать иконки разделов магазина

Теперь посмотрим, как работает самая нижняя функция на этой панели:

При включенном бегунке меню каталога выглядит так:

Когда эта возможность отключена, имеем следующую картину:

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

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