Как создать сайт на wix: инструкция для новичков

Создание интернет-магазинов

Для этого внедрён обширный список возможностей:

• набор шаблонов и несколько вариантов отображения галереи товаров;
• конструктор drag n’ drop (перетаскивание элементов);
• автоматическая оптимизация под мобильные устройства;
• создание мобильного приложения – Wix Touch;
• безопасная оплата покупок различными способами;
• управление доставкой и налогами;
• купоны и скидки.

Инструменты Wix для е-сommerce более продвинутые, чем у большинства стандартных конструкторов. Но повторюсь, они соответствуют потребностям небольших онлайн-магазинов, чтобы управлять заказами и следить за наличием товаров. Для крупных магазинов функционала недостаточно – многие задачи придётся выполнять вручную.

Стоит ли создавать сайт на WIX?

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

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

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

Wix – хорошая платформа, прежде всего, для тех, кто ведёт какую-либо коммерческую деятельность и хочет расширить охват аудитории. Бизнес-сайты, лендинги, портфолио, магазины цифровой продукции, личные блоги – вот её соль. Можно работать для себя либо использовать для создания клиентских сайтов. Если вы до сих не знакомы с главным WYSIWYG-сервисом, пора это исправить. Не откладывайте, начните сейчас!

Особенности создания интернет-магазинов на Wix

Скажем так: среди WYSIWYG-сервисов у Викс один из лучших магазинов. Приложения вроде Wix Engage (фирменная CRM), ShoutOut (рассылки), Wix Music/Video (продажа аудио/видео), интеграции функциональности сторонних маркетинговых сервисов и прочее делают из этого конструктора серьёзную машину для получения выручки. Простота настройки всего, что есть, эффектный дизайн и куча возможностей позволяют говорить о целесообразности создания магазина именно в Wix. Подойдёт как новичкам, так и бывалым людям.

Плюсы

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

Минусы

невозможно загрузить товары пачкой из CSV – только вручную по одному, магазины с кучей вкладок из категорий и сотнями товаров выглядят слегка нелепо – не на то движок рассчитан.

В Wix представлено более 60 вариантов дизайнов онлайн-магазинов. Вы можете выбрать один из готовых шаблонов подходящей тематики, либо собрать собственный макет ИМ по вашему вкусу.

Шаблон 1. Магазин сникерсов

Шаблон 2. Магазин скейтов

Шаблон 3. Магазин галстуков-бабочек

Бонус.

Полезная информация которая пригодится при создании сайта.

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

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

Базовая схема лендинга

Тактический Чек лист по созданию лендинга

• Продумайте все смыслы. 
• Напишите сначала текст. 
• Потом набросайте структуру. 
• Затем продумайте дизайн (цвета и элементы). 
• Приступайте к созданию сайта. 
• Установите систему аналитики и настройте цели. 
• Тестируйте на целевом трафике. 
• Вносите изменения. 
• Внедряйте новинки (например квизы).

Эта информация поможет вам в разработке эффективных продающих сайтов. Успехов Вам!

P.S.

Если вам нужен сайт, обращайтесь ко мне. Посмотрите примеры.

Что я рекомендую тем кто прочитал отзыв.

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

Что же касается конструктора сайтов я советую протестировать. 

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

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

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

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

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

Подключение домена

Разница в ценах премиум-пакетов обусловлена функциональностью, которую они предоставляют, — например, пропускная способность, объём места на диске, отключение рекламы конструктора. Подключить домен после оплаты любого тарифного плана. Во всех пакетах услуг, кроме «Подключить домен», при оплате на год вы получаете домен в подарок.

Чтобы подключить домен:

1. Раскройте меню «Настройка» в редакторе и нажмите «Подключить домен».
2. Выберите способ — покупка нового домена или регистрация существующего.
3. Если вы покупаете новый домен (или хотите забрать тот, который получили в подарок при оплате тарифа), то введите желаемое имя и проверьте его доступность.
4. Выберите зону, в которой будет располагаться домен.
5. Введите или отредактируйте контактную информацию.
6. Оплатите покупку или добавьте домен, полученный в подарок.
7. Перейдите на страницу «Домены».
8. Откройте вкладку «Общее».
9. Нажмите «Назначить» рядом с выбранным сайтом.

Если у вас есть домен, зарегистрированный на другой площадке, то подключите его к сайту на Wix.

1. Выберите опцию «Подключить существующий домен».
2. Укажите сайт, к которому нужно его подключить.
3. Введите доменное имя.
4. Выберите регистратора в поле «Где вы приобрели доменное имя?».

