Обзоры расширений Joomla

Видео уроки Website X5. Создание сайта с нуляВидео уроки Website X5. Создание сайта с нуля

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 12.

 

 

 

В предыдущей статье «Обзор Incomedia WebSite X5 12. Новые возможности» мы рассмотрели самое важное, на мой взгляд, нововведение – адаптивный дизайн. Также были затронуты некоторые новшества интернет-магазина. О них и продолжим.

Что нового в WebSite X5 12

Наличие товаров на складе интернет-магазина

В Incomedia WebSite X5 Professional 12 теперь появилась возможность задавать фактическое количество товара. Это можно сделать на четвёртом шаге создания сайта в подразделе Корзина (рисунок ниже).

WebSite X5 12
WebSite X5 12

В настройках товара (рисунок ниже), на вкладке Наличие, в спадающем списке выберите Фактическое наличие. Обратите внимание, что для нормальной работы данной опции нужно подключить базу данных в управлении данными.

  • Количество, имеющееся на складе. Фактическое количество товаров на складе. Для занесения данного значения в базу данных внести реальное количество товаров у Вас на складе в поле Добавить/удалить следующее количество и обновить данные в базе данных при помощи кнопки Обновление (рисунок выше)
  • Уведомить, если количество меньше. Если количество товаров станет меньше указанного тут, то товар будет выделен в таблице товаров в самой программе (рисунок выше) и будет отображаться в админке WebSite X5 Professional 12 в разделе Заканчиваются.
Настройки товара
Настройки товара

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

В разделе Параметры (рисунок ниже) появилась опция Обновлять количество, имеющееся в наличии, только после выполнения заказа. Её активация приведёт к тому, что количество товара будет меняться только тогда, когда Вы переведёте заказ в раздел В ожидании (в административной панели). По сути, это аналог подтверждения заказа, когда Вы, например, созвонились с клиентом, а он подтвердил намерение купить товар. Учитывайте, когда опция включена, а Вы ещё не перевели заказ в нужный раздел, может произойти продажа уже заказанного товара. Например, если на складе в наличии 3 экземпляра, а уже есть 3, но еще непроверенных заказа на них, то система продолжит давать возможность продолжать заявки, так как сделанные заказы пока не отображены.

WebSite X5 Professional 12
WebSite X5 Professional 12

Безопасность и конфиденциальность

На четвёртом шаге создания сайта появился раздел Безопасность и конфиденциальность (рисунок ниже). На первой вкладке Конфиденциальность можно активировать и настроить отображение сообщения, в котором, например, можно уведомить о применении Cookie или дать ссылку на правила сайта, заявление о конфиденциальности и так далее. Подробнее о ссылках можно прочесть в предыдущей статье.

Incomedia WebSite X5 Evolution 12
Incomedia WebSite X5 Evolution 12

На рисунке ниже показан пример такого сообщения в верхней части сайта.

Сайты, созданные в Website Х5
Сайты, созданные в Website Х5

На вкладке Безопасность (рисунок ниже) Вы можете активировать использование «родной» капчи Incomedia WebSite X5 или reCAPCHA. Они служат для защиты форм и блога от спама.

Безопасность
Безопасность

Страница приветствия

Ранее Страница приветствия использовалась, в основном, для рекламно-маркетинговых целей (за исключением переключения на нужную языковую версию сайта). Теперь появилась возможность настроить автоматическое перенаправление пользователя на нужный язык и\или версию сайта. Что-то подобное я реализовал при помощи настройки сервера (конфигурация файла «.htaccess») для сайта Didzhej.kh.ua. Если сервер определит, что пользователь заходит с мобильного устройства, то его автоматически перенаправит на мобильную версию сайта. На 01.10.2015 этот сайт на 11-й версии WebSite X5 Professional.

Выбрав в спадающем списке Автоматически определить язык (рисунок ниже) Вы можете настроить, по какому URL будет перенаправлен пользователь, если удастся определить язык его браузера, и если такой язык на Вашем сайте, то пользователь будет туда перенаправлен.

Страница приветствия
Страница приветствия

Аналогично для ширины экрана – в зависимости от неё пользователь будет направлен на ту или иную версию сайта. Хотя с новыми возможностями по созданию адаптивного дизайне это может и не понадобиться.

Автоматическое определение разрешения
Автоматическое определение разрешения

Разное

Рассмотрим ещё некоторые нововведения, которые обнаружились.

Open Graph. Это специальный протокол, который позволяет плотнее интегрировать Ваш сайт с социальными сетями. Это проявляется в улучшенном отображении заметок о страницах Вашего сайта в ленте новостей Facebook. По сути, от Вас особо ничего не требуется. На первом шаге создания сайта в WebSite X5 12 укажите файл изображения (рисунок ниже). И заполните мета-данные в свойствах страниц.

Open Graph
Open Graph

В коде Вашего сайта появятся специальные теги (рисунок ниже).

Open Graph теги
Open Graph теги
  • «<meta property="og:locale" content="ru-RU" />». Идентификатор языка сайта. Выставляется на основании языка контента (настройки на первом шаге создания сайта).
  • «<meta property="og:type" content="website" />». Указывает на то, что документ, на который идёт ссылка из Facebook, является сайтом.
  • «<meta property="og:url" content="http://pitstsa.com/index.php" />». Адрес сайта. Выставляется на основании опции URL сайта (настройки на первом шаге создания сайта).
  • «<meta property="og:title" content="Главная" />»; «<meta property="og:site_name" content="Пицца" />»; «<meta property="og:description" content="Круглосуточная доставка пиццы собственного приготовления в Харькове. Особая рецептура, только свежие продукты, адекватные цены. Тел.: 123-45-67" />». Данные берутся из мета данных свойств страницы (настройки на втором шаге создания сайта).
  • «<meta property="og:image" content="http://pitstsa.com/favImage.png" />». Рисунок сайта, который Вы указали на первом шаге его создания. Данный рисунок будет добавляться к записи тогда, когда на странице, которой хочет поделиться пользователь, не найдётся более подходящего изображения.
  • «<meta property="og:image:type" content="image/png">»; «<meta property="og:image:width" content="256">»; «<meta property="og:image:height" content="256">». Данные, необходимые для корректной работы протокола. Подставляются автоматически.

