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

Видео уроки Website X5 13 и 12Видео уроки Website X5 13 и 12

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

 

 

В предыдущей статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 8). Создание WEB сайтов» мы знакомились с расширенными настройками сайта.

Расширенные настройки

Управление доступом

В статьях «Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов» и «Обзор Incomedia WebSite X5 Evolution 10 (часть 3). Создание сайтов» мы затрагивали вопросы входа на сайт пользователей с различными правами. На момент написания статьи Incomedia WebSite X5 Evolution 10 не позволяет пользователям самостоятельно регистрироваться на сайте. Конкретнее, это нельзя сделать стандартными средствами. В статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 5). Создание веб сайтов» был описан способ, как пользователь может «зарегистрироваться» у Вас на сайте. Вы создаёте почтовую форму регистрации с полями «Логин», «Адрес электронной почты» и «Пароль». Настраиваете отправку данных на свой почтовый адрес. Пользователь вводит свои регистрационные данные, отправляет Вам на почту и Вы самостоятельно при помощи раздела Управление доступом (рисунок ниже) создаёте пользователя с указанными данными, экспортируете изменения сайта на хостинг и только после этого пользователь сможет зайти на сайт как зарегистрированный.

Создание сайта своими руками

Создание сайта своими руками в Incomedia WebSite X5 Evolution 10 достаточно простой процесс. Но регистрация пользователей тут сложная. Для удобства пользователей можно распределять по группам (кнопка Новая группа). Это удобно как для визуального восприятия, а также в случаях, когда у Вас много пользователей, а конкретную страницу на сайте надо разрешить просматривать только определённым. Тогда будет проще выделять их в списке пользователей.

При создании пользователя (рисунок ниже) (кнопка Новый) Вы задаёте ему имя и фамилию, Имя пользователя – логин, пароль и можете написать примечание. Оно служит только для Вас и только для того, чтобы Вы не забыли, кто это.

Incomedia WebSite X5 Evolution 10

Incomedia WebSite X5 Evolution 10 также позволяет Вам создать страницу с приветствующим пользователя сообщением и перенаправлять всех вошедших на сайт пользователей на эту страницу (опция Страница приветствия). Опция Регистрационные данные служит для указания даты регистрации пользователя.

Приветственное сообщение. Не совсем удачный перевод, так как это сообщение появится в случае, если посетитель сайта попытается получить доступ к страницам, которые предназначены только для зарегистрированных пользователей. Обращаю Ваше внимание на то, что, тестируя сайт во встроенном браузере Incomedia WebSite X5 Evolution 10 на локальном компьютере, Вы получаете доступ ко всем страницам без ограничений. Ограничения появятся после экспорта сайта в интернет.

Страница регистрации. Это страница, на которой расположена форма ввода логина и пароля уже зарегистрированных пользователей. Возможно, лучше было бы перевести как «Страница авторизации».

В Pro версии программы появилась возможность самостоятельной регистрации пользователей на сайте. Подробнее об этом Вы сможете прочесть в статье «Обзор WebSite X5 Professional программы для разработки сайтов (часть 2)».

Корзина

Создание сайта своими руками может преследовать не только бескорыстно-развлекательные цели, но и коммерческие. Например, создание интернет-магазина. Специально для этого в Website Evolution предумотрен набор инструментов, которые объединены в общем меню Корзина (рисунок ниже). Рекомендую ознакомиться с видео уроком на данную тему.

В статьях «Обзор Incomedia Web Site X5 Evolution 10 (часть 6). Создание интернет сайтов» и «Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов» были затронуты вопросы, связанные с выводом товаров на страницах Вашего сайта и выводом корзины покупок в верхней или нижней частях шаблона сайта.

Website Evolution

В Website Evolution инструменты создания интернет магазина разделены на пять вкладок.

  1. Товары.
  2. Упр. заказами.
  3. Данные покупателя.
  4. Отправить заказ.
  5. Параметры.

Рассмотрим каждую из них более детально.

