Кому Wix точно будет интересен

Обзор конструктора сайтов Wix

Wix – один из самых авторитетных конструкторов сайтов. Сервис, который уже 12 лет задает тенденции развития всей нише.

Целевая аудитория

Wix – это сверхпопулярный конструктор, который лучше всего подходит для создания различного рода сайтов-визиток –сложных с дизайнерской и функциональной точек зрения: портфолио, бизнес-сайт, промо-страница или лендинг. Очень удачными получаются блоги – их легко делать, удобно вести. eCommerce составляющая тоже развитая, особенно с учётом приложений и фирменных ноу-хау вроде Wix Corvid.

Область применения Wix можно охарактеризовать тремя факторами:

1. Сайты с небольшим количеством страниц, поскольку дизайн каждой нужно формировать вручную. Блоги, форумы, магазинные витрины и другие динамически расширяющиеся типы страниц никак не усложняют работу над сайтом. Влияет объём только статических страниц вроде контактов, преимуществ, условий сотрудничества, историй компаний, производства и прочего.

2. Необходимость глубокой и тонкой настройки дизайна, а также ввода большого количества мелких функциональных элементов.

3. Магазин приложений Wix содержит богатый ассортимент дополнительного функционала (по сути, модулей, если брать по аналогии с другими системами). Несколько категорий полезных приложений (всего более 250 наименований) помогут достигнуть практически любой разумной цели.

Идеально подходит для создания маленьких и средних по объёму сайтов со сложным дизайном и функциональностью. Этот конструктор может быть простым, поверхностным, если нужно: взяли готовый шаблон, заменили демо-контент, поправили цвета, получили сайт. С тем же успехом его можно использовать для конструирования сколь угодно сложных страниц с кучей деталей: анимациями, эффектами, формами для сбора и упаковки информации в базы данных, интерактивными элементами, всплывающими окнами авторизаций разных этапов допуска к информации, всяческими опросами, табами, колонками и прочим.

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

Кому Wix точно будет интересен

! предпринимателям малого и среднего бизнеса;

! художникам, дизайнерам, визажистам, музыкантам, стилистам;

! писателям, журналистам, блогерам, модельерам;

! всем, чья деятельность имеет отношение к творчеству и самореализации.

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

Освоить Викс можно за два дня, а в беглом режиме – минут за 20. Это кандидат #1 в очереди при знакомстве c WYSIWYG-сервисами.

 

Функциональные возможности

Совокупные возможности Wix состоят из: функционала редактора, общих настроек, панели управления, установленных сторонних приложений и опций, которые можно внедрить на сайт самостоятельно при помощи инструмента Wix Corvid.

Любой раздел редактора содержит подсказки по работе с ним. При наведении курсора на кружочек «i» отобразится краткое пояснение и ссылка на полный вариант FAQ по теме. Абсолютно все опции и виджеты снабжены пояснениями, просто в некоторых нужно нажать на знак «?» для вызова всплывающего окна с инструкцией. Также можно сразу пойти в Центр Поддержки – базе знаний Wix с возможностью поиска ответов по запросу. Пробежавшись по категориям базы знаний глазами, вы сможете получить представление о возможностях конструктора – названия разделов FAQ чётко перечисляют функционал.

Структура Редактора дизайна сайта Wix:

Основу функционала определяет сайдбар с несколькими разделами опций и функций.

1. Меню и страницы. Список всех статических страниц сайта и связанных с ними пунктов меню. При добавлении страницы автоматически будет добавлен пункт меню, который перетаскиванием можно поставить куда нужно или сделать подпунктом другого пункта меню (поддерживается вложенность до 2 уровня). Вы можете создавать новые страницы, ссылки в меню (на якорь, веб-адрес, почту, номер телефона, документ или промобокс) и задать сценарий их открытия (в текущем или новом окне). Также можно добавлять на сайт динамические страницы, которые будут подтягивать контент по мере его обновления из облака или созданной вами в Wix Corvid базы данных. Для каждой страницы можно назначить видимость и настроить SEO, дублировать, сделать главной, задать общий вид макета, правила доступа либо конвертировать в динамическую страницу.

2. Фон. Здесь можно выбрать фон для сайта в виде картинки (загруженной или стоковой от Wix), цвета или даже видео. Последнее способно превратить ваш сайт весьма в яркое и запоминающееся зрелище. Ролик для видеофона можно загрузить любой. Можно активировать эффект параллакса для придания сайту зрительной глубины при прокрутке за счёт разности скорости движения объектов, расположенных на разном расстоянии;