Теперь вам нужно поменять IP-адреса серверов в настройках домена (если этого требует регистратор). Откройте панель управления доменом на площадке, где вы его приобрели и замените имеющиеся адреса серверов следующими:

ns4.wixdns.net  (216.239.36.101)

ns5.wixdns.net  (216.239.38.101)

(значения DNS-серверов Wix могут меняться в зависимости от вашего географического расположения)

После изменения серверов вернитесь в настройки домена на Wix и нажмите «Проверить подключение». Данные обновятся в течение 72 часов, в это время сайт может быть недоступен по новому домену.

Тарификация

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

Для бизнеса и электронной коммерции существуют отдельные предложения. Основное преимущество – приём платежей без комиссии.

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

Теперь собственно мой отзыв

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

Например Тильда не имеет такого функционала, там очень много заморочек с zero блоком, на виксе всё просто. Можно на экране создавать новые области, трансформировать объекты и менять их местами и так далее. 

Также ощутимый плюс это его стоимость.

Я покупал годовой план за 125 руб в месяц, всего вышло 1800 руб с учетом ндс. Скидка получилась 50%. Дополнительно можно зарегистрировать бесплатно домен и получить промокод на рекламу в Яндекс Директ (3000) и Google AdWords (2000).

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

Во-первых отсутствие адаптивности.

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

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

Я прочитал несколько отзывов которые написаны на различных сайтах и везде говорится о том, что сайты на wix ужасно долго грузится. Честно признаюсь у меня тоже сложилось такое впечатление, я поверил сайт по нескольким сервисам. Да и просто на глаз, по сравнению с другими сайтами, загрузка была действительно не быстрой. 

Пример нумбер 1. Сайт на Викс.

Пример нумбер 2. Сайт просто на вордпресс (для сравнения).

Еще один скрин.

В общем было около десяти проверок на разных сервисах и почти везде (кроме 1) долгая загрузка.

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

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

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

И здесь нужно отметить еще один плюс работы с wix: деньги они возвращают чётко. 

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

Особенности создания блогов на Wix

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

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

Плюсы

• красивые макеты блоговой ленты;
• удобный редактор и менеджер постов;
• отложенная публикация;
• сортировка по категориям;
• SEO для каждого материала.

Минусы

честно – в таком формате их нет. Хотя косвенно можно отметить относительную непригодность движка для создания блогов со сложной, разветвлённой структурой.

Примеры шаблонов блогов:

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

Шаблон 1. Блог о путешествиях

Шаблон 2. Блог о еде

Шаблон 3. Фэшн-блог

Особенности создания лендингов на Wix

Для Landing Page на Wix есть несколько одностраничных шаблонов, идущих в комплекте из коробки. Они весьма удачные. Можно обойтись и без них: посмотрите, какую структуру должен иметь правильный лендинг (Google в помощь), возьмите чистый лист, добавьте необходимое количество «Полосок» и разместите внутри них необходимые элементы – видео, фото, отзывы, формы, кнопки и прочее из того, что потребуется для реализации макета.

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

Плюсы

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

Минусы

из коробки отсутствуют специализированные инструменты для анализа конверсии посадочных страниц – A/B-тесты, воронки продаж, статистика по источникам трафика и прочее.

Примеры шаблонов лендингов:

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

Шаблон 1. Агентство недвиж.

Шаблон 2. Стартап

Шаблон 3. Агентство SMM

Что лучше Wix или WordPress?

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

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

Особенности создания сайтов-визиток на Wix

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

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

Плюсы

• качественные тематические шаблоны;
• простота и разнообразие средств по настройке дизайна;
• куча полезных приложений, Wix Code, CRM, инвойсы и сбор заявок (запись на приём и т.д.) из коробки, SEO визард;
• миллион примочек для обратной связи с клиентами и учёта статистики.

Минусы

• в процессе нельзя сменить шаблон;
• неочевидный способ расширения пространства стокового макета (нужно добавлять виджет «Полоска» — не каждый сходу поймёт);
• Wix ADI не имеет русской локализации.

Примеры шаблонов бизнес-сайтов:

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

Шаблон 1. Строительная компания

Шаблон 2. Персональный коуч

Шаблон 3. Ремонт автомобилей

Инструкция по работе с редактором Wix

Сначала создайте свой аккаунт: откройте главную страницу и нажмите «Создать сайт» или «Войти».

Зарегистрируйтесь с помощью электронной почты, аккаунта в Facebook или Google.

Система переведёт вас на страницу с выбором метода создания сайта (об этом я писал выше в статье). Я выберу создание по шаблону.