На вкладке Товары (рисунок выше) Вы можете создавать, изменять и удалять товары, которые в последствии могут быть выведены для продажи на страницах Вашего сайта. Товары могут быть разделены по категориям (кнопка Новая категория). Категории служат и для визуального разделения товаров и для упрощения вывода товаров на странице сайта и для сортировки товаров по категориям. При помощи инструментов над таблицей с товарами Вы можете вырезать товар из одной категории и вставить его в другую. Также можно скопировать один товар и изменить его (описание, цена и так далее). При помощи инструментов Развернуть и Свернуть Вы можете сворачивать и разворачивать категории с товарами. Это очень удобно, если таких элементов много. Для автоматизации процесса создания товаров Incomedia WebSite X5 Evolution 10 предлагает импорт и экспорт товаров посредством таблицы в CSV формате. Пример такой таблицы показан ниже.

 

id

category

name/code

description

price

enable vat

vat value

weight

options

enable discounts

discounts

t2or456m

Создание сайтов

WebSite X5 Evolution 10

Описание товара

722

0

20

0

Без хостинга|Хостинг

1

0,00358796

19fq59va

Создание сайтов

Artisteer

Описание товара

1053

0

20

0

Artisteer Standard Edition|Artisteer Home и Academic Edition

0

 

 

Верхний ряд – заголовок данных. Второй и третий ряды - содержимое полей карточки товара. CSV файлы можно создавать и редактировать, например, при помощи Microsoft Excel или OpenOffice Calc.

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

Website X5

В Website X5 настройки товара разделены на четыре вкладки.

  1. Общие.
  2. Картинка.
  3. Параметры.
  4. Скидка.

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

  • Название/Код. Наименование товара.
  • Описание. Подробное текстовое описание товара.
  • Цена. Цена товара, без учёта налогов, скидок/надбавок и количества приобретаемого товара.
  • Налог. Процент, который будет добавлен к стоимости товара.
  • Вес. Вес товара. Данную опцию можно использовать, например, при расчёте стоимости товара с учётом доставки. Это будет рассмотрено далее.
  • Ссылка (напр., на страницу продукта). Это набор действий, по нажатию на товар. Эти действия были рассмотрены ранее в статьях «Обзор Incomedia WebSite X5 Free 10 (часть 3). Создаем сайт сами» и «Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов».

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

Website X5 Evolution

Website X5 Evolution позволяет Вам задать одно или несколько изображений для представления Вашего товара. Для этого служит вкладка Картинка (рисунок выше). Вы можете добавить изображения формата JPG, JPEG, GIF или PNG. При помощи кнопок Вверх и Вниз можно менять порядок следования изображений. Выбрав нужное и нажав кнопку Редактировать перед Вами откроется уже знакомый растровый редактор. Детальнее о нём Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 4). Самостоятельное создание сайта».

Максимальный размер. Если размер картинок товара слишком большой, то Incomedia WebSite X5 Evolution 10 сделает так, что при нажатии на картинку, она будет увеличиваться до заданных Вами размеров. Рекомендую предварительно на компьютере подобрать изображения одного размера и его же указать в настройках опции Максимальный размер.

Эффект перехода. Эффекты смены картинок товара (если их несколько). Подробнее о них Вы можете прочесть в статье «Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов».

Incomedia

Incomedia предусмотрела создание разных «вариантов» одного товара, которые, например, отличаются некоторыми свойствами. Для этого служит вкладка параметры (рисунок выше). В примере показано то, что программное обеспечение Artisteer может быть двух вариантов: «Artisteer Home и Academic Edition» или, более дорогой и расширенный вариант «Artisteer Standard Edition». Вы задаёте цену для «Artisteer Standard Edition», а затем, в качестве основного параметра добавляете «Artisteer Home и Academic Edition» со значением опции Разница цен равной «-648,00». Это укажет на то, что «Artisteer Home и Academic Edition» дешевле чем «Artisteer Standard Edition», стоимость которого 1053,00 (была задана на вкладке Общие в параметре Цена), на «648,00». В результате, на странице сайта появляется спадающий список над итоговой стоимостью товара, в котором покупатель может выбрать «Artisteer Home и Academic Edition» или «Artisteer Standard Edition». В зависимости от его выбора меняется цена. Разница веса аналогична опции Разница цен, но действует применимо к весу товара. Например, можно купить «Artisteer Standard Edition» электронную лицензию (просто ключ по почте) или коробочную версию (весом в 0,20) с доставкой по почте. Поле Наименование/Код аналогично полю Название/Код, расположенного на вкладке Общие и служит для указания названия «типа» товара. Это название будет отображаться в спадающем списке на странице товара. При помощи кнопок Вверх и Вниз Вы можете сортировать список основных параметров так, как Вам нужно.