3. Добавить. Обширная подборка типов элементов, которые можно добавить на страницу. В неё входят:

o Текст – выбор готовых стилей текста/заголовков, работа с текстовым редактором;

o Database – добавление контента в облачные базы данных, подключение источников данных для обычных и динамических страниц;

o Фото – загрузка собственных, использование коллекций изображений от Wix (стоковые фото, клипарт) либо их экспорт из соцсетей;

o Списки и таблицы – добавление на сайт оформленных по-дизайнерски списков и таблиц, около 30 вариантов шаблонов;

4. App Market. Фирменный магазин приложений, которые можно добавить на сайт. Очень сильная часть Wix. Использование данного раздела в несколько раз расширяет стоковый функционал платформы. Здесь содержится огромное количество (на текущий момент 252) приложений различной направленности: формы, работа с соцсетями, галереи, приложения для магазина и маркетинга. Можно добавить интерактивный календарь, к примеру, инструменты для Email-маркетинга, опросы, Dropbox, eCommerce-примочки, SEO-инструменты и прочие полезности в помощь стандартному функционалу конструктора. Все приложения отсортированы по категориям. Большинство из них разработаны командой Wix, остальные, как правило, являются интеграцией возможностей сторонних сервисов. Примерно половина приложений совсем бесплатные, а остальные имеют как бесплатный вариант использования, так и платный с дополнительными возможностями.

5. Мои загрузки. Загрузите на хостинг свои фото, документы и аудиофайлы. Это будет ваша библиотека, файлы которой сможете размещать на сайте.

6. Блог. Данный раздел появляется после активации блога на сайте. Отсюда можно добавлять новые и редактировать существующие посты. При создании материала можно выбрать рубрику, вид ссылки ЧПУ, заполнить мета-теги и добавить фото/видео. Кстати, параметры форматирования появляются после выделения текста, по умолчанию они скрыты. Вы можете выбрать вариант подачи ленты блога – в столбик, плитками, карточками. Также здесь увидите ссылки на смежные по смыслу приложения для быстрой установки (Wix Events, Forum, Instagram Feed и пр.).

7. Онлайн-запись. Отдельный раздел с функционалом приложения Wix Bookings – мощного инструмента для сбора заявок на бронирование чего-либо (запись ко врачу, аренда домов, номеров отелей). Вы сможете настроить приём групповых (занятия йоги, танцев) или персональных (услуги парикмахера, психотерапевта, к примеру) заявок по календарю, подключить приём онлайн-платежей через PayPal, настроить расписания занятости для работников и собирать клиентскую базу. Виджет для доступа посетителей к записи на услугу можно разместить в любой части сайта. Доступна детальная настройка макета блока, его дизайна и выбор отображаемых данных (цена, описание, длительность, дни, название услуги).

 

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

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

9. Инструменты – активация панели инструментов для регулировки размеров и подгонки элементов сайта, их автоматического выравнивания, добавление линейки, границ сайта и включение функций разработчика (панель свойств, показ скрытых элементов, активация Wix Corvid и возможность создания новых функций при помощи JavaScript).

10. Помощь – список горячих клавиш редактора (копипаст, дублирование, сдвиг на пиксель, возврат, удаление, поворот, выборка элементов, предпросмотр и прочее), FAQ по работе с редактором и SEO-оптимизации сайта, условия использования и политика конфиденциальности Wix.

11. Подключить премиум – выбор и покупка подходящего тарифного плана Wix.

 

Как работать в визуальном редакторе Wix

Визуальный WYSIWYG-редактор {«What You See Is What You Get» – «что видишь, то и получишь»} поддерживает функцию drag-n-drop, то есть возможность перетаскивать виджеты, потянув за ярлычок «drag» на их верхней границе. Путём сужения или расширения пунктирных линий на границах объектов можно менять при помощи мыши их размер. При выделении любого элемента или блока на странице появятся значки, ведущие к настройкам и быстрым действиям над объектом. Обычно речь идёт о настройке дизайна, подключении базы данных, выборе макета, отображаемых элементов и их параметрах. Например, для галереи можно выбрать и отсортировать фото, для видео – проставить ссылку на ролик либо выбрать загруженный из библиотеки, назначить правила воспроизведения. Всё по контексту, всегда логично и уместно.

