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

Дизайн и шаблоны

Wix предоставляет пользователям больше 500 готовых шаблонов с красивым дизайном для разных сфер бизнеса и отраслей человеческой деятельности.

В Wix можно выбрать шаблоны следующих категорий:

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

Кому подходит Wix?

В базе содержатся шаблоны для оформления сайтов любой тематики:

  • Информационные одностраничники и сайты-визитки;
  • Бизнес-порталы;
  • Портфолио и галереи;
  • Магазины и многое другое.

Отдельно стоит отметить широкие возможности в сфере электронной коммерции:

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

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

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

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

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

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

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

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

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

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

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

Принципы работы платформы

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

Конструктор сайтов wix на основе HTML5 имеет свои характерные особенности:

  • Простота использования по принципу drag&drop;
  • Добавление, настройка и организация страниц;
  • Оригинальные эффекты для переходов между страницами;
  • Расширение возможностей за счет использования html-кода;
  • Создание защищенных страниц и разделение прав доступа;
  • Редактирование текстов, включая шрифты, стили и цвета;
  • Редактирование изображений, использование стикеров, стильных эффектов и других инструментов фоторедактора.

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

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

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

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

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

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

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

Попробовать

Google подписала соглашение по смежным правам с несколькими французскими изданиями

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

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

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

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

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

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

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

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

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

Создание сайта

Регистрация на Wix занимает несколько минут. Для создания учётной записи вы можете использовать электронную почту или аккаунты Facebook и Google. Достаточно придумать пароль от аккаунта и подтвердить регистрацию с помощью ссылки, которая придёт в письме от Wix.

Следующее окно — выбор способа создания сайта. Есть два подхода:

  • Технология Wix ADI — искусственный интеллект задаёт несколько уточняющих вопросов и на основании предоставленной информации формирует интерфейс сайта.
  • Ручное создание сайта: выбор шаблона и доведение его до ума в визуальном редакторе.

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

Вот список вопросов (есть возможность их пропускать):

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

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

Все ссылки и кнопки в демо-режиме кликабельны, так что вы можете изучить каждый раздел шаблона. Если всё устраивает, нажмите «Редактировать». После короткой обработки выбранная тема откроется в визуальном редакторе. Название сайта и контактные данные вы будете менять уже в процессе настройки проекта — в этом ещё одно отличие от использования режима Wix ADI.

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

В библиотеке Wix более 500 шаблонов. Они отсортированы по категориям: для бизнеса, магазинов, фотографии, музыки, портфолио, блогов и так далее. Можно фильтровать их по популярности и новизне. Есть полноэкранный просмотр всех страниц в разных режимах отображения — вы сразу увидите, как шаблон выглядит на десктопе и экране смартфона.

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

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

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

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

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

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

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

Ещё одна важная часть дизайна сайта — логотип. Wix предлагает использовать для его создания встроенный конструктор Logo Maker. Для работы с ним не нужны навыки графического дизайнера. Вы указываете название и слоган, выбираете подходящее изображение, а затем дорабатываете логотип в визуальном редакторе — здесь можно менять шрифты, цвета, размеры элементов и отступы между ними.

  • Более 550 шаблонов на выбор.
  • Полная свобода действий.
  • Настройка мобильной версии сайта.

Попробовать

Для кого предназначен

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

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

Про смайлики

Любой смайлик можно создать, сочетая присутствующие на клавиатуре символы. К примеру, самый известный и популярный смайл «Улыбка». Для его создания не нужен раздел дополнений, присутствующий практически в каждом приложении для общения. Достаточно просто набрать «:» (двоеточие) и «)» (скобка). И все – улыбка «полетела» к виртуальному собеседнику.

Смайлики появились в 1982 году в университете Карнеги-Меллона. Один из ученых, Нил Шварц, разместил на местной доске объявлений загадку, касающуюся «парадоксов» физики. Однако его коллега, Говард Гейл заметил двусмысленность в использованных словах и обыграл текст, ответив на загадку шуткой, в которой говорилось о неудачном эксперименте, утечке ртути и незамедлительной эвакуации. Разумеется, в университете началась паника.

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

Отношения на расстоянии: пара проводит виртуальные свидания в Интернете

Конкурс красоты среди французских деревень: есть на что посмотреть!

Врачи рассказали, почему у мужчин первым худеет живот, а у женщин – лицо

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

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

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

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

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

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

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

Плюсы и минусы конструктора сайтов WIX

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

Бесплатная версия сайта

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

  • В бесплатной версии нельзя подключить свой домен. Адрес вашего сайта будет выглядеть примерно так: vasyapupkin.wix.com/myshop. Если ваш сайт будет коммерческим, как вы думаете, купят на сайте с таким именем что-то посетители?
  • В бесплатной версии на вашем сайте будет отображаться реклама от Wix. Её, кстати, нельзя отключить даже в самой дешевой платной версии.
  • Бесплатную версию нельзя продвигать в Яндекс Директ и Google Adscence.

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