На вкладке Скидка (рисунок ниже) Вы можете предоставить скидку на тот или иной товар при определённом условии.

Incomedia Website

Incomedia Website не обладает столь обширными возможностями по созданию скидок как, например, AwoCoupon Pro, но Вы можете задать скидку (рисунок ниже) в зависимости от количества купленных единиц товара.

Создание скидок

Если Вы задали скидку в зависимости от количества товара, то на странице сайта над итоговой стоимостью товара будет выведена надпись «Доступна оптовая скидка». Если покупатель наведёт на неё курсор мыши, то ему будет показано условие скидки. Пример Вы можете увидеть на тестовом сайте.

Incomedia Website X5

Incomedia Website X5 позволяет Вам настроить способы доставки и оплаты товара. Для этого служит вкладка Упр. заказами (рисунок выше). В 11-й версии появилась возможность задания наценки за тот или иной способ оплаты. Так же, как и при создании товаров Вы можете не только создавать новые способы доставки с нуля, но и редактировать существующие, удалять их или создавать новые на основании уже существующих. При помощи кнопок Вверх и Вниз Вы можете изменять порядок следования способов доставки. Он отобразится на сайте для всех клиентов. Все опции, доступные при создании или редактировании типа доставки, разделены на три вкладки (рисунок ниже).

  1. Общие.
  2. Стоимость.
  3. E-mail сообщение.

Рассмотрим каждую из них более детально. Вкладка Общие (рисунок ниже) содержит основные настройки типа доставки. Название доставки (поле Имя) и её описание (поле Описание). Также Вы можете задать изображение доставки, например, логотип службы доставки, осуществляющей перевозку. Это изображение будет отображено на странице оформления покупки.

Вкладка Общие

Вкладка Стоимость (рисунок ниже) позволяет настроить стоимость доставки как фиксированную так и в зависимости от веса. Плюс, Вы можете добавить налог (Опция Налог (%)) на конкретный вид доставки.

  • Фиксированная стоимость. Фиксированная цена (в валюте, которую Вы укажете) доставки товара.
  • Стоимость с учётом объёма заказа. Можно задать (рисунок ниже) стоимость доставки в зависимости от того, сколько единиц продукции купит клиент. Вы указываете, какой должен быть объём заказа (опция Объём заказа) и какова стоимость его доставки (опция Цена).

Стоимость

  • Стоимость с учётом общего веса заказа. Incomedia WebSite X5 Evolution 10 позволяет рассчитывать стоимость заказа с доставкой на основании суммарного веса покупки (рисунок ниже). По аналогии с Стоимость с учётом объёма заказа Вы задаёте общий вес и стоимость.

Стоимость доставки

  • E-mail сообщение. Текст письма, который будет отправлен покупателю с подтверждением заказа.

E-mail сообщение

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

  1. Общие. Аналогично вкладке Общие для способов доставки рассмотренной выше.
  2. Тип.
  3. E-mail сообщение. Аналогично вкладке E-mail сообщение для способов доставки рассмотренной выше.

Вкладка Тип (рисунок ниже). Содержит настройки, которые непосредственно помогут Вам создать и настроить способы оплаты.

Тип

Оплатить позже. Данная опция указывает на то, что оплата будет произведена после доставки товара. Например, курьеру.

