Обзор incomedia website x5 11 professional. программа для создания html сайтов

Настройка Database Viewer


WebSite X5 Professional 13

Этап 1 (не обязательный). Сперва создайте отдельную группу пользователей и пользователя в Настройки – Расширенные настройки – Управление доступом (рисунок ниже).


Уроки WebSite X5

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

Этап 3. На созданной или уже существующей странице разместите объект Database Viewer и перейдите в его настройки (рисунок ниже).


Видео-уроки WebSite X5

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

В поле Table Name (имя таблицы) укажите название таблицы базы данных, которую хотите отображать. Учтите, что оно может отличаться от того имени, которое Вы задали в настройках, например, той же корзины (рисунок ниже).


Имя таблицы

В моём примере имя таблицы в настройках корзины — «tovary», но в базе данных она называется «tovaryproducts» (рисунок ниже).


phpMyAdmin

Так вот в настройках объекта Database Viewer нужно указывать именно то имя, которое будет в базе данных. В моём примере это «tovaryproducts».

Все остальные опции объекта Database Viewer, по большому счёту, не обязательны. Можно указать заголовок таблицы в поле Header Title (заголовок шапки), настроить цвета разных элементов таблицы и включить чередование подсветки строк таблицы (опция Alternate rows color (разный цвет строк)).

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

При желании можно активировать показ инструментов редактирования, которые помогут внести правки в таблицу базы данных или даже удалить строки (опция Show Edit Controls (показать инструменты редактирования)). Рекомендую не включать данную опцию.

Очень-очень полезной, по моему мнению, опцией является List of hidden columns (список скрываемых столбцов). В моём примере скрыты такие столбцы (их нужно указывать через запятую без кавычек): «product_id, option, suboption, vat, price_plus_vat, physical, digital, download_hash, download_link, download_end_ts». По умолчанию, если не скрывать столбцы, то будут отображаться все 14, присутствующие в базе данных (рисунок ниже).

Таблица базы данных

Но в результате скрытия, на сайте отображаются только нужные мне столбцы (рисунок ниже). Так гораздо удобнее работать с таблицей.


Отображение таблицы базы данных на сайте

В этой таблице (рисунок выше) видны названия товаров, их количество и ID заказ. Но, к сожалению, не видно даты заказа.

Этап 4. Для получения информации о дате заказа нужно сдублировать объект Database Viewer и заменить значение таких полей (без кавычек):

  • Table Name – «tovaryorders». У Вас имя таблицы может отличаться.
  • List of hidden columns – «ip, vat, price_plus_vat, currency, shipping_name, shipping_icon, shipping_price, shipping_vat, shipping_price_plus_vat, payment_name, payment_icon, payment_price, payment_vat, payment_price_plus_vat, coupon, vat_type, availability_reduction_type, contains_digital_products».

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


Отображение таблицы базы данных на сайте (2)

Она нам нужна, чтобы видеть дату совершения заказа.

Этап 5. Далее экспортируем в CSV первую таблицу. На рисунке ниже показаны параметры импорта таблицы в LibreOffice Calc (разделитель — запятая). Ничего не делая с данными, нужно найти ID первого заказа, совершённый в прошлом месяце. Это сделать достаточно просто. Следует найти его при помощи поиска во второй таблице на сайте. Для этого вводим нужный Вам год и месяц.  Например, «2017-07» (без кавычек) – формат «год-месяц» (2017 июль).


Открытие CSV-файла

После этого перейдите в LibreOffice Calc, найдите нужный ID и удалите все заказы, ниже строки с нужным Вам ID. Так Вы удалите заказы, совершённые до июля 2017. По большому счёту, в LibreOffice Calc Вы сможете проводить любые нужные действия с данными.

Ссылка Звонок/Сообщение