Платная версия сайта

Wix предлагает на выбор несколько платных пакетов. Самый дешевый за 123 рубля. Скажу сразу, что для коммерческих сайтов он тоже не подходит, так как реклама викс не отключается на этом тарифе. Для сравнения, даже самый хороший хостинг провайдер обойдется вам дешевле! Минимум нужно брать тариф за 250 рублей, а это уже 3000 в год. За меньшие деньги вы сможете содержать полноценный сайт на хостинге.

Дальше, вам придется заплатить за почту, если вы хотите чтобы она имела вид: info@vashdomen.ru — это ещё около 3000 рублей! Платить придется, так как без такой почты сайт выглядит не солидно.

А теперь давайте посмотрим, какой сайт мы получим за 6000 рублей в год минимум!

Недостатки сайта на Wix

  • Сайт, который вы создадите на викс вам принадлежать не будет, выкупить вы его не сможете — вы его только арендуете. Перестанете платить — потеряете сайт. В любой момент Wix может заблокировать ваш аккаунт по разным причинам и вы лишитесь сайта. Система закроется или обанкротится и вы опять же лишитесь сайта.
  • WIX это американская компания. Если вы внимательно прочитаете их соглашение, то узнаете много интересного. Например, что если вы являетесь резидентом страны с которой США «не дружит» или ведёте там свою деятельность или просто дядя Сэм посчитает вас «врагом демократии», то отношения с вами могут быть расторгнуты в одностороннем порядке.
  • Проблемы с СЕО продвижением сайта (сейчас уже менее актуально, чем несколько лет назад). Не будем вдаваться в подробности, но раскрутить сайт на викс довольно сложно из-за технических особенностей данной платформы. Вы сможете только привлекать трафик за счет контекстной рекламы.
  • Телефона горячей линии нет. Плохая техподдержка. Многие жалуются на ужасную работу администрации. На классических хостингах (Beget, Reg, Sprinthost и пр.) вы всегда можете обратиться с любым вопросом в техподдержку.

Как создать и настроить сайт на Wix

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

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

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

  • Список страниц размещен в боковом меню;
  • Любой элемент можно менять, просто кликнув по нему.

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

Кнопка для сохранения и предварительного просмотра находится сверху справа. После публикации сайт будет размещен на сервере и станет доступным всем пользователям. Основная сложность бесплатной версии – специфический вид доменного имени.

Цены: Сколько стоит сделать сайт на Wix

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

Премиум-тарифы разделены на две линейки — «Сайт» и «Бизнес и эл.коммерция». Первый предлагает четыре плана для создания простых сайтов: визиток, лендингов, блогов.

  • «Подключить домен» (90 рублей/месяц) — вы можете подключить домен к сайту, однако на его страницах всё равно останется реклама сервиса. Для хранения файлов доступно всего 500 МБ.
  • «Базовый» (150 рублей/месяц) — убирает рекламу конструктора, пропускная способность 2 ГБ, на диске — 3 ГБ, при оплате на год — бесплатный домен, место на сервере для хранения видео на 30 минут, бонус на рекламу в Google Ads.
  • «Безлимитный» (250 рублей/месяц) — безлимитная пропускная способность, 10 ГБ на диске, хранение видео на 1 час, бонусы на рекламу в Google Ads и Яндекс.Директе, приложения для увеличения производительности и анализа посетителей.
  • VIP (500 рублей/месяц) — возможности безлимитного тарифа плюс дополнительные 10 ГБ на диске, 2 часа видео, приоритетная поддержка и конструктор логотипов.
  • «Бизнес базовый» (400 рублей/месяц) — приём онлайн-платежей, безлимитная пропускная способность, 20 ГБ на диске, видео 5 часов, бесплатный домен при покупке на год, инструменты аналитики и увеличения производительности.
  • «Бизнес безлимитный» (600 рублей/месяц) — все возможности базового тарифа, но уже 35 ГБ на диске, 10 часов видео плюс конструктор логотипов.
  • «Бизнес VIP» (1000 рублей/месяц) — все возможности безлимитного тарифа , но уже 50 ГБ на диске, неограниченная продолжительность видео плюс приоритетная поддержка.

Дополнительный бюджет может понадобиться на приобретение приложений из Wix App Market. Некоторые из них идут в подарок при оплате тарифов на год. Обычная цена для приложения — 50-60 долларов.

  • Тарифы для простых и бизнес-сайтов.
  • Скидки 30-50% при годовой подписке.
  • Гарантия возврата средств в течение 14 дней.

Попробовать

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

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

Adblock
detector