Инструкция

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

1. Основные особенности конструктора сайта.

Основные особенности конструктора сайта

Сайт, собранный нашим конструктором, содержит структуру полноценного лэндинга.

Шапка сайта состоит из следующих элементов:

  • логотип;
  • описание сайта;
  • контактные данные(эл. почта и телефон);
  • кнопка "Заказать звонок".

Контентная часть сайта содержит:

  • динамичный слайдер;
  • контентный текст;
  • вкладки-табы;
  • видео из YouTube.com;
  • триггеры.

Подвал сайта:

  • контактные данные(реквизиты, копирайты, телефон);
  • кнопка "Заказать звонок";
  • копирайт нашего сервиса.

Собранный сайт имеет достаточно кроссбраузерную блочную верстку. Ширина сайта: 980px.

Подключенные js-библиотеки: jquery, jquery-ui, caroufredsel.

Список функционала: "Заказ звонка" с отправкой на почту(+запись заказа в файл, который вы сможете посмотреть в любое время), слайдер изображений(текст + пагинация), видео из YouTube.com, вкладки-табы.

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

2. Работа с элементами сайта.

Работа с элементами сайта

Конструктор позволяет редактировать текст, ссылки, изображения с помощью визуального редактора. Наведите курсор на элемент, справа сверху от элемента появится значок "карандаш", нажмите на него и появится форма редактирования.

Рассмотрим редактирование текста.
Справа на первом скрине вы можете увидеть панель редактирования. На данный момент редактируется строка "Мебель Арт", в поле забивается желаемый текст, ниже этого поля расположены привычные для нас инструменты редактирования текста: жирный, курсив, подчеркивание, тень, выравнивание слева, справа и по центру. Затем идет кнопка выбора цвета, открывающая палитру цветов. Соответственно, дальше идут ползунки размера, интервала и ширины строки. И, наконец, выбор шрифта.

Также есть возможность перемещения элементов(текст, ссылки, изображение) на странице сайта, вы можете переместить все эти элементы в любое место на сайте.


Работа с картинками сайта

Рассмотрим редактирование изображений.
Нажмите на кнопку выбора изображения, выберите у себя на компьютере желаемое изображение и жмите "Загрузить". Вместо прошлой картинки загрузится ваша. Вы можете перемещать изображение и менять его размеры в любых пропорциях.

3. Добавление новых элементов на сайт.

Добавление новых элементов на сайт

Слева находится выдвигающая панель с иконками. Первые 4 иконки добавляют на сайт текст, ссылку, изображение и блок соответственно. Рассмотрим каждый из них.

  • Добавление текста
  • Здесь все аналогично с текстом "Мебель Арт", описанным выше.

  • Добавление ссылки
  • При редактировании ссылки появляется та же панель, + добавляется поле для ввода самой ссылки, с которой посетители сайта будут переходить по адресу, который вы вбили.

  • Добавление изображения
  • Тот же принцип, который был описан выше для редактирования изображения.

  • Добавление блока
  • В панели появляется возможность загрузить картинку на фон с выбором повторения(полный повтор, только по горизонтали, только по вертикали и без повторений). Также можно установить радиус углам данного блока, изменить цвет фона и тени. Аналогично, блок можно перемещать и изменять в размерах.

4. Основные настройки сайта.

Основные настройки сайта

Важная часть при сборке сайта. Уделите этому шагу отдельное внимание.

Первые три поля отчасти будут отвечать за раскрутку вашего сайта.

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

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

  • Описание сайта
  • Так же важное поле для сео. Это поле должно содержать краткое описание вашей деятельности в пару предложений.

  • Код Яндекс.метрики
  • Яндекс.Метрика позволит вам следить за конверсией, посещаемостью и эффективностью вашего сайта. Для этого Яндекс.Метрика предлагает вам вставить код на ваш сайт. В нашем случае вы можете вбить данный код именно в это поле.

  • Почта, на которую будет приходить заказ
  • Важный функционал для вашего сайта - "Заказ звонка". Этот инструмент включен в набор функционала на сайте, который готовит на сервис. Как только пользователь отправить заявку о заказе звонка, к вам на почту, которую вы укажете в этом поле, придет сообщение с данными, которые вбил в форму посетитель вашего сайта. А также эти данные записываются в файл, в котором вы в любое время можете посмотреть список заказов.
    Посмотреть заказы можете по ссылке: http://ваш_сайт/include/orders.php.

    Внимание! Информация о заказах открыта для просмотра.
    Для того, чтобы заказы не хранились на сайте, удаляйте файл http://ваш_сайт/include/orders.txt

    Способ защиты информации о заказах через форму "Заказать звонок".

    Если заявки на "Заказать звонок" по адресу http://ваш_сайт/include/orders.php имеют какую-либо ценность, и их необходимо закрыть, есть способ о сокрытии этой информации. Точнее сменить адрес с заказами на свой, который будет известен только вам.

    В файлах из предоставленного архива необходимо сделать следующие правки:

    Придумаем свое название файла, например, myfile.

    1) \include\call.php     23 строка

    $file = fopen("orders.txt","a");     заменить на:     $file = fopen("myfile.txt","a");

    2) \include\orders.php 2 строка

    $f = fopen("orders.txt","r");     заменить на:     $f = fopen("myfile.txt","r");

    myfile - название файла с заказами, который будет открываться по адресу: http://ваш_сайт/include/orders.php

5. Сохранение, размещение проекта на сервер и запуск сайта.

Сохранение, размещение проекта на сервер и запуск сайта

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

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



Удачной сборки и успехов в вашем бизнесе.

За любой консультацией вы можете обратиться по эл. почте admin@hello-site.ru.