Отдельно отметим функционал для работы с фотографиями и наведением красоты на сайте. Приложение Wix Pro Gallery, к примеру, позволяет настроить качество и резкость фотографий при отображении на сайте, защитить их от скачивания либо добавить кнопки «Поделиться». Также можно гибко настраивать макет вывода изображений – структуру, размер миниатюр, отступы, насыщенность коллажа и ориентацию в пространстве. Ещё здесь можно построить магазин изображений.

Есть у Викса и синемаграфы – коллекция изображений с плавной анимацией в формате GIF (найти можно в настройках фона – бесплатная библиотека Wix, категория «Кино»). Да, конструктор предлагает большую коллекцию бесплатных готовых картинок на множество тематик, есть также платные стоковые варианты. В настройках фона полосок-секций можно включить параллакс и другие эффекты прокрутки блоков. То же самое можно сделать с отдельными элементами, выделив их и выбрав «Анимация».

Кстати, фотографии можно загрузить на сайт с Instagram, а в самой социальной сети оставить ссылки на ваш сайт. Владельцам продвинутых аккаунтов и фотографам должно помочь. Дополняет тему украшательства сайта возможность загрузки собственных шрифтов. По умолчанию можно использовать шрифты Google Fonts. Если этого покажется мало, можно использовать свои. Делается это в разделе «Мои загрузки» – «Загрузить шрифты».

Вернёмся к основной функциональной ветке. Редактор содержит далеко не все доступные возможности. Сердцем, основным командным пунктом сайта является панель управления Wix. В ней отображаются в виде плиток важные функции, доступные по умолчанию, и все установленные приложения. Здесь вы сможете получить доступ ко всей совокупности возможностей сайта и контролировать процесс. Вот что получите в стоке сразу после создания сайта:

• Wix Blog – подключение блога к сайту и его настройка в редакторе.
• SEO-мастер – комплексный инструмент для продвижения сайта (подробнее распишем ниже).
• Маркетинг-рассылка – создание новостных и рекламных рассылок вашим почтовым базам при помощи ShoutOut, специализированного приложения. Нужно создать макет письма при помощи настроек дизайна и выбрать почтовую базу для рассылки. Возможны также запуск автоматических рассылок по заданным условиям, выбор шаблонов для баннеров и писем, прикрепление формы подписки на рассылку и контроль статистики по запущенным рассылкам.
• Домены и почта – покупка нового или прикрепление существующего домена к сайту, добавление корпоративной почты со всеми бизнес-инструментами от Gmail (почта с названием домена, пакет офисных приложений, хранилище писем, видеоконференции).
• Счета – создание и отправка счетов клиентам, приём онлайн-оплат (дебетовые и кредитные карты, PayPal), отслеживание статусов оплат, отчёты. Формат счетов настраивается, можно добавлять налоги, выбрать валюту и порядок нумерации.
• Контакты – клиентская база сайта. Может использоваться для рассылок, сбора информации, подписок и прочего. Есть возможность разделения пользователей на группы, блокировки, фильтрации выборки и ручного создания новых контактов.
• Авторассылка – настройка автоматически отправляемых писем по различным сценариям. По умолчанию имеются шаблоны для приветствия новых контактов, зарегистрированных и подписавшихся на обновления сайта. Таким способом можно отправлять файлы, благодарить за покупки, предлагать купоны на скидку, приглашать посетить магазин повторно, просить оставлять отзывы, поздравлять с праздниками и всё в таком духе. Расписания, условия рассылок и оформление вложений можно гибко настраивать.
• Соавторы сайта – добавление через почтовый адрес людей с правами администратора или менеджера бэк-офиса. Для чего? Чтобы помогали вам вести и наполнять сайт.
• Базы данных – создание коллекций информации, которые будут храниться в облаке. Данные необходимо добавлять в таблицы с заданным вами количеством колонок и полей. Эти коллекции можно подключать к различным элементам на сайте для сбора информации либо наоборот – её выдачи.

Все новые приложения также будут добавлены в панель управления для быстрого и удобного доступа на манер тех разделов, что перечислены выше. Такая структура позволяет легко ориентироваться в обширном функциональном потоке Wix. К слову, большинство приложений оформлены и поданы сходно интерфейсу конструктора – стилистически и в плане удобства использования. То есть, владея интерфейсом Викс, можно смело устанавливать сколь угодно большое количество приложений без риска запутаться. Даже если они серьёзные по своей сути и возможностям, в них будет разобраться не сложнее, чем во всём остальном интерфейсе. Добавление новых функций не усложнит работу над сайтом, что важно.

