С чего начать

1Выбор и оплата готового шаблона
1. Кликните по кнопке "Создать сайт".
2. Выберите подходящий тариф. Чем больше выбранный период, тем меньше стоимость ежемесячного использования.

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

4. Впишите название сайта и придумайте адрес, по которому он будет работать в формате вашадрес.ufoxo.com.

5. Придумайте логин в системе Ufoxo, впишите e-mail и пароль для входа на сайт.

6. Укажите метод оплаты, кликнув по кнопке "Оплата через Robokassa".

7. Выберите удобный вариант оплаты, например, Банковской картой.

8. Кликните по кнопке "Оплатить"

9. Введите данные карты для оплаты.

10. После оплаты вы получите сообщение "Спасибо. Ваш заказ принят".
11. Войдите на сайт, введя в адресную строку браузера его адрес (в нашем примере elektrik.ufoxo.ru)
2Как войти в админку сайта
Войдите в админку своего сайта на Ufoxo по ссылке https://вашсайт.ufoxo.com/inside, где "вашсайт" ‒ указанный при регистрации адрес вашего сайта на Ufoxo, используя логин и пароль, указанные при регистрации.
3Добавление своего домена
Если вы хотите, чтобы ваш сайт работал не по адресу вашсайт.ufoxo.com, а по отдельному доменному имени формата вашдомен.ru, то следует сделать следующее.

1. Купите желаемый домен, например, через сервис Reg.ru, и в Личном кабинете этого сервиса создайте А-запись на IP-адрес 185.26.122.62 (не пугайтесь, все поля будут подписаны, нужно лишь вписать указанное значение).
2. В админке своего сайта на Ufoxo перейдите в раздел Аккаунт и впишите купленное доменное имя в блок Пользовательский домен.
4. На e-mail domain@ufoxo.com отправьте сообщение с указанием вашего домена.

Спустя несколько часов (от 2 до 24) - ваш сайт начнет работать под указанным доменным именем. Адрес входа в админку сайта будет вашдомен.ru/inside, где "вашдомен.ru" ‒ купленный вами домен.

Редактирование шаблона

1Загрузка логотипа + фавикон
1. Входим в раздел Ufoxo → Настройки темы → Глобальные → Лого. Удаляем шаблонные логотипы и загружаем подготовленные.
Примечание: Retina логотип загружать не обязательно. Отметим, что он должен быть в 2 раза больше стандартного логотипа.
Сохраняем изменения, кликнув по по зеленой кнопке "Сохранить изменения".
Просмотреть изменения можно сразу, кликнув по названию сайта или по кнопке "Перейти на сайт".
2. Фавикон, или иконка сайта, загружается через раздел Ufoxo → Настройки темы → Глобальные → Основные настройки.
Примечание: изображение должно быть в формате .jpg, .png, .ico и размером 32х32 px.
2Стиль шапки
Ufoxo предлагает 20 стилей "шапки" сайта.
1. Входим в раздел Ufoxo → Настройки темы → Шапка & Подзаголовок.
2. После выбора нового варианта кликаем по кнопке "Сохранить изменения". Просмотреть изменения можно сразу, кликнув по названию сайта или по кнопке "Перейти на сайт".
3Сайдбар, Подвал и виджеты
Сайдбар ‒ это группа блоков, в которых размещается полезная информация. Сайдбар может отображаться на каждой странице сайта.
Сайдбар в подвале сайта настраивается так:
1. Ufoxo → Настройки темы → Подвал. Выбираем макет вывода согласно заданных настроек: 1/2 1/2 ‒ разделенный на 2 части сайдбар; 1/3 1/3 1/3 - разделенный на 3 части сайдбар, и т.д.
2. Переходим в раздел Внешний вид → Виджеты. Виджеты ‒ это блоки с необходимым функционалом, которые вставляются в сайдбар. Выбираем нужные виджеты, например, текстовый виджет, виджет с календарем. В примере мы выбрали 2 виджета: с текстом и календарем, которые теперь будут отображаться на всех страницах сайта.
4Блог, Портфолио, Магазин
Возможны различные стили вывода статей сайта и товаров интернет-магазина.
1. Для задания стиля вывода портфолио входим в раздел Ufoxo → Настройки темы → Блог, Портфолио & Магазин → Блог. Выбираем понравившийся Макет.
2. Для задания стиля вывода статей входим в раздел Ufoxo → Настройки темы → Блог, Портфолио & Магазин → Портфолио. Выбираем понравившийся Макет.
3. Для задания стиля вывода товаров магазина входим в раздел Ufoxo → Настройки темы → Блог, Портфолио & Магазин → Магазин. Выбираем понравившийся Макет. Примечание: алгоритм публикации статей Блога, Портфолио и товаров Магазина доступен на данной странице во вкладке "Создание страниц, записей, портфолио, товаров".
Обращаем внимание, что Магазин доступен в тарифе "Бизнес/Магазин".
5Цвета
Входим в раздел Ufoxo → Настройки темы → Цвета → Основные настройки.
Здесь можем выбрать заданные цветовые схемы (Синий, Коричневый, Шоколадный, Золотой и др.) или вручную настроить цвета по-умолчанию для любого из разделов сайта: Хедер (шапка сайта), Меню, Подвал и пр.
6Социальные сети
Если ваш бизнес представлен в соц.сетях, то вы можете сделать ссылки с сайта на свои группы.
1. Входим в раздел Ufoxo → Настройки темы → Соц.сети и вбиваем в соответствующие поля ссылки на группы. Кликаем по кнопке "Сохранить изменения".
Логотипы выбранных соц.сетей автоматически отобразятся в Подвале сайта и в некоторых стилях вывода Шапки сайта.
2. Для того, чтобы ссылки на соц.сети открывались в новом окне и не индексировались, ставим галочки в полях:
Сохраняем изменения.
7Шрифты
1. В разделе Ufoxo → Настройки темы → Шрифты → Семейство: задаем семейство шрифтов для различных разделов сайта.
Примечание: обращаем внимание, что демо-контент в шаблонах – на английском языке, и многие шрифты не поддерживаются в кириллице. Поэтому при замене текста на русский, семейство шрифта может отличаться от оригинального в шаблоне.
Используйте наиболее популярные семейства кириллических шрифтов из списка:
• Montserrat,
• Open Sans,
• PT Sans,
• Roboto,
• Rubik,
• Arial,
• Georgia,
• Tahoma,
• Times,
• Trebuchet,
• Verdana.
Самые популярные из которых – первые 5 из списка.
2. В разделе Ufoxo → Настройки темы → Шрифты → Размеры & Стиль: можно изменить размер шрифта сайта и Заголовков.
8Создание страниц, записей, портфолио, товаров
1. Создание новых страниц.
1.1. Входим в раздел Страницы → Добавить новую.
1.2. Указываем Заголовок страницы, наполняем контентом и кликаем кнопку «Опубликовать». Отсюда же можно сразу посмотреть созданную страницу, кликнув по кнопке «Просмотреть изменения».
1.3. При дальнейшем редактировании страницы: кликнуть по кнопке «Обновить»

2. Создание записей Блога.
Записи – это статьи или новости, которые публикуются для поддержания интереса пользователей к вашим товарам/услугам. Для статей можно создать разные Категории (Рубрики) и при публикации Статьи относить её к той или иной Категории.
2.1. Чтобы создать новую Категорию (Рубрику) входим в раздел Записи → Рубрики.
Здесь можем переименовать существующую рубрику или создать новую.
2.2. Входим в раздел Записи → Создать новую.
2.3. Указываем Заголовок статьи, наполняем контентом, ставим галочку принадлежности к той или иной Категории (Рубрике).
2.4. Задаем изображение Записи, загружая фото с жесткого диска или выбирая из уже загруженных Медиафайлов.
3. Создание записей Портфолио.
Портфолио – это запись, которая содержит текстовое и графическое описание предлагаемых товаров/услуг.
Создание записей Портфолио не отличается от создания записей Блога.

4. Создание товаров.
4.1. В разделе Товары → Категории: можно создать категории товаров или переименовать существующие.
4.2. Переходим в раздел Товары → Добавить.
4.3. Указываем название товара, задаем принадлежность к той или ной категории и загружаем изображение товара. Кликаем кнопку "Опубликовать" или "Обновить", если товар редактируется.
4.4. Чтобы создать вариативный товар (товар с разными характеристиками), выбираем из выпадающего списка «Вариативный товар».
Переходим во вкладку Атрибуты, добавляем «Индивидуальный атрибут товара» и задаем нужную характеристику, например, Цвет. В поле справа вписываем нужные цвета, разделенные знаком |
Ставим галочки «Отображение на странице товаров», «Используется для вариаций». Сохраняем атрибуты.
Во вкладке Вариации из выпадающего списка выбираем «Создать вариации из всех атрибутов». После добавления вариаций проставляем стоимость товара каждой вариации. Кликаем кнопку «Обновить».
9Создание/редактирование Меню
Для редактирования шаблона меню проходим в раздел Внешний вид → Меню.
1. Как создать меню многостраничного сайта.
1.1. Кликаем по ссылке «Создайте новое меню».
1.2. Пишем произвольное название меню и задаем область его отображения. Если нужно, чтобы меню отображалось в шапке сайта – ставим галочку напротив Главное меню.
Мы можем добавлять в меню Страницы, Записи, Рубрики, а при активированном интернет-магазине – Товары и Категории товаров.
1.3. Выбираем то, что хотим отобразить в меню и кликаем кнопку «Добавить в меню». Добавленные пункты меню можно переименовывать и менять их очередность.

2. Как создать меню лендинга (одностраничного сайта).
2.1. На главной странице лендинга (раздел Страницы) определяем те разделы, по которым будет работать скроллинг (плавная прокрутка по пунктам меню) и задаем этим разделам идентификатор (id). После обозначения идентификаторов кликаем по кнопке «Обновить страницу».
2.2. Кликаем по ссылке «Создайте новое меню».
2.3. Пишем произвольное название меню и задаем область его отображения.
2.4. Кликаем по вкладке «Произвольные ссылки» и в поле URL вписываем идентификатор со значком #, например, #home. В поле «Текст ссылки» пишем название идентификатора, которое будет отображаться в меню, например, Главная.

2.5. Добавляем таким же способом другие идентификаторы лендинга.
Созданное меню отобразиться в шапке сайта и по его пунктам будет работать плавная прокрутка по блокам лендинга.

Наполнение контентом. Описание блоков.

1Создание блоков с контентом
Сперва создайте ряд, в котором затем будут размещаться блоки с требуемым функционалом. Ряд можно разделить на несколько блоков заданной величины.
Блоки можно:
• уменьшать/увеличивать нажатием +/-;
• дублировать;
• удалять;
• перетаскивать.

Ряды можно так же:
• дублировать;
• удалять;
• перетаскивать.
2Заглушка
Заглушка – это пустой блок, который вставляется в любое место ряда для того, чтобы данная область на сайте оставалась пустой.
Размер заглушки можно изменять, а также перемещать её по ряду.
3Аккордеон
Аккордеон – это раскрывающиеся вкладки. Пример таких вкладок – написанные здесь инструкции.
4Блок статьи
Блок статьи – это баннер с подписью, который ведёт на заданную вами ссылку.
5До и После
До и После – это слайдер с двумя изображениями и ползунком. Загружаемые изображения должны быть одного и того же размера.
6Цитата
Цитата – красиво оформленная цитата с возможностью вставки ссылки.
7Блог
Блог – вывод анонсы статей Блога в нужном месте любой страницы.
Можно задавать:
• стиль вывода анонсов;
• количество колонок;
• категории статей;
• показывать фильтры по категориям и др.

Чтобы изменить размер заголовка, выставьте нужное значение в поле Тег заголовка. По умолчанию H2 – это большой заголовок, H3 – меньше, и самый маленький H6.
8Новостной блог
Новостной блог – это схожий с предыдущим элементом формат вывода статей, но без фильтра. Все прочие функции аналогичны.
9Слайдер блога
Слайдер блога – еще 1 формат вывода статей блога со схожими элементу Блог параметрами.
10Тизер блога
Тизер блога – еще 1 формат вывода статей блога со схожими элементу Блог параметрами.
11Кнопка
Кнопка – интерактивная кнопка, для которой можно задать:
• ссылку (в том числе на скачку материала);
• прикрепить иконку;
• расположение (слева, по центру, справа);
• цвет фона и шрифта;
• размер (по умолчанию, маленький, большой, огромный).
12Призыв к действию
Призыв к действию – это блок, включающий слоган, кнопку со ссылкой и описание.
13Круговой график
Круговой график – это окружность, изображающая в процентном соотношении (от 0 до 100) желаемый параметр.
14

Дополнительный функционал

1Обратная связь: Contact Form 7
2Обратная связь через мессенджеры
3SEO
Создать сайт