В Website X5 Evolution 16 и в Professional версии появился новый тип ссылки – Звонок/Сообщение (рисунок ниже). Доступны такие типы каналов:

  • Телефон. Можно выбрать тип действия Звонок или Отправляет сообщение.
  • Скайп. Можно выбрать тип действия Звонок, Отправляет сообщение, Добавить контакт, Показать профиль, Голосовая почта Skype VoiceMail, Отправить файл.
  • WhatsApp. Доступен только тип действия Отправляет сообщение.
  • Facebook Manager. Доступен только тип действия Отправляет сообщение.
  • Telegram. Доступен только тип действия Отправляет сообщение.
  • Можно выбрать тип действия Звонок или Отправляет сообщение.
  • ВКонтакте. Доступен только тип действия Отправляет сообщение.

По нажатию на ссылку произойдёт то, что указано в Тип действия.


Website X5 Evolution 16

Например, если выбрать тип канала Viber, тип действия Звонок и задать номер телефона, то по нажатию на ссылку откроется Viber и пойдёт набор номера для звонка через Viber Out. Но не всё так просто. Чтобы это сработало, надо:

  1. чтобы у пользователя, который нажимает на ссылку, был установлен Viber.
  2. Чтобы у пользователя, который нажимает на ссылку, была установлена связь между ссылками такого рода и Viber. По умолчанию, браузер сам предложит набрать номер в Viber. Но если ранее это было как-то изменено, то вызова не будет.
  3. Чтобы у пользователя, который нажимает на ссылку, были денежные средства на его счету Viber Out.
  4. Чтобы номер, который Вы указали для ссылки, был номером Viber.

Фильтр товаров и интернет магазин


Incomedia WebSite X5 — поиск продуктов

Можно искать товары по слову/фразе, можно их фильтровать или сортировать. Для фильтрации доступны такие параметры:

  • категория.
  • Цена.
  • Товары со скидкой. Скидки задаются на одноимённой вкладке в настройках товара.
  • Товары в наличии. Наличие задаётся на одноимённой вкладке в настройках товара.
  • Новые товары. Товар считается новым, если в его настройках на вкладке Общие включена опция Установить параметр продукта — ‘Новинка’ (рисунок ниже).


Incomedia WebSite X5 2020.1

Также товары можно сортировать по: актуальности и цене (от самой высокой к самой низкой и наоборот). Под актуальностью понимается порядок следования товаров в одноимённом разделе (рисунок ниже).


Интернет магазин WebSite X5

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


WebSite X5 2020

Поля фильтрации настраиваются при редактировании страницы (в области Специальные страницы) (рисунок ниже).


Настройки поиска

А на вкладке Настройки (рисунок ниже) есть опции для конфигурации области товаров страницы фильтрации. Они аналогичны настройкам объекта Каталог товаров.


Настройки товаров

Настройки корзины. Часть графических настроек корзины были перемещены из Настройки – Расширенные – Корзина – Параметры в Карта – Shopping Cart (рисунок ниже).


Настройки дизайна корзины

Поле поиска товара. При добавлении товаров теперь доступно поле поиска (рисунок ниже). Поиск происходит не только по названию, но и по описанию и параметрам товара. Только для Pro версии.


Поле поиска товаров

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


Ссылка на фильтр товаров

Этапы оформления заказа. Были переработаны этапы оформления заказа (рисунок ниже).


Оформление заказа

Анимация изображений товаров. В объекте Каталог товаров на вкладке Настройки для изображений (обложки) добавлена опция эффектов при наведении курсора мыши на изображение (рисунок ниже).


Объект «Каталог товаров»

Создание сайта в WebSite X5 Professional 13

Процесс создания сайта проходит в окне программы в визуальном режиме. В окне «Выбор проекта» необходимо выбрать проект: создать новый или редактировать существующий. Дайте название для нового проекта.

На первом этапе «Настройки», нужно настроить параметры сайта. Используйте общие и расширенные настройки.

В общих настройках введите необходимые параметры сайта: имя сайта, автор сайта, URL адрес сайта, описание, язык сайта, добавьте значок (фавикон) и изображение.