Оплатить сейчас. Website Evolution позволяет подключить систему оплаты PayPal. Покупатели смогут оплатить товар сразу после подтверждения его покупки на сайте. Для этого Вам необходимо в спадающем списке Вид оплаты выбрать пункт PayPal/кредитная карта и в поле Учётная запись PayPal указать свою учётную запись в платёжной системе PayPal. Хорошо то, что Вы не отвечаете за сохранность пользовательских данных. Всю эту работу берёт на себя PayPal. По сути, пользователь производит оплату не у Вас на сайте, а на сайте PayPal. В поле Страница подтверждения успешной оплаты Вам необходимо указать заранее созданную страницу своего сайта с сообщением того, что оплата прошла успешно. В поле Страница сообщения об ошибке Вам необходимо указать заранее созданную страницу своего сайта с сообщением о том, что во время оплаты произошла ошибка. Возможно, стоит указать свои контактные данные или форму обратной связи, а также дать краткую инструкцию о возможной причине ошибки и вариантах её устранения. Это поможет удержать клиента и даст  ему гарантии правильности оплаты заказа.

Если Вы хотите подключить другой способ оплаты, например популярный в Украине «Приват 24», то в спадающем списке Вид оплаты выбрать пункт Код клиента. Возможно, это не очень удачный перевод, точнее было бы «Код платёжной системы».

Код клиента

В появившемся поле Код HTML для кнопки ‘Оплатить сейчас’ введите HTML код, который Вы получили на сайте платёжной системы.

Стоимость. Можно добавить фиксированную стоимость к общей сумме заказа при оплате товара тем или иным способом.

Налог (%). Можно добавить процент от общей суммы заказа при оплате товара тем или иным способом к конечной стоимости.

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

Данные покупателя

Создание сайта своими руками в Website X5 Evolution не очень сложный процесс. Но так как это не система управления содержимым (CMS), то нет возможности создать регистрацию пользователей для того, чтобы они каждый раз не вводили свои данные при оформлении заказа.

По умолчанию в секции Заводские настройки таблицы списка полей Вам доступны следующие:

  • Компания.
  • Имя.
  • Фамилия.
  • Адрес1.
  • Адрес2.
  • Почтовый индекс.
  • Город.
  • Область.
  • Страна.
  • Телефон.
  • Мобильный телефон.
  • Факс.
  • ИНН.
  • ИНН.
  • Адрес e-mail.

Все поля, кроме Имя и Адрес e-mail, являются не обязательными для заполнения и могут быть скрыты из формы. Поля в области Заводские настройки нельзя переименовать непосредственно в этой вкладке. Их можно переименовать в управлении языковым контентом. Детальнее об этом Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Free 10 (часть 2). Программа конструктор сайтов».

В панели инструментов над таблицей со списком полей есть ряд полезных инструментов. Рассмотрим их слева направо.

  • Добавить свое поле. Добавляет дополнительное поле в форму данных о пользователе.
  • Удалить поле. Удаляет дополнительные поля (область Свои настройки) из формы данных о пользователе.
  • Переименовать поле. Переименовывает дополнительные поля (область Свои настройки) из формы данных о пользователе.
  • Вверх и Вниз. Можно менять порядок следования полей. В пределах областей.
  • Видимое поле. Скрывает или отображает поля в форме данных о пользователе.
  • Обязательное поле. Делает поле обязательным к заполнению. Или снимает такое требование.

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

  • Запрос согласия с условиями продажи. Включив данную опцию, Вы активируете вывод текста, который будет показан на финальной странице оформления заказа. Покупатель должен будет его принять, иначе не сможет оформить заказ. Сам текст можно ввести в поле Текст условий продаж. Вы можете просто вставить его туда из любого текстового редактора. Есть возможность добавления действия по нажатию на то или иное слово текста (создание ссылки). Эти действия были рассмотрены ранее в статьях «Обзор Incomedia WebSite X5 Free 10 (часть 3). Создаем сайт сами» и «Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов».

На вкладке Отправить заказ (рисунок ниже) Incomedia WebSite X5 Evolution 10 позволяет отредактировать текст писем с подтверждением заказа, которые будут отправлены покупателям на указанный ими адрес электронной почты.

Вкладка Отправить заказ

