Wix Code — новые возможности сервиса: БД, динамические страницы и Javascript

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

Wix Code - новый модуль конструктора Wix

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

Основные фишки Wix Code

На текущий момент известно о 5-ти анонсированных функциях, которые появятся сразу после релиза:

  • Коллекции данных — наборы структурированной информации на сайте, по сути, это аналог БД, только в рамках небольшой таблицы. Можете создавать списки объектов недвижимости, учеников, курортов, книг и любые другие.
  • Динамические страницы — тоже фишка из CMS, что позволяет в рамках одного дизайна выводить разный контент. Страницы генерируются автоматически, а инфа подставляется из базы.
  • Пользовательские формы — подойдут для сбора информации, которая потом сохраняется в БД, например: опросы, отзывы, заявки и т.д.

Отличительной особенностью данных трех пунктов есть то, что при работе с ними не нужны никакие навыки программирования. Более того, вы будете использовать все стандартные опции Wix с перетаскиванием / настройкой элементов, поэтому опыт HTML и CSS верстки также не обязателен!

Дополнительно в Wix Code имеется 2 новинки продвинутым разработчикам:

  • Интерактивные эффекты — можете добавлять разные действия для тех или иных объектов на странице: плавное выезжание текста, скрытие / изменение состояния элементов и т.п.
  • APIs — расширяйте функциональность с помощью Javascript и внутренних API.

Эффекты и API в модуле Wix Code

Преимущества Wix Code

Подобный модуль — это уже совершенно другой уровень в конструкторах сайтов! Еще лет 5 назад в некоторых из них прорывом считалась вставка стороннего HTML кода, а тут Javascript, динамические данные и т.п.

Какие же плюсы имеет Wix Code:

  • Так как вы работаете в рамках конструктора, то вам не нужно беспокоиться о настройках сервера и соответствующей среды разработки для своих веб-приложений.
  • То же касается и хостинговых мощностей — не придется переживать за нагрузку, регулярные обновления, безопасность, ваш сайт находится в облаке (чего не скажешь про обычные CMS).
  • Совмещая фронтэндовые возможности редактора Wix и бэкендовые функции Wix Code, сможете использовать все преимущества веб-интерфейса и более продвинутое наполнение из баз данных. Все также без HTML и CSS.
  • Поддержка адаптивности и SEO опций.
  • Тем, кто уже имел дело с Wix ранее, новые фишки не покажутся какими-то экстраординарными. Думаю, просмотра видеоуроков и документации хватит для создания первых наработок.

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

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

Как начать работать с Wix Code

Сейчас, насколько я понимаю, происходит бета тестирование перед финальным релизом. На странице, посвященной модулю, есть кнопка «Apply for Beta», где нужно заполнить специальную форму. Если вы программист, вебмастер или дизайнер и вам близка данная тема, можете принять участие в бете.

На этом же ресурсе найдете много другой информации по Wix Code. По каждой функции (Features) представлено краткое описание, полезные ссылки и все необходимое для изучения матчасти.

Описание и документация по модулю Wix Code

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

Другие новинки Wix

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

Оптимальный вид страницы

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

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

Если результат вам совсем не понравился, в верхней панели есть кнопка отмены последних действий. Если же вы недовольны лишь некоторыми элементами, можете их перегруппировать и подправить. Кстати, для мобильников также была добавлена интересная 3D-прокрутка (называется Freeze Scroll).

История изменений

В той же верхней панели найдете кнопку «Сохранить», которая запомнит текущую версию проекта с последующей возможностью к ней вернуться. Во всплывающей подсказке имеется ссылка на всю историю сайта.

История изменений сайта в Wix

В целом, идея интересная, она позволит не переживать за последствия при редактировании веб-страницы. Более того, теоретически, с помощью версий вы, например, можете создать вариант для тестирования конверсии нового дизайна или внести «временные» правки (на период праздников) в основной шаблон.

Wix чат

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

Приложение Wix чат на сайте

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

Итого. За несколько месяцев с момента прошлого обзора многие модули получили разного рода улучшения: Wix Blog, Bookings, Погода, Evenbrite и др. Но основная «новость дня» — это, конечно, анонс и бета тестирование инструмента для разработчиков Wix Code. Данная опция не только потеснит конкурентов, но и окажет влияние на рынок создания сайтов на CMS. Будет интересно.

5 комментариев к статье “Wix Code — новые возможности сервиса: БД, динамические страницы и Javascript”
  1. Filip

    Действительно интересная штука.. теоретически конструкторы к этому должны были прийти со временем.

  2. BorisKo

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

  3. Tod

    BorisKo, да система развивается просто очень круто, по работе слежу за ней время от времени.

  4. Ева

    Вот прям вообще не надо иметь навыки программирования, просто знать JS.
    «To use the APIs, you’ll need a working knowledge of JavaScript, including ES2015 features, such as Promises and modules.»

  5. Tod

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

Оставить комментарий

Внимание! Если вы комментируете впервые, текст будет отправлен на модерацию.
Ваш e-mail не публикуется. Обязательные поля помечены *