Выше описанные данные нужны для более удачного формирования описания страницы Вашего сайта в социальных сетях. Например, зашёл пользователь на Ваш сайт, захотел поделиться ссылкой на него в Facebook, нажал на кнопку, и сформировалась заметка (рисунок ниже). Она пойдёт в его записи на Facebook.

Facebook
Facebook

Совместимость с IE8. Несмотря на то, что Internet Explorer 11 устарел и ему на смену пришли новые версии, включая EDGE в Windows 10, старые версии Internet Explorer продолжают появляться в статистике посещений сайтов. Для улучшения отображения в Internet Explorer 8 сайтов, сделанных в Incomedia WebSite X5 12, Вы можете активировать опцию Включить совместимости Internet Explorer 8 на четвёртом шаге создания сайтов в подразделе Статистика, SEO и код (рисунок ниже). Её активация добавит несколько строк в исходный код и файл с таблицей стилей, которую должен понимать Internet Explorer 8. Обратите внимание, так как Internet Explorer 8 устаревший браузер, который не поддерживается его разработчиками, а Incomedia WebSite X5 12 создаёт сайты на основании HTML5 и CSS3, то полная работоспособность сайтов в 8-й версии Internet Explorer не гарантируется.

Статистика, SEO и код
Статистика, SEO и код

Поле поиска в управлении языковым контентом. Если Вам нужно отредактировать какую-то переменную в языке контента (первый шаг создания сайта), то теперь в редакторе появилось поле поиска (рисунок ниже), которое может упростить эту задачу.

Поле поиска в управлении языковым контентом
Поле поиска в управлении языковым контентом

WebSite X5 Professional 12 или Evolution 12

Рассмотрим основные, на мой взгляд, отличия WebSite X5 Professional 12 от Evolution 12.

Функциональность

Evolution 12

Professional 12

Резервное копирование проектов

Базовое

Расширенное

Вкладки

-

+

Редактирование различных объектов

Базовое

Расширенное

Динамический контент

-

+

Способы оплаты

PayPal/кредитная карта

Пользовательский код

PayPal/кредитная карта

Пользовательский код

Google Wallet

MultiSafepay

Robokassa

SagePay

PagSeguro

Скидки и купоны

Базовые

Расширенные

Учёт фактического количества товаров на складе

-

+

Поддержка баз данных

Базовая

Расширенная

Автоматическая регистрация пользователей

-

+

Редактор robots.txt

-

+

SEO-анализ сайта

-

+

Настройки адаптивного дизайна

Базовые

Расширенные

Мобильное приложение для сайта

-

+

Онлайн панель управления сайтом

Базовая

Расширенная: регистрация пользователей, заказы интернет магазина

 

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

По состоянию на 17.09.2015 у разработчика была следующая ценовая политика касательно обновления. Как я понял, она актуально до 15.10.2015 (но уточните в технической поддержке Incomedia – можно писать на русском).

  • Переход с WebSite X5 Evolution 11 до WebSite X5 Evolution 12 стоить 2275 рублей (это 30% скидки от полной цены).
  • Переход с WebSite X5 Evolution 12 до WebSite X5 Professional 12 стоить 5491,85 рублей (это 35% скидки от полной цены).

Сайты, созданные в Website Х5

Предлагаю Вашему вниманию несколько сайтов, созданных в Website Х5 (автор – не я). На 02.10.2015 все они сделаны в 11-й версии программы.

  1. Островок.
  2. Мёд.
  3. Копорский чай.

Больше примеров сайтов, сделанных в Website Х5, Вы можете найти тут.

Для упрощения разработки сайта в этом конструкторе, рекомендую ознакомиться с дополнениями:

  1. Шаблоны проектов. По сути это готовый сайт с дизайном, страницами и так далее. Вы сможете импортировать его в программу и отредактировать так, как Вам нужно.
  2. Шаблоны. Это шаблоны оформления – дизайн.
  3. Объекты. Дополнительные объекты для применения на сайте: галереи, социальные виджеты и др.

Переход с WebSite X5 9-11 на 12

Если Вы уже создали сайт в предыдущей версии WebSite X5 9, 10, 11, то Вы сможете импортировать его в 12-ю версию. Это происходит аналогично переходу с 9-й на 10-ю.

Украинский язык контента

На 02.10.2015 в программе ещё не было украинского языка контента, но его можете скачать по этой ссылке. Там же найдёте инструкцию по установке. Язык необходим для перевода «служебных» элементов интерфейса: кнопок, системных сообщений и так далее. Он относится к самому сайту, а не программе. Наличие или отсутствие определённого языка не мешает Вам размещать контент на том языке, на котором нужно.

Видео обзор новых возможностей WebSite X5 12 Evolution и Professional

В видеоролике будут показаны основные новшества 12-й версии программы на примере сайта, созданного в предыдущих видео-уроках.

 

 

 

Видео лучше просматривать с качеством 720 HD. В конце предыдущей статьи можете найти файл с проектом сайта. Его демонстрационная версия доступна по этой ссылке.

Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube, Rutube и Mail.ru.

Видео уроки Website X5. Создание сайта с нуляВидео уроки Website X5. Создание сайта с нуля

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 12.

 

Полезные ссылки: