Wix — обзор интересных приложений и функций

30.10.2019

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

Конструктор форм

Новое приложение WIX

На протяжении многих лет WIX предлагал свою стандартную контактную форму, с очень ограниченным функционалом. Многие пользователи хотели удалить поле e-mail и оставить только телефон, кто-то, наоборот, хотел включить больше полей, и не только текстовых. Для решения подобных задач приходилось пользоваться сторонними конструкторами и приложениями. И наконец WIX выпустил своё собственное приложение WIX Forms (WIX Формы), которое можно добавить на сайт из Wix App Market.

Вкратце что нужно знать об этом приложении:

Вы можете удалить поле для ввода e-mail

Вы можете устанавливать наименование для разных форм, чтобы видеть с какой конкретно формы пришёл запрос

Вы можете добавлять неограниченное количество полей

Как добавить и настроить форму на wix

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

Настройка формы

В интуитивно понятной панели настроек вы сможете изменять/добавлять нужные поля. Вы сможете удалить поле с e-mail (это невозможно сделать со стандартной формой wix).

Варианты ввода информации доступные в новом конструкторе:

текстовое поле (короткое или абзац)

поле для ввода числовых значений

поле для ввода веб-адреса

чекбоксы

возможность выбора определенной опции

выпадающие опции

выбор даты с календарем

У каждого поля также есть свои внутренние настройки, а именно вы устанавливаете обязательно ли это поле для заполнение и как должны синхронизироваться полученные данные с вашей базой данных (CRM), требования к загружаемым через форму файлам и другие настройки.

Дизайн формы

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

Теперь у всех элементов формы есть несколько "состояний":

обычное (regular),

при наведении (hover),

при клике в поле (focus),

ошибка ввода (error),

неактивное (disabled).

Каждое из этих "состояний" может иметь разный внешний вид.

Чтобы настроить общий стиль формы, нужно перейти в настройки дизайна, кликнув на бокс, в котором расположена форма, для настройки вида конкретного элемента необходимо перейти в дизайн, кликнув на этот элемент.

Синхронизация данных

Разумеется, все данные будут приходить на указанный в настройках e-mail, а также синхронизироваться (по желанию) с карточками клиента в системе CRM.

Каждая форма может синхронизироваться с конкретной базой клиентов, этим вы управляете самостоятельно в зависимости от ваших задач. Например, форма подачи заявок на работу синхронизируется с категорией "Резюме", а форма сообщения уходит в категорию "Лиды". Все это автоматически выстраивается в удобную архитектуру CRM.

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

Wix заметно выделяется на фоне других конструкторов благодаря обширному функционалу. Разработчики беспрерывно улучшают его и стараются удивить клиентов. В конце июля 2017 года сотрудники представили миру новую технологию для веб-разработчиков под названием Wix Code . С ее помощью можно вносить правки код и создавать базы данных для страниц. Wix перестал быть обычным конструктором, предназначенным только для начинающих. Сейчас создание сайтов включает в себя новые возможности и для продвинутых пользователей, которые хотят создавать уникальные проекты.

Wix Code — не единственное приложение, которое поможет совершенствовать и развивать коммерческие проекты. В данном обзоре мы рассмотрим ТОП-10 решений для бизнес-задач.

Wix Bookings

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

Возможности:

Продажа услуг в режиме 24/7 . Клиент сможет самостоятельно ознакомиться с предлагаемой услугой в любое время дня или ночи. Он сам выберет удобное время для встречи и отправит вам свои контакты.
Синхронизация с Google Calendar и выбор специалиста . Если вы — владелец фитнес-клуба, и ваши клиенты предпочитают записываться к разным тренерам, то с помощью Wix Bookings можно предоставить им такую возможность. Приложение синхронизируется с Google Calendar всех специалистов. У каждого сотрудника может быть неограниченное количество календарей. Руководитель сможет контролировать их расписание и время работы.
Легкость настроек . Простой интерфейс позволяет настроить систему бронирования всего за 3 шага. Информация о новых заявках приходит на ваш e-mail. Можно настроить систему так, чтобы она напоминала о предстоящих встречах.
Собственная CRM-система . В ней хранятся не только контакты и имена клиентов, но и их история взаимодействия с вашим бизнесом: даты оплаты, визитов, дней рождения и прочего. Письма на e-mail можно отправлять клиентам прямо из Wix Bookings.
Привязка системы оплаты к функционалу . Услуга доступна в платной версии Wix Bookings.
Адаптивность . Можно заказывать услуги с любого устройства.

Wix Stores

Данное приложение — это полноценный модуль для организации продаж на сайте.

Основные возможности:

Настройка приема оплаты с помощью пластиковых карт посредством Paypal, Яндекс.Касс, Stripe и прочих методов.
Продажа физических товаров и digital-продуктов (файлов, аудио и видеоматериалов).
Добавление скидочных купонов.
Настройка методов доставки.
Широкий выбор дизайнерских шаблонов.
Адаптивность: клиенту удобно просматривать магазин и делать заказ на любых устройствах.
Гибкие настройки для кастомизации дизайна.
E-mail оповещения владельцу магазина и клиентам об оплате заказа.