В расширенных настройках выберите нужные параметры, настройте отдельные элементы сайта: «Блог», Лента RSS», «Мобильное приложение», «Корзина», «Статистика, SEO и код», «Конфиденциальность и безопасность», «Страница приветствия», «Рекламное сообщение», «Управление данными», «Управление доступом», «Панель Управления и WebSite X5 Manager».

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

На втором этапе «Шаблон», выберите шаблон для сайта. Во вкладке «Выбор» доступны следующие варианты создания шаблона сайта:

  • «Шаблон по умолчанию» — выбор любого из доступных шаблонов.
  • «Пользовательская библиотека» — выбор шаблона из своей библиотеки.
  • «Новый Шаблон» — самостоятельное создание собственного шаблона.

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

На третьем этапе «Карта», создается «Карта сайта». Создайте структуру страниц. В свойства страниц добавьте описание, ключевые слова, фон, пользовательский код и т. д. Настройте порядок обновления карты сайта.

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

На завершающем пятом этапе «Анализ и экспорт», проанализируйте веб-сайт на наличие ошибок и готовность сайта для поисковой оптимизации (SEO). Далее можно выгрузить сайт в интернет через FTP-соединение, экспортировать сайт в папку на диск своего компьютера, или экспортировать проект в файл, который сохранится в папке на компьютере.

Для выгрузки сайта в интернет запросите у своего хостинг провайдера настройки для FTP-соединения. После экспорта файлов сайта на диск в папку, можно редактировать файлы сайта вручную. Экспорт проекта можно использовать для переноса проекта на другой компьютер.

Если сайт нуждается в доработке, откройте в программе WebSite X5 существующий проект, исправьте или переделайте требующие корректировки элементы сайта.

Другие изменения

Помимо вышеописанных новшеств было сделано многое другое.

HTML5 и SEO. В коде сайта появились новые HTML5 теги, которые улучшают понимание страниц Вашего сайта поисковыми системами и повышают его доступность для инвалидов (от англ. accessibility). Это может положительно сказаться на позициях сайта в поисковой выдаче.

Безопасность и регламент GDPR. Генерируемый программой код сайта прошёл проверку на соответствие требованиям GDPR, включая требования к генерации паролей. Но Вам надо будет выполнить ещё ряд рекомендаций. Немного подробнее обо всём этом можно прочесть в статье «Регламент GDPR и 152 ФЗ. Требования, сравнение».

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


Окно предварительного просмотра сайта

Ряд других, более мелких, изменений:

  • добавлена поддержка анимации из WebAnimator 3.
  • При экспорте проекта файлы, относящиеся к дополнительным объектам, теперь экспортируются в подпапки.
  • Можно задавать имя экспортируемого проекта (файл IWZIP).
  • Упрощён процесс обновления самой программы Website X5. Не нужно удалять предыдущую версию.
  • Множество мелких исправлений в работе объекта Текст, блога, объекта Таблица, всплывающих подсказок, фиксированной полосы, корзины, объекта Контактная форма, объекта Меню, объекта Галерея и других элементов.

В следующей статье «Обзор WebSite X5 Optimizer. Оптимизация проекта сайта» мы рассмотрим процесс покупки платного шаблона «быстрого старта» и поговорим о возможности оптимизации проекта сайта.

Похожие материалы

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

При скачивании файлов менеджерами загрузок возможны проблемы.
Файл Описание
Результаты тестирования страниц Incomedia Website X5 Professional 16.2.1 (х64)

Crea una página web bonita y profesional en muy pocos pasos

WebSite X5 Evolution 12, te permite crear páginas web en muy pocos pasos. De este modo, no necesitas tener conocimientos de programación o diseño web para crear una página web en pocos minutos.

¿Qué tipo de página web quieres crear?

