Сайт с нуля до запуска (пошаговая инструкция) - Сайт, продвижение, реклама - легко и быстро для не-профессионалов - Воздух
Toggle navigation

Пошаговая инструкция: сайт с нуля до запуска

Создание сайта

Как создать сайт, настроить первичный стиль и дизайн, заполнить основную информацию

  1. Перейдите в панель управления сайтами.
  2. Если вы уже создали сайт раньше, откройте редактор сайта и перейдите к следующему шагу инструкции.


  3. Чтобы создать новый сайт, нажмите на кнопку «Создать сайт». Выберите из списка отрасль, подходящую для вашего сайта.


  4. Выберите стиль сайта, который вам больше понравится, и нажмите «Дальше». В дальнейшем вы сможете его при желании изменить.

  5. На вкладке «Цвет» выберите цветовую схему вашего будущего сайта. Это будут основные цвета, в которые могут быть окрашены элементы сайта (ссылки, заголовки, иконки и т. д.). Нажмите на кнопку «Дальше».


  6. На вкладке «Страницы» выберите разделы, которые должны быть в главном меню на сайте и нажмите «Дальше».


  7. На вкладке «Инфо» заполните форму с информацией о вашей фирме и нажмите «Дальше».
  8. Нажмите «Готово, создаю сайт!».


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

Настройка шапки сайта

Как изменить вид шапки, настроить отображение меню и дизайн элементов

  1. Откройте редактор сайта.
  2. Наведите курсор на шапку сайта и нажмите на кнопку шестеренки в левом верхнем углу, чтобы перейти к настройкам. Шапка сайта автоматически выводится на всех страницах сайта. Настройки шапки применяются для всех страниц.


  3. Чтобы изменить расположение элементов в шапке, перейдите в раздел настроек «Расположение элементов». Выберите подходящий вид шапки из списка.


  4. Чтобы изменить цвета элементов, перейдите в раздел настроек «Дизайн элементов шапки». Для настройки дизайна меню перейдите в раздел настроек «Дизайн меню».


  5. Чтобы меню или вся шапка были постоянно на экране при прокрутке страницы вниз, в настройках шапки установите опцию «Зафиксировать шапку при прокрутке»/«Зафиксировать меню при прокрутке».


  6. Чтобы добавить всплывающее меню при наведении на пункт в меню, в настройках шапки активируйте соответствующую опцию.


Настройка логотипа

Как добавить и загрузить логотип сайта, favicon, логотип для смартфонов

В качестве логотипа вы можете использовать название сайта или изображение.

  1. Чтобы включить отображение логотипа в шапке, перейдите в настройки шапки и активируйте опцию «Логотип».


  2. Наведите курсор на логотип и нажмите на значок шестеренки.
  3. Чтобы добавить свой логотип, нажмите на кнопку «Выбрать фото» в поле выбора логотипа.
  4. Для лучшего качества используйте изображение в формате .png шириной не больше 500 пикселей.
  5. Вы можете изменить размер логотипа с помощью соответствующего регулятора.
  6. Если логотип на смартфоне должен отличаться от основного, загрузите его в поле «Логотип для смартфонов».
  7. Загрузите в поле «Иконка сайта» файл в формате favicon, чтобы добавить свою иконку для закладки в браузере. Сделать это можно как в настройках шапки, так и в настройках сайта.


Создание страниц

Как добавить новую страницу сайта, переименовать, переместить или удалить. Как восстановить удаленную страницу

  1. Нажмите на «Страницы сайта» в левом верхнем углу.
  2. Чтобы добавить новую страницу в главное меню, выделите «Главная страница» (или любой другой раздел каталога) и нажмите «Создать страницу». Введите название новой страницы вместо «Новая страница» и нажмите Enter. Аналогично вы можете создать страницы внутри разделов главного меню (например, список услуг в разделе «Услуги»).


  3. Вы можете переместить страницу в нужное место: нажмите на значок рядом с названием и перетащите мышкой страницу туда, куда нужно.


  4. Чтобы изменить название страницы, создать копию или удалить, выделите страницу мышкой и нажмите соответствующую кнопку над списком страниц.


  5. Если вы случайно удалили страницу, вы можете восстановить её из корзины. Нажмите на «Удаленные страницы» и «Восстановить» около нужной страницы. Удаленные страницы хранятся 30 дней, через 30 дней восстановить удаленную страницу не получится.