Считаем необходимым отметить ещё несколько мощных приложений. Wix Forum – инструмент для добавления на сайт полноценного форума с разделами, темами, настройками дизайна, структуры и правилами доступа. Wix Music – приложение для добавления альбомов, синглов, плейлистов для свободного прослушивания или продажи. Красивый плеер, много настроек. Wix Events – добавление мероприятий с возможностью регистрации в них. Свадьба, концерт, семинар, одиночные ивенты и афиши с расписаниями, рассылка приглашений, списки гостей, билеты – речь идёт обо всём об этом. Wix Video – загрузка роликов до 15 Гб, трансляции с YouTube, Vimeo, Facebook, почтовые рассылки для продвижения своих видеоканалов, сбора подписок, продажа видео и получение статистики по всему процессу. Мы взяли несколько примеров очевидно полезных приложений Wix для формирования общего представления. Их намного больше, лучше увидеть ассортимент своими глазами.

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

• Можно бесплатно подключить к сайту SSL сертификат (защита сайта по https протоколу);
• Wix имеет мобильное приложения iOS/Android, позволяющее вести живой чат с клиентами сайта (для этого нужно активировать приложение Wix Chat в панели управления), добавлять фотографии, товары или постить материалы в блог;
• Возможность оптимизировать изображения для отображения в мобильной версии сайта. Нужно зайти в редактор мобильного шаблона, выбрать нужную картинку и кропнуть, увеличив/уменьшив исходник и оставив на виду ту часть, которая вам нужна;
• Можно ставить на фон изображения 360° при помощи приложения 360 Images;
• Можно защищать паролями отдельные страницы сайта либо вообще их скрыть;
• Благодаря разметочной сетке всегда видно область, которая отобразится в мобильной версии сайта;
• Wix Hotels – бесплатное приложение, дающее полный механизм настройки бронирования номеров для владельцев отелей;
• Wix Restaurants – бесплатное приложение, позволяющее формировать онлайн-меню по всем законам жанра и принимать заказы на доставку еды;
• В редакторе можно использовать слои, скрывать отдельные элементы и восстанавливать их по необходимости;
• При активации режима разработчика появится панель свойств элементов и консоль для добавления значений этим свойствам;
• Можно создавать копии одного сайта внутри аккаунта либо передать сайт на другой аккаунт.

Вообще, пространство приложений и возможностей для ведения бизнеса в Сети сервис объединил в единую концепцию виртуального офиса – Wix Ascend. Сюда входят приложения для создания форм, живой чат, средства работы с почтой, мессенджер, встроенная CRM, средства приёма оплаты (через чат, инвойс и другие формы безналичного расчёта), автоматизация типовых бизнес-процессов, разделение рабочих пространств по различным признакам, системы планирования и выдачи уведомлений, многочисленные маркетинговые инструменты (рассылки, создание баннеров, внедрение акций, работа с социальными сетями и видеохостингами, рекламные интеграции и другое). Такой детализированный и широкий подход позволяет охватить весь процесс от привлечения внимания клиента до продажи и установлению личного контакта для дальнейшего сотрудничества. Wix – мощная платформа для создания бизнес-сайтов, и всё это может обеспечить.

В дополнение к расширенной бизнес-составляющей функциональности конструктор позволяет с комфортом создавать мультиязычные сайты. Зайдя в настройки из редактора, выберите приложение «Мультилингва», оно установлено по умолчанию. Позволяет добавить сколько угодно языков на сайт, автоматически создавая для каждой локализации копию сайта. Всё это объединено в понятный и удобный единый интерфейс для администрирования языковых версий. Переводить контент, само собой, необходимо вручную, но стандартные надписи шаблонов и виджетов в большинстве случаев будут автоматически корректно отображаться на выбранном языке. Тем не менее, их тоже можно править. После запуска языковых версий сайта в шапке появится иконка для переключения локализаций. Полезная штука для поддержки международного бизнеса либо поощрения разноязычных групп клиентов внутри региона.

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

 

 

 

Дизайны и работа с шаблонами