Конструктор форм 123

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

Основные возможности:

До 10 или 30 полей формы в зависимости от выбранного пакета (бесплатный или премиум).
До 100 или 1000 заполнений формы в зависимости от пакета (бесплатный/премиум).
Рассылка сообщений пользователям после заполнения формы: можно отправлять текстовые сообщения, фото и вложенные файлы.
Пользователи смогут загружать фото, видео, аудио и другие файлы при заполнении формы.
Интеграция с MailChimp, Dropobox, Гугл Диском.

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

Основные возможности Wix Events:

Оформление внешнего вида анонса, добавление значимых деталей: времени, адреса и пр.
Создание регистрационной формы;
Продажа билетов с помощью настроенной системы приема платежей;
Формирование списков гостей с возможностью экспорта во внешний файл;
Автоматическая рассылка напоминаний по e-mail;
Получение уведомлений о каждой поданной заявке на участие;
Мобильная версия формы регистрации;
Яркие шаблоны приглашений;
Формирование листа ожидания, если свободные места закончились.

Wix Отели

Этот модуль предназначен для организации работы отелей. С его помощью вы предоставите клиентам возможность бронировать места заранее прямо на сайте.

Достоинства:

Быстрая установка системы бронирования на сайт;
Возможность поставить разные цены для разных сезонов;
Возможность предложить клиентам заказ дополнительных услуг, например, доставку еды или уборку;
Клиенты смогут бронировать номер с ПК, планшета или смартфона;
Размещение информации о гостинице на TripAdvisor;
Поддержка 10 языков;
Прием оплаты пластиковыми картами;
Управление заказами с помощью мобильного приложения.

Sell Tickets

Еще одно приложение для продажи билетов. Оно не бесплатно: тестовый период составляет 7 дней, после чего нужно будет оплачивать премиум-версию.

Основной функционал:

Форма заказа билетов;
Настройка приема оплаты;
Единая панель для редактирования заказов, билетов, информации о гостях и т. п.;
Статистика продаж билетов с информацией о том, откуда приходят покупатели;
Распечатка списков гостей.

Currency Converter

Чтобы посетитель сайта мог представить, сколько стоит товар или услуга в пересчете на валюту его страны, можно установить на сайт конвертер валют. Данный модуль поддерживает более 100 валют, предоставляет актуальные курсы. Есть премиум и базовый бесплатный пакет с ограниченными функциями. По умолчанию конвертер сделан на английском, но можно запросить перевод на любой другой язык.

Возможности:

Моментальный пересчет более 100 валют;
Выбор цвета фона и текста конвертера.

Calculator Builder

С помощью этого инструмента можно построить калькулятор, который будет считать то, что вам нужно: стоимость услуг, размер кредита и прочее. Приложение предлагает множество формул, с помощью которых можно построить любой калькулятор. Также есть 7 готовых шаблонов по расчету индекса массы тела, ипотечного кредита, кредита на авто и пр. Виджет можно кастомизировать, подстраивать под дизайн сайта.

Простой Google Maps

C помощью этого инструмента можно показывать геоположение офисов, оффлайн магазинов или любых других точек на Гугл Картах. В бесплатной версии есть ограниченный набор иконок маркеров и возможность создавать сноски с контентом, которые будут видны при клике на маркер. В премиум-версии появляется еще 100 маркеров к набору, а также:

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

Google Карты

Google Карты — приложение, разработанное командой Wix. Имеет минимум функций, зато абсолютно бесплатно. С его помощью можно добавить адрес компании, местоположение на карте и описание.

Подведем итог

Wix — не просто конструктор. По функционалу он приближается к облачной CMS с возможностью:

правки кода;
управления CRM-системой;
приема онлайн-платежей, заявок на бронирование;
вставки форм и других виджетов;
интеграции с сервисами почтовых рассылок;
управления товарами и скидками.

Эти и множество других функций для бизнеса доступны в магазине приложений “App Market”.

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

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

С помощью Wix без особых усилий можно или современный веб-проект любой сложности. Для этого достаточно выбрать один из множества бесплатных шаблонов, изменить его содержимое и нарастить функционал сайта дополнительными приложениями, полный список которых находится в Wix App Market.

Рассмотрим 5 интересных приложений для коммерческих сайтов от Wix, о которых вы, возможно, не знали до сих пор.

Wix Stores

Приложение Wix Stores поможет запустить на своем сайте полноценный интернет-магазин с встроенной корзиной для покупок, оптимизированный для мобильных устройств. Можно не ограничивать количество товаров, Wix не берет комиссии с продаж.

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

Wix Chat

Нередко очередной посетитель сайта, не нашедший какой-либо информации о товаре или услуге, колеблется, прежде чем совершить покупку. Приложение Wix Chat необходимо для контакта с потенциальным покупателем в режиме реального времени. С его помощью еще проще помочь посетителю подобрать наиболее подходящий продукт из списка предлагаемых вами. В онлайн-чате посетитель может прояснить любую важную для него информацию и задать дополнительные вопросы, чтобы принять взвешенное решение.

