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

Плюсы и минусы конструктора сайтов 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 есть постоянный бесплатный тариф, однако долго пользоваться им вы вряд ли захотите — слишком много ограничений.

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

• «Подключить домен» (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 долларов.

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

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

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

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

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

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

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

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

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

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

Потоковый график Индекс РТС

Сколько стоит создание сайта на платформе Wix?

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

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

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

Переход на премиум аккаунт дает несколько преимуществ:

• Удаление с сайта фирменного логотипа;
• Подключение собственного домена;
• Свободное место для хранения данных;
• Повышенная пропускная способность.

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

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

Создание сайтов: редакторы

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

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

В Wix App Market предложена коллекция платных и бесплатных приложений для расширения возможностей платформы.

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

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

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

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

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

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

Обещанная история про кражу личности сотрудника «Лаборатории Касперского»

То есть что, вообще не публиковать фото в соцсетях? Один наш сотрудник так и делал. Паранойя, понимаете ли.
Однако FindFace его нашла. И нельзя сказать, что она ошиблась, — фотография действительно его. Просто этот снимок некий «Витёк Тизинксилов» скопировал из галереи другого пользователя в совершенно другой социальной сети. Попросту использовал чужой портрет для своего профиля.

Более того, быстрый поиск по картинке в Google показал, что эта фотография используется не только как аватар для «ВКонтакте», но и в некоей социальной сети «Фотострана». Согласитесь, не слишком приятно обнаружить комментарии от неведомого человека, прикрывающегося вашим лицом?

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

Совет: пока «ВКонтакте» не прикрыла API, через который работает эта программа, может, имеет смысл «пробить» и свою фотографию. Мало ли где вы найдете собственных «клонов»?

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

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

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

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

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

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

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

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

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 часов, в это время сайт может быть недоступен по новому домену.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Wix App Market

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

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

Corvid by Wix

Corvid — это режим конструктора для опытных разработчиков. В нём не открывается полный доступ к коду, но появляется возможность встраивать JS-скрипты и работать с базами данных.

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

Примеры использования баз данных:

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

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