Заполнение страниц

Как наполнять страницы контентом: как добавлять блоки, копировать их. Как скрывать страницы из меню

  1. Нажмите на «Страницы сайта» в левом верхнем углу.
  2. Выберите страницу, которую вы хотите отредактировать, и нажмите «Готово». Откроется редактор выбранной страницы.



    Страница состоит из блоков. Вы можете добавлять, удалять, менять местами блоки и размещать в них ваши тексты, фото и видео.

    Страницы, которые были созданы автоматически вместе с сайтом, заполнены блоками-примерами. Вы можете изменить информацию в уже существующих блоках на свою.
  3. Чтобы добавить новый блок на страницу, нажмите «Добавить блок» между блоками или в конце страницы.


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


  5. После добавления блока обратите внимание на его настройки: вы можете изменить внешний вид блока и другие параметры. Для этого наведите курсор на блок и нажмите на кнопку шестеренки. Панель настроек можно переместить в любое место на экране.


  6. Измените тексты и фотографии в блоке на свои.
  7. Добавьте элементы в блок при необходимости – нажмите «Добавить ...». в нижней части блока. Например, у блоков типа «Слайд будет кнопка «Добавить слайд», у блока типа «Список» — «Добавить элемент в список», у фотогалереи — «Добавить фото».


  8. Вы можете скопировать, подвинуть или удалить блок с помощью панели в правом верхнем углу блока.


  9. Если вы хотите скрыть страницу из меню на время редактирования, включите «Скрыть из меню» в правом верхнем углу страницы.


  10. Заполните все страницы сайта. Подробнее о наполнении сайта контентом >

Настройка форм обратной связи

Как добавлять и настраивать формы для заявок

  1. Откройте страницу, на которой хотите разместить форму, с помощью панели «Страницы сайта».
    Рекомендуем разместить форму в конце каждой страницы сайта, так как клиент может задуматься об оформлении заявки в любой момент работы с сайтом.
  2. Нажмите «Добавить блок», выберите тип блоков «Форма» и подходящий шаблон формы из списка.


  3. Вы можете добавить нужные поля в форму с помощью кнопки «Добавить поле в форму» в нижней части блока.


  4. Нажмите кнопку «Редактировать» в правом верхнем углу поля, чтобы изменить название и тип поля.


  5. Заполните текст, который будет видеть клиент перед и после отправки формы.


  6. Нажмите на кнопку «Настройка отправки», чтобы узнать все возможности по получению и отправке заявок.

  7. Если вы не хотите выводить под формой ссылку на согласие с обработкой персональных данных, перейдите в настройки сайта — нажмите на кнопку «Настройка» в верхней панели управления страницей. Поставьте галочку рядом с опцией «Не выводить в формах ссылку на согласие».



Настройка подвала

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

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

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

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

Какие элементы можно добавить

Копирайт

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

Чтобы добавить копирайт:

  • Через подвал. Наведите курсор на подвал сайта и укажите название компании в поле «+ Название компании». Если в поле ввода текста для копирайта вы удалите текст, он также будет удален из настроек сайта.



  • Через настройки. Перейдите в настройки сайта в верхней панели управления страницей и разверните вкладку «Правовая информация». Заполните поле «Юридическое название компании» и нажмите на кнопку «Готово».




Телефон, адрес и другой текст

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




Политика в отношении обработки персональных данных

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

  1. Перейдите в настройки сайта в верхней панели управления страницей.
  2. Разверните вкладку «Правовая информация».
  3. Заполните поле «Юридическое название в политике обработки данных».
  4. Нажмите на кнопку «Готово».



Вы можете отобразить/скрыть ссылку на политику обработки персональных данных.

  1. В верхней панели управления сайтом нажмите на кнопку «Настройка».
  2. Разверните вкладку «Правовая информация».
  3. Поставьте или снимите галочку напротив опции «Не выводить ссылку на политику обработки данных».
  4. Нажмите на кнопку «Готово».