Подробнее о том, как настроить отправку почты с сайта Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 8). Создание WEB сайтов». О том, при помощи каких инструментов Вы можете оформить письма, отправляемые пользователям с сайта можно прочесть в статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 7). Создание сайта с нуля».

  • E-mail адрес для приёма заказов. Адрес Вашей электронной почты, на которую будут приходить письма с уведомлениями о заказах и информацией о них.
  • Приложить данные заказов в формате CSV. Для удобства последующей обработки можно прикрепить к письмам информацию о заказе в файле формата CSV.
  • Текст ‘шапки’ страницы письма. Текст, который будет расположен в верхней части письма.
  • Текст ‘подвала’ страницы письма. Текст, который будет расположен в нижней части письма.

На вкладке Параметры (рисунок ниже) Вы можете настроить саму корзину товаров.

Вкладка Параметры

Валюта. Incomedia Web Site X5 Evolution 10 позволяет задать одну из пятидесяти валют, включая украинскую гривну, российский рубль и американский доллар. Помимо этого, Вы можете добавить или изменить валюту в списке валют (рисунок ниже).

Список валют

Маска формата поля задаёт формат суммы. Или «1.000,00» или «1,000.00». Если отключить опцию Отображать валюту справа, то знак валюты будет расположен слева от суммы. Для удобства восприятия суммы можно включить опцию Показать разделитель десятичных разрядов.

Спадающий список Тип в области Настройки налога позволяет задать один из трёх вариантов расчёта стоимости товара:

  1. Налогом не облагается.
  2. С учётом налога. Тогда Вам будет доступна опция Значение по умолчанию (%). В этом поле Вы сможете ввести процент налога, который будет установлен по умолчанию для всех товаров. При необходимости Вы можете задать налог для каждого отдельного товара. Как это сделать было рассмотрено выше при создании товара.
  3. Без учёта налога. Отличие этой опции от предыдущей заключается в том, что выбрав Без учёта налога стоимость товара будет указана без добавочной стоимости налога.

Разрешить заказывать только минимальное количество. Активировав эту опцию, покупатели не смогут заказать количество единиц товара (всего в корзине) меньшее, чем Вы указали в поле Минимальное общее количество.

Как Вы уже могли убедиться, создание сайта своими руками в Website Evolution достаточно несложный процесс. Помимо настроек касательно стоимости товара, Вы можете настроить стиль отображения таблицы с товарами в корзине.

  • Фон ‘шапки’ страницы. Цвет фона верхней части страницы. Возможна прозрачность.
  • Фон ячеек. Фон ячеек таблицы. Возможна прозрачность.
  • Рамка таблицы. Цвет рамки таблицы с товарами. Возможна прозрачность.
  • Чередовать цвет строк. Для удобства восприятия можно указать, чтобы Incomedia WebSite X5 Evolution 10 выделял первую строку одним цветом, вторую другим и так далее. Это улучшит восприятие таблицы с товарами покупателем.
  • Текст ‘шапки’ страницы. Цвет текста в верхней части страницы.
  • Цвет текста в ячейках. Цвет текста в ячейках таблицы товаров.
  • Закругленные уголки. Вы можете задать степень скругления углов таблицы товаров. Для каждого угла можно задать разное значение.

Вы можете задать своё собственное изображение в формате JPG, JPEG, GIF или PNG для иконки добавления в корзину, удалению из неё и изображение для случаев, когда товару не назначена картинка.

В конце статьи «Обзор WebSite Evolution 10 (часть 10). Создание сайта HTML» Вы можете скачать файл проекта (*.IWZIP) тестового сайта к данному циклу статей.

В новой версии программы возможности корзины дополнились полезными функциями. Подробнее об этом Вы сможете прочесть в статье «Обзор Incomedia WebSite X5 Professional 10 (часть 1). Создание статического сайта».

По большому счёту, на этом создание сайта своими руками в Incomedia WebSite X5 Evolution 10 заканчивается. Остаётся финальный этап экспорта проекта. Это пятый и последний шаг. О нём мы поговорим в завершающей цикл статье «Обзор WebSite Evolution 10 (часть 10). Создание сайта HTML».

Видео уроки Website X5 13 и 12Видео уроки Website X5 13 и 12

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

 

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