Автоматически вы переходите в личный аккаунт на Wix. Интерфейс очень простой. В правом верхнем углу находится блок с настройками аккаунта и некоторым функционалом, включая переход на премиум-тарифы. Здесь же кнопка «Создать сайт». Нажимаем её.

Нужно выбрать тип сайта, который вы планируете создать. Предлагаю «События».

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

Я попал в редактор. Всё выглядит достаточно просто. Кратко опишу доступные инструменты.

Горизонтальная панель инструментов редактора

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

«Сайт» – основные опции при работе с редактором: сохранение изменений, публикация сайта, история изменений, создание копии, выход из редактора.

«Настройка» – о некоторых функциях я говорил выше в статье, сейчас о других.

• «Фавикон» – добавление иконки бренда, которая будет отображаться возле названия страницы в браузере.
• «Фото в соцсетях» – картинка, которая покажется в соцсетях, если пользователь поделится вашим сайтом.
• «Коды аналитики» – подключение Яндекс.Метрики, пикселей ВКонтакте и Facebook, чтобы узнавать, откуда приходят посетители и какие действия они совершают на сайте.
• «Соавторы сайта» – отправление приглашений тем, кто может вместе с вами работать над сайтом. Настраиваются роли и права доступа.
• «Версия для слабовидящих» – здесь подключаются/отключаются визуальные индикаторы (посетитель будет точно видеть, в каком месте страницы он находится и что выбирает). Устанавливается автоматическое размещение DOM (порядок элементов на сайте) и другие расширенные настройки. Все это помогает слабовидящим посетителям взаимодействовать с сайтом.
• «Мобильная оптимизация» – включение/отключение автоматической адаптации текста и картинок под мобильную версию сайта.
• «Мультиязычный сайт» – создание версий сайта на разных языках.
• «Панель управления» – другие настройки сайта и управление бизнесом: создание событий на сайте, настройка приёма онлайн платежей, подключение домена и почты для бизнеса, добавление форм на сайт, подключение Google Analytics, создание рассылок, изменение тарифов и многое другое.

«Инструменты» – управление отображением некоторых опций, а именно:

• «Инструменты» – для выравнивания/изменения размера и положения элементов на странице (длинная узкая колонка справа).
• «Линейки и направляющие» – для размещения и выравнивания элементов.
• «Границы сайта» – чёрно-белые линии, указывающие в какой области желательно располагать наиболее важные элементы.
• «Выравнивание элементов» – для размещения и выравнивания элементов сайта при помощи направляющих.

«Девелоперу» – подключение открытой платформы Corvid для ускоренной разработки веб-приложений.

Дальше всё понятно: раздел «Помощь», переход на платный тариф, изменение масштаба, кнопки Отменить/Повторить, включение автосохранения изменений, предпросмотр и публикация сайта.

Плюсы и минусы

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

Несколько сотен шаблонов, созданных профессиональными дизайнерами и верстальщиками. Мощный визуальный редактор, в котором можно полностью переделать под себя выбранный шаблон. Возможность отдельно настроить десктопную и мобильную версии сайта. Богатая база виджетов и блоков, из которых выстраивается интерфейс сайта. Встроенный магазин приложений для расширения базовой функциональности конструктора. Мощный SEO-блок, для работы с которым разработан помощник — он подсказывает, как оптимизировать сайт для эффективного продвижения в поисковых системах. Технология Wix Turbo для ускорения загрузки страниц. Встроенный конструктор логотипов. Возможность создания мультиязычных сайтов. Круглосуточная техническая поддержка с быстрыми и компетентными ответами. Постоянное добавление новых шаблонов и возможностей.

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

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

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

Отдельная настройка мобильной версий сайта. Помощник по поисковой оптимизации. Технология ускорения загрузки страниц.

Попробовать

Вертикальное меню редактора

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

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

«Фон» – выбор цвета фона, добавление изображений или видео в качестве фона.

«Добавить» – блок с различными элементами, которые можно внести на страницы сайта (таблицы и списки, фигуры, кнопки с текстом, иконки соцсетей, контактные формы и т.д.). Здесь же ведётся работа с текстом.

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

«Медиа» – здесь отображаются картинки и видео от сервиса, а также загружаются ваши медиа файлы с компьютера, Facebook, Instagram, Google Фото и Google Диска.

«Вести блог» – здесь подключается приложение Wix Blog. Если вы это сделаете, то страница блога автоматически добавится в раздел «Меню и страницы».

«Онлайн-запись» – подключение и настройка приложения Wix Bookings. Его функции описаны на скриншоте.

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