WebSite X5 Evolution 12 es un programa perfecto si quieres crear una página web con un aspecto atractivo y profesional pero no tienes conocimientos técnicos.

A través de su interfaz limpia, WebSite X5 Evolution 12 te permite crear una web con un proceso guiado. Todo empieza por la elección de la plantilla, que será la clave para crear la estructura de tu web.

WebSite X5 Evolution 12 cuenta con más de 1.000 plantillas gráficas y, si te atreves, podrás personalizar cualquiera de ellas o crear una desde cero.

WebSite X5 Evolution 12 está pensado para crear cualquier tipo de sitio: un blog de noticias, una página corporativa, un catálogo o tienda online… Así pues estamos ante un programa apto tanto para el profesional que quiere promocionar su negocio como para el particular que desea mostrar al mundo sus inquietudes y talentos.

Hasta su versión 11 WebSite X5 Evolution estaba centrado en las páginas web de escritorio, pero la versión 12 se ha volcado en el diseño de páginas pensadas para dispositivos móviles. Así, la app cuenta con la opción de crear diseños responsive, es decir, diseños web que se adaptan al dispositivo desde que se consulte la página. No importa deasde dónde tus usuarios consulten tu web, su navegación será óptima.

Recursos para todos

WebSite X5 Evolution 12 pone a tu disposición muchos elementos de personalización de plantillas, así como el poder añadir todos los objetos que suelen aparecer en las webs. Añadetextos, imágenes, vídeo, sonido, animaciones Flash, galerías, formularios de correo electrónico, listas de productos, código HTML y widgets.También encontramos ajustes más específicos para blogs y comercio electrónico.

Otra de las grandes bazas de WebSite X5 Evolution 12 es lo bien que se integran todas las opciones de responsive design a las que ya conocíamos. Resulta muy fácil gestionar una plantilla y ver cómo se adapta a las diferentes versiones de tu site.

WebSite X5 Evolution no descuida la seguridad. En su última versión ha añadido una sección nueva para gestionar los aspectos de privacidad de tu página web. Esto incluye un control de políticas de tu web o el poder añadir un sistema recpatcha para evitar spam en los formularios de tu página.

Fácil de usar y con resultados sorprendentes

Si tuviéramos que resumir WebSite X5 en dos adjetivos, estos serían: fácil y profesional. Es sorprendente la facilidad con la que cualquier persona puede diseñar una página web sin apenas conocimientos y con unos resultados de calidad.

Recuerda que tienes el programa disponible en dos «sabores». el que aquí nos ocupa, Evolution, y Professional, pensado para la gestión de negocios.

Постановка задачи

Один из моих клиентов задался вопросом учёта проданных товаров. В программе уже достаточно давно есть возможность ограничения продажи товара по количеству с . А в админке и приложениях есть .

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

Были найдены такие варианты решения этой задачи:

  1. Написать скрипт, который по расписанию будет вытягивать нужные данные из базы данных WebSite X5 и формировать сводный отчёт. Это предложение клиент отверг. Но на мой взгляд, это наиболее удобный для последующей работы вариант.

Стоит отметить, что в любом из этих вариантов необходимо настроить функцию учёта наличия товаров на складе. Пусть даже это наличие будет фиктивным.

Créer un site web professionnel en un tour de main

Avec WebSite X5 Profesional 12, vous pourrez créer un site web facilement. Aucune connaissance en programmation ou design d’interface n’est ici nécessaire pour obtenir un résultat probant en quelques minutes.

Votre site clé en main

WebSite X5 Professional 12 est le logiciel qu’il vous faut si vous souhaitez créer un site web à l’allure engageante et professionnelle. Aucun savoir-faire technique n’est nécessaire pour y parvenir.

Joliment servi par une interface limpide, WebSite X5 Evolution 12 vous guide tout au long du processus de création. Vous commencez par choisir la structure du site parmi les plus de 1000 modèles proposés par le logiciel. Pour plus de créativité, vous pouvez personnaliser ces modèles ou imaginer intégralement le vôtre.