Также скрыть или включить отображение ссылки на политику обработки данных можно через настройки подвала. Для этого наведите курсор на подвал и в левом верхнем углу блока нажмите на кнопку «Подвал» со значком шестеренки. Нажмите переключатель рядом с опцией «Убрать ссылку на политику обработки данных».




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




Кнопки

  1. Наведите курсор на подвал и в средней колонке нажмите на кнопку «Добавить кнопку».
  2. Укажите надпись, которая будет отображаться на кнопке, например «Отправить заявку», и ссылку.
  3. Нажмите на кнопку «Готово».

Чтобы изменить параметры кнопки, нажмите на кнопку «Изменить кнопку».




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




Cookie (куки-файлы)

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

  1. В верхней панели управления сайтом нажмите на кнопку «Настройка».
  2. Разверните вкладку «Правовая информация».
  3. Поставьте или снимите галочку рядом с опцией «Вывести уведомление об использовании Cookie». Также здесь вы можете добавить текст уведомления об использовании Cookie, который будет появляться на сайте, и текст кнопки.




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

Ссылки на соцсети

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

  • Если они ранее не были добавлены, нажмите на кнопку «+соцсети и мессенджеры». подробнее >>
  • Если ссылки были добавлены, и вам нужно добавить еще одну, наведите курсор на блок с иконками соцсетей и нажмите на кнопку в виде шестеренки. Добавьте ссылки на соцсети и нажмите на кнопку «Готово».


После добавления ссылок обновите страницу.

Как задать фон у подвала

Вы можете задать цветной фон у подвала сайта. Для этого:

  1. Наведите курсор на подвал и нажмите на кнопку со значком шестеренки.
  2. Перейдите в раздел «Дизайн элементов».
  3. Разверните настройку элемента «Контейнер подвала» и выберите нужный цвет на палитре.



    Подключение домена

    Как подключить свой домен или купить новый

    Домен – это адрес вашего сайта. Например, sbrf.ru – это домен «Сбербанка», а shalunkids.ru – это домен магазина детских вещей «Шалун».

    Домены могут быть в разных «зонах»: .ru, .com, .me, .site, .рф и так далее... Для российской фирмы лучше всего подходит домен в зоне «.ru», так как все мы привыкли, что сайт называется что-то-там-точка-ру.

    Прочитайте статью о доменах, чтобы подробнее узнать об этом.

    Чтобы подключить домен к сайту:

    1. Перейдите в панель управления сайтами.
    2. Перейдите на страницу управления сайтом, для которого вы хотите подключить домен.
    3. Нажмите на кнопку «Подключить свой домен» рядом с адресом сайта.


    4. Если у вас уже есть домен (от старого сайта, или вы зарегистрировали его на другом сервисе), выберите «У меня есть свой домен».

      — Выполните пункты по инструкции на странице, войдя в личный кабинет где зарегистрирован ваш домен (reg.ru, nic.ru или другой).
      — Введите название вашего домена и нажмите «Подключить».


    5. Если у вас нет домена, выберите «Купить новый домен».


    6. Подберите подходящий свободный адрес для вашего сайта.
      Для российской фирмы лучше всего использовать адрес вида «название-фирмы-на-латинице.ru", например expertplus.ru. Если такое имя занято, придумайте что-то подходящее в сочетании с видом деятельности или регионом (expertplus-consult.ru, expert66.ru, expert-ekb.ru).
    7. После того, как вы нашли свободный домен, вам нужно зарегистрировать его на физическое или юридическое лицо.
    8. Заполните форму с регистрационными данными и нажмите «Перейти к оплате».
    9. Вы можете оплатить регистрацию домена с помощью карты или выписать счет для оплаты перечислением.



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

    1. Перейдите на страницу управления тарифом.
    2. Выберите подходящий тариф. Если вы сомневаетесь в выборе и только начинаете работу с сайтом, рекомендуем выбрать тариф «Базовый».
    3. Выберите период оплаты и нажмите «Подключить».
    4. Вы можете оплатить тариф с помощью карты или выписать счет для оплаты перечислением.


    После подключения домена сайт начнет открываться по новому адресу через 10-12 часов (возможно, и быстрее). Это связано с техническими особенностями работы интернета – ваш интернет-провайдер должен "узнать" о появлении нового сайта.