Wix ShoutOut

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

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

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

Wix Forms

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

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

Редактировать внешний вид и содержание форм обратной связи легко с помощью перетаскивания нужных элементов. При этом каждая созданная форма будет отлично смотреться на любом мобильном устройстве.

Visitor Analytics

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

Заключение

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

В конце июля 2017 г. компания Wix анонсировала новую передовую технологию, которая очень понравится веб-разработчикам. Это Wix Code - мощное решение для быстрого и простого создания сложных сайтов и веб-приложений без ограничений.

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

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

Поэтому компания Wix пошла навстречу веб-разработчикам и создала уникальный инструмент Wix Code . Это инновационное решение, ранее не применявшееся в конструкторах сайтов такого масштаба.

Wix Code позволяет создавать на страницах сайта любой динамический интерактивный контент, внедрять собственные правила отображения элементов, собирать пользовательскую информацию, создавать базы данных, использовать любые приложения из WIX Market или сторонние API и многое другое.

Выглядит несколько устрашающим? Но не спешите пугаться. Если вы не хотите разбираться с кодом, то все равно можете использовать новый инструмент в своих целях. Например, создавать базы данных. Здесь это не сложнее, чем заполнение обычной таблицы в Exel. Уж это-то вы наверняка умеете делать?

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

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

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

Ну и, разумеется, если вы не хотите использовать новый инструмент или опасаетесь, что можете все испортить на своем сайте, то можете просто не включать его. Wix Code не является обязательным элементом конструктора сайтов, но служит полезным дополнением. Возможно, в будущем вы все-таки решитесь им воспользоваться и поймете, что это не так сложно на самом деле.

По словам соучредителя и исполнительного директора Wix Авишай Абрахами (Avishai Abrahami):

«Wix Code работает для создания автономных веб-приложений, а также для дальнейшего совершенствования существующих функций веб-сайта. Эти функции приносят пользу пользователям всех уровней и уменьшают время, затрачиваемое на создание чего-то действительно потрясающеого. Мы считаем, что этот дизайн и потенциал для веб-разработки в настоящее время не имеет себе равных на рынке. С Wix Code мы объединили интерфейсный дизайн Wix, мощную back-end операционную систему Wix и добавили легко развертываемую инфраструктуру, которая позволяет любому пользователю создавать веб-приложения без ограничений в плане устойчивости, стиля, функций или функциональности».

Возможности Wix Code

Давайте рассмотрим подробнее некоторые из возможностей, которые предоставляет Wix Code.

Коллекции базы данных . Собирайте и храните контент и информацию о пользователях в базе данных для использования в любом месте вашего сайта.
Динамические страницы . Создайте единый стиль дизайна, создайте сотни страниц и обновите контент одним кликом. Очевидно при этом, что каждая отдельная страница создается автоматически с ее собственным уникальным URL-адресом и своими настройками SEO.
Пользовательские формы ввода . Легко создавайте формы опросов, викторин, отзывов и др. для сбора ценной информации о ваших пользователях и удержания их на сайте.
Пользовательские взаимодействия . Сделайте свой сайт более привлекательным, добавив взаимодействия к вашим элементам страницы. Например, слайдеры, переключатели, сокрытие ненужных элементов и многое другое.
API . Расширьте функциональность вашего сайта с помощью JavaScript и API. Wix создали внутренние API, которые просты в использовании. Вам достаточно небольших базовых знаний кодирования, чтобы легко подключать любой внешний API. А чтобы настроить данные и поведение любого компонента Wix даже не потребуется знаний HTML или CSS.

Как и когда вы можете получить доступ к Wix Code?

В настоящее время продукт работает только в бета-версии. Чтобы подать заявку и первым попробовать Wix Code, пожалуйста, зарегистрируйтесь на сайте платформы.

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

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

Что в итоге?

Wix Code расширяет возможности веб-профессионалов всех уровней, а не только кодеров. Независимо от того, являетесь ли вы создателем, разработчиком или дизайнером, это решение позволит вам сделать гораздо больше! Новый продукт экономит ваше время - нет необходимости настраивать серверы, тратить время на инфраструктуру или беспокоиться об обновлениях.

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

Для установки онлайн-консультанта QuickChat на сайт под управлением системы Wix, необходимо совершить несколько простых действий.

2. Копируем код установки QuickChat и входим в систему редактирования сайта Wix.

3. Нажимаем "Добавить" -> Выбираем "Ещё" -> Далее "HTML-код"

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

5. Вставляем код онлайн-консультанта QuickChat, скопированный в настройках сайта, нажимаем "Обновить".

6. Далее кликаем правой кнопкой мыши по области виджета и выбираем "Прикрепить к экрану" и в открывшемся окне выбираем положение виджета на сайте - нижний правый угол. Для корректного отображения можете поэкспериментировать с горизонтальным/вертикальным смещением.