Même si WebSite X5 Professional 12 a été conçu pour créer n’importe quel type de site, la version qui nous occupe s’adresse principalement aux petites entreprises. Pour un site personnel, mieux vaut vous tourner vers WebSite X5 Evolution.

En ce sens, WebSite X5 Professional 12 convient parfaitement aux sites d’e-commerce: vous disposerez d’une plateforme de commerce en ligne où vous pourrez proposer facilement l’intégralité de votre catalogue de produits.

WebSite X5 Professional 12 vous permet également de gérer des contenus dynamiques. Ainsi, vos collaborateurs pourront mettre le site à jour directement, sans passer par le logiciel.

Autre fonctionnalité très utile de WebSite X5 Professional 12: la supervision des accès au site, parfaite pour garder la mainmise sur la base de données de vos clients.

Jusqu’à sa version 11, WebSite X5 se focalisait surtout sur la création de sites de Bureau. Avec la version 12, les sites créés sont conçus pour être consultés sur des appareils mobiles. Ainsi, le logiciel propose une option de conception responsive, autrement dit de designs adaptés au support qui les ouvre. Vos clients pourront donc accéder à vos services ou inventaires en toute commodité.

Des ressources pour tous

WebSite X5 Professional 12 vous propose toute une panoplie d’outils de personnalisation autour des éléments qui vont composer votre site web: textes, images, vidéos, sons, animations Flash, galeries, formulaires de courrier électronique, listes de produits, code HTML et widgets. Vous disposerez aussi de nombreux éléments qui facilitent la gestion quotidienne d’un site d’e-commerce.

Autre atout de WebSite X5 Professional 12: les options de responsive design sont parfaitement intégrées à l’environnement que nous connaissions jusqu’à présent. Il est très facile de manipuler un modèle et voir comment il va s’adapter en fonction du support de lecture. Qui plus est, la version Professional persmet de créer une application du site à partir de sa version mobile.

Vous n’y connaissez rien en SEO? Pas de problème: WebSite X5 Professional 12 dispose d’outils qui vont optimiser le positionnement de votre site dans les principaux moteurs de recherche. Un plus pour faire connaitre vos produits et services auprès du grand public.

Des résultants surprenants

S’il fallait résumer WebSite X5 en deux mots, ce serait: «simple» et «professionnel». La facilité avec laquelle n’importe qui peut concevoir son site sans connaissance technique pour un rendu de qualité nous a réellement étonnés.

N’oubliez pas que ce logiciel se décline en deux versions: la version Pro que nous avons évoquée ici, et la version Evolution, parfaite pour créer des blogs et des sites plus personnels.

Настройка стилей заголовков H1-H6

В Website X5 Professional 16 появилась возможность вставки заголовков H1-H6 в текст. Перейдите в Настройки – Статистика, SEO и код и активируйте опцию Настраивает теги H1…H6 для Заголовков Шаблона. Если включить опцию и в объекте текст выделить какой-то текст как Заголовок 1, то в коде страницы он будет вставлен так:

Если отключить опцию и сделать то же самое, то в коде страницы заголовок будет вставлен так:

В Шаблон – Стили текстов, Поля и Кнопки появилась возможность настраивать внешний вид (стили) заголовкам H1-H6 (рисунок ниже). Для этого в спадающем списке Элементы страницы выберите Заголовки, а в спадающем списке Стиль – нужный уровень заголовка.


Website X5 16

Настроив таким образом стили, можно будет их применять к текстам в объектах Текст (рисунок ниже), Таблица, в записях в блоге и так далее. Причём, если Вы в дальнейшем измените настройки стилей в Шаблон – Стили текстов, Поля и Кнопки, то изменения автоматически повлияют на все заголовки на сайте.


Website X5 Professional 16

Макет страниц на базе CSS Grid