Wix на текущий момент содержит 500+ шаблонов, отсортированных по категориям: магазин, бизнес, фотография, видео, музыка, дизайн, рестораны, события, портфолио, блог, красота и здоровье, мода, искусство, лендинги. Сразу после регистрации вам предложат выбрать дизайн для сайта. Можете фильтровать выборку по новизне или популярности. Кстати, однажды выбранный шаблон нельзя изменить в процессе работы. Так что выбирайте более-менее вдумчиво. Полноэкранный предпросмотр возможен.

Wix обладает самым интересным в нише набором готовых шаблонов. Их приятно рассматривать, разнообразие подходов и структур зашкаливает. Периодически разработчики пополняют библиотеку дизайнов. В год приходят примерно 30-60 новых образцов. Все их можно использовать бесплатно. Каждый шаблон является адаптивным. Также вы можете выбрать чистый лист и оформить каждую страницу вашего сайта с нуля в редакторе.

Кстати, невозможность смены шаблона в процессе объясняется абсолютным позиционированием элементов на сайтах Wix. Это даёт свободу действий в оформлении дизайна, но рубит в корне возможность экспорта настроек и контента в новый шаблон. То есть правило одного шаблона, назовём его так, обусловлено чисто техническими причинами. Такова расплата за гибкость кастомизации дизайна.

Мобильную версию шаблона можно настроить отдельно, переключившись на неё в шапке редактора. Меню, формат изображений, закрепление отдельных элементов (контакты, кнопка «наверх»), фон, скрытие элементов можно регулировать. Также можно задействовать автоматическую оптимизацию в один клик – результат получается хорошим. Изменения в мобильной версии сайта не коснутся десктопной. При редактировании большой версии центр страницы будет выделен пунктирными линиями – именно эта область попадёт в мобильный шаблон. Можно ориентироваться по ней.

Редактор позволяет до неузнаваемости изменить стоковый дизайн путём добавления новых секций (виджет «Полоска»), виджетов, изображений и настройки их внешнего вида. Везде можно добавить эффекты, анимации, если нужно, настроить размеры, отступы, слои, фоны, шрифты, формы элементов и прочее. Внешний вид сайта на Wix в большей степени зависит от ваших дизайнерских навыков, чем от выбранного шаблона. Хотя можно опубликовать свой контент с минимумом изменений в подходящем тематике шаблоне и получить готовый сайт. Как больше нравится.

Логотип является важной составляющей образа бренда и его дизайна. При помощи бесплатного приложения Wix Logo Maker вы сможете пошагово создать красивый и уникальный логотип, отражающий суть бренда для удачного позиционирования компании в среде клиентов и партнёров. Выберите название и слоган, подходящую графическую составляющую, а потом доработайте всё это в простой и функциональном визуальном редакторе. Можно работать со шрифтами, цветами, размерами элементов, их формой и фоном. Параметров для преобразования десятки - отступы, прозрачность, размер, выравнивание, границы, закругления и прочее. Этот инструмент сравним по возможностям с качественными платными онлайн-сервисами для создания лого. Разница лишь в том, что здесь он встроенный и бесплатный. После завершения работ вы сможете спокойно сохранить результат и использовать его на своё усмотрение.

 

Выводы и рекомендации

Wix – самый лучший и перспективный конструктор сайтов в нише решений с визуальным редактором. С технической и дизайнерской точек зрения. Его разработчики поставили перед собой и решили несколько сложных задач:

• Сделали интерфейс, в котором удобно работать, несмотря на миллион функций.
• Вышли за рамки ограничений WYSIWYG-редактора, внедрив Wix Corvid.
• Создали эффективную экосистему для ведения бизнеса в Сети, объединив профильные инструменты под лейблом Wix Ascend.
• Внедрили искусственный интеллект Wix ADI, который через некоторое время будет строить нам сайты, почти не требующие правок.
• Сделали магазин приложений неотъемлемой частью интерфейса и функционала, которой хочется пользоваться.

Wix – многоцелевая машина для создания разнообразных сайтов. Благодаря качественным приложениям и гибкому редактору функциональные рамки очень широкие, а с учётом потенциала Wix Corvid они практически исчезают. Использование HTML и JavaScript возможно, но совершенно необязательно. В меру простой, яркий конструктор, с кучей полезных, а местами даже удивительных по меркам ниши возможностей. При прямом сравнении аналогов по части функциональности не имеет.

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

Сервис отлично подходит на роль первого конструктора сайтов. Даже если вы пока не решились на создание сайта, рекомендуем при случае познакомиться, в первую очередь, именно с Wix. Он оправдает ожидания.