- Начало работы по созданию сайта в офлайн конструкторе
- Выбор шаблона и его редактирование
- Создание сайта на websitex5: работа с разделами, контентом, мультимедиа
- О платных версиях WebSite X5 Evolution
- Обновления для интернет-магазинов
- Другие изменения
- Целевая аудитория
- Функциональные возможности
- Дизайны и работа с шаблонами
- SEO-оптимизация
- Ценовая политика
- Плюсы и минусы
- Альтернативы и конкуренты
- Лучшие альтернативы WebSite X5
- Примеры сайтов, созданных в WebSite X5
Начало работы по созданию сайта в офлайн конструкторе
После установки на компьютер конструктора WebSite X5 Evolution перед вами появится окно, в котором вы сможете ознакомиться с продукцией компании-разработчика, а также посмотреть обучающее видео на английском языке, но с русскими субтитрами. Изучив предоставленную информацию, перейдем к созданию сайта. Для этого нажмите кнопку «Пуск» в правом верхнем углу рабочей области.
В ходе изучения работы с конструктором вы увидите, что процесс создания сайта здесь разбит на 5 логических шагов. По такой схеме очень удобно работать, так как все выполняется последовательно, и запутаться просто нереально.
После этого мы попадаем в раздел управления проектами, где можно создать новый или отредактировать существующий. Так как своих проектов в системе у нас нет, выбираем первый пункт, вводим имя для нашего проекта и нажимаем кнопку «Далее» в правом верхнем углу рабочего окна:
Далее необходимо ввести данные об авторе сайта, описание, выбрать язык веб-ресурса и заранее подготовленную для него иконку (она же фавикон). После этого снова нажмите «Далее» и войдите в раздел выбора шаблона:
Выбор шаблона и его редактирование
Здесь тем, кто решил создать сайт в конструкторе, предлагается выбрать подходящий шаблон из ряда встроенных вариантов, из собственной библиотеки или создать свой. Кстати, все шаблоны: представленные в библиотеке конструктора, или созданные вами с его помощью, будут корректно отображаться не только на компьютерах, но и на мобильных устройствах.
Чтобы лучше понять конструктор, мы выберем третий вариант и будем работать с нуля и создадим собственный шаблон.
Возможности конструктора WebSite X5 позволяют создать сайт на основе одного из доступных в библиотеке шаблонов, максимально изменить структуру и дизайн, добавить собственные мультимедиа и другие элементы.
После выбора пункта «Новый шаблон» система применит его к нашему проекту. Для продолжения работы нажмите кнопку «Далее», которая перенесет нас в раздел «Стиль шаблона», где мы будем работать со стилем выбранного шаблона и его элементами.
Эту часть редактора можно назвать одной из самых важных. В процессе работы вы еще не раз будете к ней возвращаться при необходимости «подкорректировать» оформление различных элементов на страницах вашего сайта (пункты меню, формы обратной связи и так далее):
В процессе работы с сайтом не забывайте периодически сохранять все внесенные в него изменения с помощью кнопки «Сохранить» вверху справа. Вы также можете настроить параметры автосохранения, выбрав нужные пункты из выпадающего меню этой кнопки.
В окне «Стиль шаблона» выберите пункт «Структура шаблона», и дизайнер откроет редактор, в котором можно настроить расположение и внешний вид основных элементов (полей) сайта (шапка, меню, область контента, футер и т д.), который на страницах редактора называется «Разделами». Чтобы изменить необходимое поле, выберите его в выпадающем меню «Раздел страницы» и выполните необходимые настройки:
Для настройки расположения меню здесь используется отдельный выпадающий список «Тип меню», который позволяет выбрать место для отображения данного раздела на создаваемой странице.
Давайте изменим шапку сайта и заменим ее заранее подготовленным изображением. Для этого в выпадающем меню выберите пункт «Шапка страницы», и, кликнув по соответствующему значку, укажите путь к изображению:
После этого в шапке появится нужное нам изображение. Если он не помещается в нижний колонтитул шаблона, используйте поля:
подогнать изображение под необходимые размеры. В результате получаем:
Если у вас нет заранее подготовленного изображения, вы можете выбрать подходящее из онлайн-библиотеки. Здесь дизайнеры конструктора разместили более 200 000 изображений на любой вкус.
Нажимаем кнопку «ОК» в правом верхнем углу, внесенные изменения сохраняются, и дизайнер перенаправляет нас в предыдущий раздел «Шаблонный стиль». Чтобы продолжить редактирование шапки (нам еще нужно добавить в нее название компании, контактную информацию и так далее), нажмите кнопку «Далее», которая открывает простой графический редактор для изменения шапки и футера (используйте соответствующие вкладки для выбора нужный предмет):
Выберите значок
, введите название нашего автосервиса и контакты в шапке сайта, переместив текстовое поле в нужное место. Кстати, редактор предлагает неплохой набор инструментов для работы с текстом, так что вы можете использовать множество разных шрифтов, в том числе шрифты Google:
Вот только далеко не все шрифты здесь отображаются корректно (возможно, они просто не дружат с кириллицей):
После добавления необходимой информации нажимаем кнопку «Предварительный просмотр» и видим, как будет выглядеть наш сайт с новой шапкой:
Теперь поработаем в подвале. Для этого перейдите на вкладку «Подвал страницы» и войдите в тот самый редактор. Здесь вы можете добавить изображение для этой области, текст и другие элементы (даже заранее подготовленную анимацию).
Если вы не хотите добавлять сюда изображение, а просто хотите изменить цвет нижнего колонтитула, нажмите кнопку «Назад» в правом верхнем углу, выберите значок «Структура шаблона» и в появившемся окне выберите «Нижний колонтитул страницы». » из выпадающего списка и настройте правильный цвет. Вы можете выбрать тот же или другой цвет для области меню, фона страницы и других элементов:
Затем нажмите «ОК», «Далее» и добавьте нужный текст в нижний колонтитул. После этого в режиме предварительного просмотра вы можете увидеть следующее изображение:
Двигаться дальше.
Читайте также: 14 Способов ускорить работу Windows 10 и повысить производительность ПК
Создание сайта на websitex5: работа с разделами, контентом, мультимедиа
Нажав кнопку «Далее» находясь в редакторе, мы попадаем в раздел для работы со страницами сайта, который так и называется «Создать карту сайта»:
Здесь вы можете изменить названия существующих страниц (для этого достаточно нажать на нужную левую кнопку мыши и нажать «Переименовать»), добавить новые страницы, а также управлять степенью вложенности. Пусть на нашем сайте помимо главной страницы есть разделы:
- Двигатели;
- Подвеска и шасси;
- Кузовные работы;
- Электрик;
- Вытяжная система;
- Салон;
- Другие услуги;
- Контакты.
Для их создания переименуем существующие и добавим недостающие с помощью кнопки «Новая страница». И в качестве примера в разделе «Двигатели» создадим два подраздела «Дизель» и «Бензин» с помощью кнопки «Новый уровень». В результате при наведении курсора на пункт «Двигатель» появится выпадающий список подразделов:
Видно, что оформление главного меню неплохо бы изменить (выбрать другой шрифт, сделать выравнивание по левому краю). Для этого вернитесь в раздел «Стиль шаблона» и выберите значок «Главное меню» (для возврата в этот раздел используйте кнопку «Назад» в правом верхнем углу рабочей области) и войдите в редактор, где вы работа с меню:
Обратите внимание на вкладки справа. С их помощью можно настроить множество параметров в главном меню, вплоть до реакции на удержание курсора.
Если после манипуляций с текстом меню он больше не помещается в поле, можно увеличить размер этой области. Для этого вернитесь в раздел «Структура шаблона» и выберите в выпадающем списке пункт «Меню», установите для него нужную ширину.
Проделав необходимые манипуляции с главным меню, получаем:
Теперь дело за малым — осталось наполнить страницы нашего сайта, созданные в WebSite X5 Evolution, контентом. Для этого нажимаем кнопку «Далее», пока не попадем в окно «Создание карты сайта», где мы работали со страницами нашего интернет-ресурса (а для более быстрого перехода в этот раздел просто нажмите на цифру «2» » в левой части страниц рабочей области редактора):
Для редактирования нужной страницы достаточно дважды щелкнуть по ней левой кнопкой мыши и дизайнер откроет визуальный редактор:
Слева находится область содержимого, отображаемая на определенной странице, справа — элементы, которые можно добавить. Область контента конструктора сайтов WebSite X5 Evolution представлена в виде таблицы. Вы можете объединить все ячейки в одну, либо разделить ее на более мелкие части, куда будут добавляться нужные элементы с помощью иконок в правой части редактора.
Оставьте фото и текст об автосервисе на главной странице. Для этого выберите соответствующие значки и перетащите их в нужное место. В результате получаем следующую картину:
Чтобы отредактировать нужное поле, дважды щелкните по нему, после чего откроется соответствующий редактор. Также при работе с текстом в него можно вставить несколько изображений и других элементов, проставить ссылки.
Текстовый редактор WebSite X5 Evolution «понимает» HTML-теги, поэтому, если у вас уже есть готовые тексты, вы можете добавить их сюда, предварительно активировав в редакторе соответствующую функцию «Включить HTML-код»:
Добавим контент на нашу главную страницу и получим:
Различные элементы, добавляемые на страницы, имеют свои настройки. Попробуйте их, добавив формы, социальные кнопки и многое другое.
Главная страница сайта готова. Работа с другими разделами производится аналогичным образом: вернитесь в раздел «Создание карты местности», выберите нужную страницу и отредактируйте ее. То же самое проделаем со всеми частями сайта. При этом в раздел «Контакты» добавим форму обратной связи (с помощью значка «Почтовая программа»).
Теперь страница готова к публикации. Но сначала нужно поработать в разделе «Дополнительные настройки». Здесь собраны функции, связанные с некоторыми SEO-настройками сайта, созданием блога, настройкой RSS-канала и так далее
При необходимости, используя представленные здесь функции, вы можете добавить на создаваемый сайт следующие элементы:
- онлайн-переводчик Google;
- форма онлайн-заказа;
- привлекательная галерея и множество других элементов, которые могут быть необходимы на сайте и полезны пользователям:
После установки необходимых вам функций можно переходить к следующему шагу — публикации сайта, созданного с помощью конструктора WebSite X5 Evolution:
С помощью этого раздела вы можете разместить сайт в Интернете, сохранить проект на компакт-диск или подготовить его для переноса на другой компьютер. Публикация сайта осуществляется по разным протоколам. Для этого нужен доступ к данным, полученным от хост-провайдера: вводим их, и конструктор сам все размещает:
Пример нашего сайта можно увидеть здесь.
О платных версиях WebSite X5 Evolution
Когда вы покупаете одну из платных версий, вы платите только один раз. При этом вы получаете возможность создавать столько страниц, сколько захотите, и нет необходимости продлевать лицензию, как это часто бывает при использовании подобных продуктов.
Если вы решили создать сайт на веб-сайтах x5 бесплатно, вы можете использовать бесплатную версию WebSite X5 Free. Как и в любой пробной версии, ее возможности будут существенно ограничены (вы не сможете полностью редактировать шаблон и не будете иметь доступ ко многим другим функциям).
Поэтому лучше выбрать один из платных вариантов:
Например, выбрав версию WebSite X5 Evolution, вы получаете бесплатные услуги хостинга для вашего сайта и регистрацию домена второго уровня сроком на один год. Профессиональная версия предназначена для специалистов по веб-разработке.
Обладает более широким функционалом, чем Evolution, который, помимо года бесплатного хостинга с удобной панелью управления и использованием домена, включает в себя множество полезных функций. Например, вам будет доступно приложение Feed Ready (доступно в AppStore и Google Play), благодаря которому все ваши пользователи (клиенты) смогут получать важную информацию (об акциях, распродажах и так далее).
Подробную информацию о платных пакетах WebSite X5 можно найти в меню: Продукты — Сравнить версии.
Обновления для интернет-магазинов
Генерация потока данных XML с продуктами для Facebook и Instagram (только для WebSite X5 Pro). Если вы продаете товары через Facebook и Instagram, программа сможет создать фид данных с товарами для вашего веб-сайта. Для этого на первом шаге создания сайта перейдите в корзину — Опции и активируйте опцию Включить интеграцию с Facebook и Instagram (Включить интеграцию с Facebook и Instagram) (рисунок ниже).
В файл включаются только те товары, для которых создана отдельная страница.
Веб-сайт X5 Pro 2021.5
Скопируйте URL-адрес в файл фида, экспортируйте веб-сайт на свой хостинг, и вы можете использовать скопированный URL-адрес в качестве источника данных для своего магазина Facebook и Instagram.
Ниже статьи, над комментариями вы найдете пример такого файла.
Управление НДС (только для WebSite X5 Pro). Теперь можно установить разный НДС для разных товаров в зависимости от того, какую страну покупатель выбирает для доставки при оформлении заказа.
Для этого на первом шаге создания сайта перейдите в Корзину — Параметры и в правой части поля Настройки нажмите на иконку листа бумаги и карандаша (на фото ниже).
Настройки НДС
В окне Настройки налогов (рисунок выше) в верхней части можно создавать группы НДС, а в нижней части указывать, какие страны и с какой процентной ставкой входят в эти группы (рисунок ниже).
Настройки НДС по странам
Затем перейдите на вкладку Контроль заказов и в настройках нужного вам способа доставки, на вкладке Стоимость, в раскрывающемся списке Налог (%) укажите нужную группу. Если ничего не указано, будет использоваться группа по умолчанию.
Назначение оплаты способу доставки
Отслеживание посылок (только WebSite X5 Pro). Теперь вы можете несколько автоматизировать процесс уведомления об отправке заказа. Представьте, что вы отправляете заказы через транспортную компанию, у которой есть собственная система отслеживания посылок. То есть вы приходите в компанию, отправляете посылку и получаете код отслеживания. Этот код отслеживания можно проверить в специальной форме на сайте транспортной компании. Например, адрес ее сайта — «https://aleksius.com/».
Чтобы настроить отслеживание в WebSite X5 2021.5, на первом шаге создания сайта перейдите в Корзину — Контроль заказов, выберите способ доставки с названием нужной транспортной компании, перейдите на вкладку Отслеживание, включите отслеживание отправлений и в поле URL страницы, где отслеживать посылку, введите адрес страницы с формой отслеживания посылки. В моем примере (на фото ниже) это «https://aleksius.com/».
Отслеживание посылок
После того, как покупатель оформил заказ, перейдите в панель управления сайтом или в приложение для управления сайтом WebSite X5. Я покажу вам пример панели управления сайтом (админ-панели). Перейдите в Корзина: раздел Корзина и напротив желаемого заказа, который вы уже отправили транспортной компанией, нажмите на значок зеленого грузовика (на фото ниже).
Отправка заказа
В появившемся окне (на фото ниже) введите номер отслеживания посылки, который вы получили от перевозчика.
Идентификационный номер
После этого покупатель получит электронное письмо с номером для отслеживания и ссылкой на страницу с формой на сайте транспортной компании (рисунок ниже).
Электронная почта с кодом отслеживания
Номер статьи. Теперь все товары можно привязать к артикулу (изображение ниже). Его можно использовать для поиска товаров как в панели администрирования, так и на сайте. Он также будет добавлен к структурированным данным.
Товар (артикул)
Другие изменения
Полосатая анимация. В настройках полос/линий со страницами появилась возможность добавить фоновую анимацию: 10 стилей с настройками (рисунок ниже).
Полосатая анимация
На сайте это выглядит как на картинке ниже.
Пример анимации
Размойте фон всплывающего окна Showbox. На втором этапе создания веб-сайта в Showbox появилась новая опция Blur (изображение ниже). Это дает эффект размытия фона окна.
Размытие фона
Еще несколько изменений в программе:
- 9 новых шаблонов для WebSite X5 Pro.
- Новый платный объект «Карта с несколькими локациями». Позволяет разместить карту Google с несколькими точками на сайте. Вам нужно получить ключ API, чтобы он работал. О том, как это можно сделать, вы можете узнать из предыдущей статьи и видео.
- Несколько исправлений различных ошибок.
Как видите, в WebSite X5 2021.5 в основном изменения касаются интернет-магазинов. Надеюсь, эта статья и видеообзор помогут вам освоить новые опции в этой версии. Если у вас есть вопросы, задавайте их в комментариях.
Целевая аудитория
WebSite X5 — настольная программа для создания веб-сайтов. Может работать в автономном режиме. В бесплатной версии возможности ограничены, подходит для знакомств. Платная лицензия является бессрочной: купив ее один раз, вы можете использовать ее столько, сколько захотите, для создания любого количества сайтов. Кроме того, одну лицензию можно установить на 2 копии программы на разных компьютерах. Теоретически это позволит вам работать с напарником или расширить свое рабочее пространство на 2 единицы. Важным козырем софта является наличие онлайн-панели управления в платной версии, что значительно улучшает пользовательский опыт по сравнению с аналогами.
Все данные проекта хранятся на ПК; Для публикации веб-сайтов в Интернете требуется качественный хостинг. Который? Твой выбор. Все вышесказанное говорит об одном: WebSite X5 в первую очередь ориентирован на разработчиков клиентских сайтов. Новичкам невыгодно платить за лицензию, хостинг, домен, разбираться в сложностях всего этого для создания одного сайта. Программа стоит средних денег и не так уж и проста. Для разового создания сайта гораздо удобнее использовать какую-либо форму конструктора профилей.
WebSite X5 — это инструмент средней мощности для создания страниц-визиток, целевых страниц и небольших магазинов. Желательны знания в кодировании (HTML/CSS) для полного раскрытия потенциала программы. С этим умением ваши страницы будут выглядеть намного разнообразнее и интереснее. Многие вещи желательно настраивать и модифицировать вручную. Новичкам будет сложно добиться хорошего результата. Нужна практика. Программа может быть интересна более-менее опытным разработчикам возможностью публикации нескольких сайтов по одной цене лицензии.
Функциональные возможности
создание сайта в WebSite X5 разделено на 5 логических шагов. Вы получите доступ к различным вариантам редактирования веб-сайта на правильных шагах, что довольно удобно. Это значительно упрощает процесс, что наверняка оценят новички. Конечно, вы всегда можете вернуться к нужному шагу и внести изменения в настройки. Так что не беспокойтесь — здесь нет необратимых изменений. Редактировать сайт можно в любой последовательности действий.
Для начала нужно дать имя новому проекту, затем заполнить описание сайта, выбрать понравившуюся иконку, язык контента, подписать авторство и указать URL, по которому будет доступен ресурс. Здесь же можно настроить адаптивный режим — минимальный/максимальный размеры страницы в пикселях для разных типов устройств и ориентаций экрана.
Подготовительные работы завершены. С этого момента мы начнем обзор в обычном формате.
Шаг 1 также содержит дополнительные настройки сайта. С их помощью можно настроить многие важные вещи:
- Статистика, SEO и код — настройте Google Analytics, анонимизацию IP и автоматическую генерацию карты сайта.
- Конфиденциальность и безопасность — установите политику отображения уведомлений о сборе пользовательских данных с помощью файлов cookie. Вы можете выбрать тип окна сообщения и местоположение. Также есть возможность включить защиту HTML-кода, которая запретит все действия, связанные с функциями правой кнопки мыши. Посетители не смогут видеть коды страниц, копировать изображения и т д. Также можно активировать защиту от спама в виде капчи.
- Создайте страницу приветствия — настройте внешний вид, параметры отображения, содержимое и размер.
- Рекламные сообщения — создавайте и размещайте рекламные баннеры на выбранных страницах. Вы можете установить стили и параметры отображения.
- Блог. Здесь вы можете добавлять сообщения, настраивать шаблон их отображения, порядок сортировки и параметры комментариев.
- RSS-лента — создавайте неограниченное количество новостных лент из постов вашего сайта, указав их основные параметры — заголовок, изображение, описание.
- Обработка данных. Настройте способ обработки данных, отправляемых в Интернет. Существуют варианты сохранения на электронную почту, в базу данных или на сервер. Эти параметры могут быть установлены отдельно для каждой активированной функции.
- Контроль доступа — создавайте группы и отдельных пользователей, назначая им права и данные для входа на сайт.
- Корзина. Это ваш магазин. Здесь вы можете добавлять категории/товары, управлять заказами, сохранять данные клиентов, определять порядок доставки. Вы также можете настроить валюту, формат цен, сборы, минимальный объем заказа, скидки, варианты внешнего вида/структуры корзины и многое другое. В общем, все, что обычно необходимо для нормальной работы магазина.
Шаг 2 позволяет детально настроить шаблон. Варианты, доступные на этом этапе, более подробно будут рассмотрены в следующей части обзора.
Шаг 3 предлагает создать структуру страницы. Добавляйте страницы, разделители и устанавливайте уровни вложенности. В свойствах каждой страницы можно и нужно указать заголовок, описание и ключевые слова. При желании вы также можете назначить свой фон для выбранной страницы, стиль контента, иконку для пункта меню и добавить свой код в index.html.
Шаг 4 позволяет редактировать содержимое страниц. Это самый масштабный этап в создании сайта. Здесь вы будете вносить разнообразный контент. После выбора редактируемой страницы у вас появится область визуального редактора, размеченная на 4 равные части. Отношения между частями и друг другом можно изменить по своему усмотрению. Перетаскиванием можно добавить следующие элементы:
- Text — оформление текстового контента в практичном визуальном редакторе;
- Изображение — добавьте графику, загрузив ее с ПК или вставив ссылку на нужный файл, настройте параметры экрана — качество, размер, эффекты, защиту от копирования;
- Таблица — форматирование таблиц в визуальном редакторе;
- Галерея — можно отображать разные типы групп изображений (слайд-шоу, горизонтальные/вертикальные галереи и значки), включать автовоспроизведение, случайный порядок, настраивать внешний вид окна просмотра и кнопок навигации;
- Видео и аудио — загрузите с ПК или вставьте ссылку на нужный видеофайл (Youtube принимается) или музыкальный файл, заполните описание, задайте размер окна и тип воспроизведения (авто/ручной);
- Контактная форма — создавайте и публикуйте формы для разных стилей;
- Карты — отметьте свое положение на картах Google;
- Комментарии и рейтинги — позволяет подключаться к системам комментирования от Facebook или Disqus, есть возможность настроить количество видимых постов, фон и высоту поля;
- HTML5 Animation — позволяет добавлять на сайт анимации, созданные в приложении WebAnimator (можно приобрести вместе с лицензией на движок со скидкой);
- Каталог. Здесь вы можете настроить витрину в категориях товаров. Количество строк, высота/ширина блоков и изображений, внутренние поля, цвета, шрифты, эффекты и т д;
- HTML-код — вставка произвольного HTML/CSS-кода на страницу, а также привязка связанных с ним файлов.
Помимо инструментов, описанных выше, через кнопку «Управление» можно добавить значительное количество виджетов, включая кнопки «Поделиться» для социальных сетей и других сервисов, переводчик, редактор формул, календарь, погоду и многое другое.
На последнем шаге 5 вы сможете опубликовать свой веб-сайт, загрузив его в Интернет. Вы также можете хранить его на съемном носителе или локальном жестком диске. Для реализации первого сценария необходимо настроить FTP-соединение. Вы также можете настроить порядок обновления файлов на хост-сервере — экспортировать все файлы, только обновленные или только блог и RSS-каналы. Очень удобно.
После ввода необходимых параметров и нажатия «Далее» файлы будут загружены на сервер. Это необходимо делать каждый раз, когда вы вносите изменения на страницу. Да, процесс обновления не автоматический, но нажать лишнюю кнопку не проблема. Мы не видим никакой катастрофы здесь.
Как видите, здесь можно разгуляться. Функционал позволяет, не надоедает. Было бы желание работать. Сайт X5 предлагает серьезный набор инструментов для создания визиток, лендингов, блогов и магазинов. Обилие настроек позволяет реализовать практически все что угодно при должном уровне мастерства и настойчивости. Уровень функциональности также изменился.
Подключение домена. По этому пункту все просто: выбираете хостинг, регистратора домена (или 2 в 1), привязываете свой домен, настраиваете FTP-соединение, загружаете файлы сайта и… все. Вы находитесь в Интернете. В этом плане программа имеет много общего с CMS.
Возможен и другой сценарий — воспользоваться подарочным набором от разработчиков. При покупке Сайта Х5 вы получаете в подарок домен в зоне .рф или .ру и хостинг на год от выбранного вами провайдера: 1Gb.ru, One.com, A2Hosting или SuperHost. Как правило, за размещение сайта в первый год платить не нужно. Вы также получите доступ к облачному хранилищу и 15 почтовым адресам. Кроме того, есть возможность либо продлить подписку на услуги провайдера, либо перенести сайт на другой хостинг. Это как вы хотите.
Дизайны и работа с шаблонами
первым шагом в работе с системой является выбор и редактирование шаблона. У вас есть 3 варианта: взять готовую версию, скачать шаблон из личной библиотеки или создать свой дизайн с нуля.
Стандартные шаблоны разделены на 13 тематических категорий. Есть из чего выбрать. Есть около 160 различных макетов сильного среднего уровня качества. Выглядят они современно, сдобренные эффектами, местами могут похвастаться оригинальной структурой. Однако большинство из них имеют длину до 5 страниц, максимум пару экранов — предназначены для небольших сайтов. Если вы хотите расширить структуру, вы должны доработать ее и спроектировать вручную. Так что можно убить сразу нескольких зайцев — получить более-менее уникальный дизайн, развить навыки работы с редактором шаблонов (поверьте, они еще не раз пригодятся, лучше сразу приступить к обучению) и украсить сайт по вашему вкусу.
После выбора шаблона вам будет предложено отредактировать его с помощью целого набора инструментов:
- Укажите структуры для основных и адаптивных шаблонов. Выберите тип (горизонтальное/вертикальное) и расположение меню (шапка/боковая панель). Вы можете задать фон страницы отдельно для каждого из блоков (шапка, футер, контент, меню) и сделать отступ области контента от краев блоков. Эти параметры можно заполнять отдельно для десктопной и мобильной версии шаблона;
- Установите стили текста. Для каждого типа текстового элемента на сайте (заголовки, основной текст, ссылки, меню, кнопки и т д.) можно настроить видимость текста/цвет фона, шрифт, выравнивание, размер/цвет рамки;
- Настройка главного меню. Установите ширину, поля, расстояние между кнопками, шрифт и выравнивание текста для меню. Вы также можете изменить цвет фона или фоновое изображение для отдельных кнопок в пассивном/активном состоянии. Так же есть 3D стили, с помощью которых можно изменить форму кнопок, применить к ним эффекты, а также настроить рамку, которая придаст эффект трехмерности вашим кнопкам меню;
- Настраивая стиль выпадающего меню, вы можете выбрать тип меню (одна или несколько колонок), его ширину, шрифт, выравнивание и эффект появления/исчезновения подпунктов. Как и в обычных меню, здесь вы можете установить параметры для отдельных элементов и 3D-стилей;
- Для одностраничного меню можно изменить положение, ширину, толщину/цвет/тень границы и указать расстояние между кнопками;
- Подсказка при наведении на элемент. Настройте размещение таких окон, эффекты, цвет фона, стиль текста, параметры выравнивания и рамки;
- Showbox — настройка стилей всплывающих окон для отображения изображений и документов. Вы можете назначать эффекты, внешний/внутренний цвет, прозрачность, стили текста и рамки;
- Настройки стиля макета электронной почты — задайте внешний вид окна отправки сообщения, содержание, логотип компании и нижний колонтитул электронного письма. Выберите цвет фона, рамки, шрифты и многое другое.
После заполнения параметров выше вы можете настроить верхний и нижний колонтитулы в визуальном редакторе. Загружайте изображения, создавайте заголовки, настраивайте эффекты для элементов и многое другое.
Процесс создания собственного шаблона в принципе ничем не отличается от редактирования готового. В вашем распоряжении будет тот же набор инструментов, с той лишь разницей, что вам придется сделать свой собственный выбор, загрузить обои и настроить размер. Что удобнее и практичнее? Вероятно, сделан с нуля. Так вы быстро привыкнете к работе с движком и, скорее всего, получите более качественный результат по индивидуальным запросам.
В целом, WebSite X5 предлагает очень богатый набор возможностей для создания/редактирования шаблонов. Среднее качество встроенных решений с лихвой компенсируется богатыми возможностями настройки. На данный момент программа не имеет заметных недостатков.
SEO-оптимизация
В WebSite X5 в дополнительных настройках на первом шаге есть раздел SEO, где можно подключить инструменты для сбора статистических данных (нативные инструменты или Google Analytics), включить автоматическую генерацию карты сайта и вставить свой код в теги ….
В свойствах каждой страницы вы можете добавить заголовок, описание и ключевые слова. Статистику сайта можно просмотреть в онлайн-панели управления вашим сайтом или в вашей учетной записи Google Search Console.
Есть еще один момент, связанный с адаптивностью макетов. Программа позволяет вручную настраивать ширину областей макета в зависимости от устройств, которыми пользуются посетители. Невыполнение этого требования приведет к проблемам с отображением и, следовательно, к проблемам с SEO. Будь осторожен. В целом движок имеет средний набор инструментов поисковой оптимизации.
Ценовая политика
WebSite X5 можно использовать на основе бесплатной или платной лицензии, что напрямую влияет на доступный функционал. Общие условия следующие: после оплаты пользователь имеет право получать обновления в течение 12 месяцев и пользоваться услугами технической поддержки. По истечении этого срока необходимо продлить лицензию или продлить «Защиту от обновлений» для получения новой версии ПО или текущих обновлений еще на 1 год. На все покупки действует 100% кэшбэк на 30 дней. Если вы не обновите программное обеспечение, вы просто продолжите использовать его в текущем виде без каких-либо ограничений. Доступны следующие типы лицензий:
- Go (бесплатно) — 15 шаблонов, автоподгонка под мобильные устройства, 10 страниц на проект, визуальный редактор, FTP-клиент, менеджер конфиденциальности.
- Evo (3935 руб.) — 100 шаблонов, неограниченное количество страниц на проект, интернет-магазин, блог, онлайн-панель управления, раздел статистики и SEO.
- Pro (9118 рублей) — возможность продавать цифровые товары, поддержка Google AMP, интеграция с базами данных, расширенное SEO и все остальные функции системы.
В обоих платных вариантах WebSite X5 вы получите в подарок домен и хостинг сроком на один год. Вы можете выбрать поставщика. Рекомендуем учитывать условия продления услуг, чтобы не попасть в беду, приняв приятный подарок.
Также в системе есть кредиты, счет которых можно пополнить в рублях. Для них покупают платные шаблоны (в переводе с кредитов, примерно по 500-100 рублей за каждый), виджеты и другие элементы. Вся информация о покупках закреплена за учетной записью клиента.
Плюсы и минусы
Преимущества и недостатки WebSite X5 определяются форматом десктопной программы и качеством реализации системных функций. В целом, движок относительно гибкий и предоставляет достаточно возможностей как для адаптации макета, так и для расширения функциональности. Добавим преимущества:
- Возможность собирать шаблоны с нуля, создавать структуру из блоков и наполнять их любым контентом;
- Много готовых шаблонов хорошего качества;
- Наличие онлайн-панели управления в платных версиях программы;
- Данные проекта надежно хранятся на локальном ПК;
- Программное обеспечение можно использовать в автономном режиме;
- Практичная пошаговая структура создания сайтов;
- Множество настроек, возможность привязки баз к сайтам;
- Возможность добавления интеграций внешних систем путем вставки HTML-кода;
- Приличный набор виджетов — как бесплатных, так и купленных за кредиты;
- Несколько вариантов экспорта проекта, включая загрузку на один из подарочных хостов.
Недостатки следующие:
- Частично системные функции заблокированы необходимостью тратить кредиты на их активацию (часть шаблонов и виджетов);
- Мобильная версия сайта не всегда получается качественной;
- Техническая поддержка перестает слышать клиентов по истечении 1 года, и предлагает продлить лицензию для дальнейшего взаимодействия;
- Слабый встроенный блог, невыразительный магазин.
WebSite X5 может быть хорошим инструментом в руках опытного разработчика, но есть ограничения, которые невозможно преодолеть при наличии сильных навыков. Удивительно, но часть публикации и редактирования веб-сайтов в сети успешно выполняла система, которая устраняла многие недостатки, присущие десктопным программам. Цена тоже умеренная, если не забывать о многоразовости. Однако интерфейс и формат понравятся не всем. С дизайнерами проще работать, легче добиться хорошего результата. Тем более без опыта разработки.
Альтернативы и конкуренты
WebSite X5 вряд ли кто-то выберет из-за формата десктопной программы. Самое главное удобство и возможности. Продукт будут сравнивать с облачными конструкторами и CMS, которые отлично прокачаны и представлены на рынке в большом количестве. Поэтому по принципу простоты конкуренты должны в первую очередь искать окружение дизайнеров.
Лучшие альтернативы WebSite X5
uKit — облачный сервис для создания бизнес-сайтов. Визитки, лендинги, портфолио, магазины — это его специализация. Все шаблоны адаптивные, их сотни, качество хорошее. Редактор наглядный, более удобный, чем у WebSite X5. Стоимость начинается от $36/год, включая использование промокода. Сайты изначально хорошо оптимизированы для SEO (мобильная верстка и высокая скорость загрузки страниц).
Отличный вариант во всех отношениях для предпринимателей и просто новичков.
uCoz — мощный конструктор страниц с расширенными макетами страниц, SEO-оптимизацией и реализацией сложной функциональности. Хорошо подходит для развития клиентских проектов и серьезной монетизации сайтов для себя. Блоги, бизнес сайты, магазины, порталы здесь очень качественные. Визитки и целевые страницы тоже. Множество красивых премиальных шаблонов, функциональных модулей, подробные настройки по всем направлениям делают систему предпочтительным выбором для профессиональных разработчиков.
Таким образом, WebSite X5 не является сложным выбором в среде конструктора веб-сайтов. Юкит — более простой и удобный вариант для большинства людей, а Юкоз — молоток для решения действительно сложных технических задач для опытных разработчиков. То есть охвачены оба направления аудитории программы — новички, которые хотят создать 1 сайт для поддержки своего бизнеса, и веб-мастера, которые создают сайты на заказ или для себя, чтобы заработать.
Примеры сайтов, созданных в WebSite X5
При должном уровне навыков работы с программой получаются довольно красивые сайты. Новичкам вряд ли удастся уйти далеко от готовых шаблонов. Опытные в поддержке навыков программирования смогут опубликовать качественную работу. По мере взаимодействия с софтом уровень результатов будет расти, здесь нужен опыт. Система предназначена для непрерывного использования. Мы отобрали несколько удачных работ, собранных в нем.