Переход WebSite X5 17 на генерацию макета страниц по технологии CSS Grid обеспечит возможность в дальнейшем внедрять новые современные функции в программу. Что уже даёт CSS Grid в WebSite X5:

  1. Увеличение скорости генерации макета страниц в программе.
  2. Возможность более гибко настраивать макет страницы. Например, задавать ширину ячейки объекта во всю ширину окна браузера – «резиновый дизайн».
  3. Более точное размещение объектов страниц в окне браузера пользователя.
  4. Совместимость с большинством современных браузеров актуальных версий (включая браузеры для мобильных устройств): Firefox 52+, Google Chrome 57+, Safari 10.1+, Opera 44+, Microsoft Edge 16+, Internet Explorer 10-11, Яндекс-Браузер 17+. В Microsoft Edge 12-15 заявлена частичная поддержка.

Внедрение CSS Grid также должно положительно повлиять на стабильность работы WebSite X5.

Немного подробнее, на русском языке, о CSS Grid можно прочесть тут:

Более подробная техническая информация с примерами, на английском языке доступна тут:

Виджеты WebSite X5 11

В предыдущей статье «» мы уже затрагивали вопрос новшеств 11-й версии касательно управления объектов и новых виджетов. Давайте рассмотрим некоторые из них, более подробно.

Регистрация весьма несложная (рисунок ниже).

После регистрации перейдите на страницу «SETTINGS» и выберите пункт «Web site integration» (рисунок ниже).

В спадающем списке Page location укажите вариант embed a widget in my web site. В поле 2. Input below the address of the webpage where you put the widget введите полный адрес страницы сайта, где будет расположен виджет Bookeo. В моём примере это «http://aleksius.com/images/demonstratsionnye-primery/website-x5-11/bookeo.html» (рисунок ниже).

Затем скопируйте код из поля 1. Insert the following line in the HTML code of a page of your web site. Insert it in the position where you want the widget to appear и вставьте в поле HTML Code в WebSite X5 11 (рисунок ниже).

На тестовом сайте Вы можете видеть пример интеграции Bookeo и программа для создания web-сайтов. Отмечу, что на данный момент (15.10.2014) у меня ещё есть тестовый доступ к сервису. Но скоро он закончится. После этого на странице не будет выводиться форма резервирования.

Jssoor Slider. Как Вы знаете, программа для создания веб-сайтов оснащена собственным , в статье «» я приводил пример вставки «стороннего» слайдера при помощи объекта HTML-код. Jssoor Slider – это ещё один инструмент, который позволяет разместить красивую галерею на странице (рисунок ниже).

  • Добавить. Русская программа создания сайта позволяет Вам добавлять изображения следующих форматов: PNG, JPEG, JPG.
  • Удалить. Удаление выбранных изображений из списка.
  • Показать маркеры навигации. Активирует отображение маркеров навигации для переключения между изображениями.
  • Lazy . Или отложенная загрузка. При помощи данной опции, программа для создания HTML-сайтов позволяет Вам существенно сократить время загрузки страницы сайта. Это достигается путём загрузки только тех изображений слайдера, которые видны в данную секунду. То есть, если в списке слайдера несколько изображений, то при загрузке страницы на компьютер пользователя будет загружаться только первое изображение. Остальные будут подгружены по мере необходимости (по таймеру или при переключении маркеров навигации). Рекомендую использовать данную опцию.
  • Авто воспроизведение. Запускает показ слайдов при загрузке страницы.
  • Время отображения. Время отображения одного изображения в секундах.
  • Эффект. Визуальный эффект смены слайдов. Можно выбрать один из восьми доступных или выставить случайный.

Пример работы Jssoor Slider можно увидеть на тестовом сайте.

Как видите, в 11-й версии программы для создания web-сайтов появилось достаточно много полезных функций. Особенно радует то, что разработчики двигаются в сторону совершенствования и упрощения самого процесса разработки сайта путём улучшения интерфейса WebSite X5 11.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector