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

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

1. В меню ISPmanager найдите раздел Конструктор сайтов в категории WWW.
2. На открывшейся странице выберите из списка домен, для которого хотите создать сайт в конструкторе, и нажмите кнопку Конструктор сайтов.
3. В новой вкладке браузера откроется интерфейс Конструктора - страница выбора шаблона для сайта.
4. По умолчанию в первый раз интерфейс откроется на английском языке, однако, язык легко изменить при помощи выпадающего списка в правом верхнем углу страницы (на выбор предоставляется более 50 языков, в том числе, русский).
5. После смены языка страница перезагрузится, и вы можете приступить к выбору шаблона - слева расположен список категорий, при помощи которого вы можете сузить количество предлагаемых вариантов до соответствующих вашим предпочтениям (по умолчанию отображаются шаблоны всех категорий, на текущий момент предлагается более 200 вариаций, список со временем может пополняться).
6. Выбрав категорию и найдя подходящий вам шаблон, вы можете воспользоваться функцией его предпросмотра, чтобы детальнее ознакомиться с его особенностями - для этого наведите курсор на понравившийся шаблон и нажмите кнопку Просмотр.
7. В новой вкладке откроется демо-версия выбранного шаблона, в которой вы можете переходить по страницам сайта, переходить по ссылкам и взаимодействовать с большинством интерактивных элементов. Чтобы закончить предпросмотр просто закройте эту вкладку браузера.
8. Вернитесь на вкладку Конструктора сайтов и выберите шаблон - чтобы перейти к его редактированию наведите на него курсор и нажмите кнопку Выбрать.
9. Откроется редактор сайта, куда уже загружены демо-данные выбранного шаблона. Окно редактора условно можно разделить на три блока: меню в шапке с основными действиями и настройками, а также выбором модулей, основная часть со шкалой масштабирования и макетом сайта и боковая панель справа, где можно посмотреть структуру открытой страницы и отредактировать любой ее элемент.
10. Рассмотрим подробнее меню Конструктора (верхняя строка слева направо):
    • Меню сайта - в выпадающем списке вы найдете все созданные страницы сайта и сможете переходить по ним, а также настроить очередность пунктов и поведение при переходе по страницам сайта;
      
    • Действия с шаблоном - в выпадающем списке вы найдете кнопки для смены шаблона сайта, сброса шаблона к первоначальному состоянию и импорта страниц (будьте осторожны! при выполнении любого из этих действий внесенные в редакторе изменения будут утеряны);
      
    • Кнопки Отмена и Вернуть - служат для отмены и повтора последних внесенных изменений;
      
    • Помощь - запуск интерактивного помощника, где вы можете получить консультацию по использованию модулей, запустить сценарий основного руководства или создания любого шаблона;
      
    • Настройки - выпадающий список параметров сайта и интерфейса редактора;
      
    • Просмотр - инструмент предварительного просмотра вашего сайта на различных устройствах;
      
    • Опубликовать - здесь собраны функции публикации (выгрузки на хостинг для отображения сайта в сети Интернет), сохранения черновика в редакторе без публикации, создания и восстановления резервной копии;
      
    • Модули (нижняя строка слева направо):
      
      • Границы - добавление на страницу сайта области, где можно будет разместить контент-модуль с текстом, фото, видео и др. (доступны вариации с несколькими строками, столбцами и комбинированные);
        
      • Текст - добавление текстового поля (доступны вариации стилей);
        
      • Фото - добавление одиночного изображения или иконки (доступны разные варианты оформления изображений и набор иконок);
        
      • Галерея - добавление галереи из нескольких изображений (на выбор несколько вариантов статического оформления и слайд-шоу);
        
      • Медиа - добавление видеоролика или аудио-проигрывателя (поддерживает добавление видео с нескольких сервисов и оформление аудио-проигрывателя на выбор);
        
      • Карты - добавление карты с одного из нескольких сервисов (возможен выбор представления карты);
        
      • Фигура - добавление графического элемента (доступен выбор типа и формы элементов с последующей кастомизацией);
        
      • Кнопка - добавление текстовой или графической кнопки (несколько десятков вариантов оформления на выбор с возможностью кастомизации);
        
      • Форма - добавление формы обратной связи, мини-опросника или формы подписки на обновления (оформление модуля доступно для кастомизации);
        
      • Меню - добавление меню навигации с выбором типа оформления;
        
      • Языки - добавление виджета смены языка для мультиязычных сайтов;
        
      • Блоки - добавление тематического блока (доступен выбор темы и оформления с возможностью последующей кастомизации);
        
      • Электронная коммерция - добавление функционала интернет-магазина, кнопок корзины и подключение платежных систем;
        
      • Блог - добавление функционала блога или новостной ленты (с выбором оформления и возможностью кастомизации);
        
      • Социальные элементы - добавление виджетов социальных сетей (в зависимости от ресурса доступны разные типы виджетов);
        
      • Улучшенный - здесь собраны дополнительные типы элементов, например, календари, таймеры, инструменты чатов, баннеры и инструмент добавления собственных скриптов.
        
11. В основной части окна, где расположен макет страницы сайта, элементы можно редактировать и перетаскивать, меняя их местами. Для редактирования элемента необходимо нажать по нему левой кнопкой мыши - вокруг него появится синяя рамка и кнопки для перемещения и редактирования (в зависимости от типа модуля контекстное меню редактирования может отличаться).
12. На панели справа при выборе элемента появляются параметры этого модуля, доступные к редактированию.

Ура! Теперь вы знакомы с функционалом Конструктора и можете создать свой первый сайт.