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

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

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

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

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

После авторизации нажмите «Создать сайт». Появится окно с выбором типа проекта. От того, какой пункт вы отметите, зависит содержание каталога шаблонов. Поэтому если делаете интернет-магазин, то нажимайте на одноимённый пункт.

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

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

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

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

1. Сфера деятельности — например, интернет-магазин бытовой техники.
2. Какие функции нужны: чат, блог, видео, лента Instagram, события, онлайн-запись и т.д. Нужно выделить подходящие виджеты.
3. Название бизнеса или сайта — Например, «Лучшая бытовая техника».
4. Ссылки на старый сайт или страницу компании в Google Places для импорта текстов и фотографий (если такой контент есть).
5. Информация о сайте: логотип, электронная почта администратора, адрес, телефон, аккаунты в соцсетях.
6. Тип шаблона, который нравится.
7. Дизайн главной страницы, который вам нравится.

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

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

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

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

Настройка функциональности и дизайна

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

Панель инструментов редактор состоит из 7 разделов. Чтобы вы понимали, что можно в них делать, пройдёмся кратко по каждой вкладке.

• «Меню и страницы» — здесь вы добавляете новые страницы и управляете отображением ссылок в меню навигации.
• «Фон» — управление фоном каждой страницы. Можно залить её цветом, добавить фото или видео.
• «Добавить» — каталог элементов интерфейса. Нужно добавить кнопку — просто перетащите её из этого списка на рабочее пространство. Элементов огромное количество, от простой фотографии до полноценной формы онлайн-записи, которая настраивается отдельно.
• Wix App Market — магазин приложений Wix. Позволяет расширить стандартную функциональность конструктора. Через него подключаются онлайн-чаты, поиск по сайту, различные формы, всплывающие окна и другие сложные элементы.
• «Медиа» — инструменты для загрузки файлов, а также каталог бесплатных фото и видео.
• «Блог» — отдельный модуль для управления блоковой функциональностью. Через него вы будете создавать и редактировать посты, сортировать их по категориям, скрывать или удалять.
• «Интернет-магазин» — модуль для управления товарами и продажами. Позволяет настроить все аспекты работы онлайн-магазина, в том числе способы оплаты и доставки заказов.

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

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

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

• выбрать, с какой стороны открывается меню в мобильной версии: сверху, слева, справа;
• указать, что происходит с шапкой сайта при прокручивании: прокручивается вместе с контентом, исчезает, становится прозрачной или фиксируется сверху;
• выбрать расположение иконок быстрый действий (позвонить, написать): сбоку, внизу, скрыть с сайта;
• добавить кнопку «Наверх» или отказаться от её использования.

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

Если вы уже правили сайт в полной версии, то на мобильном он может выглядеть не лучшим образом. Чтобы быстро исправить появившиеся ошибки (например, съехавшие блоки или слишком мелкий текст), откройте вкладку «Оптимальный вид страницы» в боковом меню и нажмите «Оптимизировать». Редактор самостоятельно изменит интерфейс так, чтобы он хорошо выглядел в мобильной версии. Если результат не понравится, можно отменить автоматическую оптимизацию или исправить отдельные моменты вручную.

При редактировании нужно помнить об одной особенности конструктора Wix. Изменения, внесённые в полную версию сайта, применяются на мобильной версии. Но обратной связи нет. Если вы правите блоки в мобильной версии, то к полной версии они не применяются.

Публикация контента

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

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

• Простой текстовый редактор с возможностью вставки фото, видео, галереи и HTML-кода.
• Настройки постов: дата публикации, автор, фрагмент для анонса, обложка поста.
• Добавление рубрик для сортировки постов.
• Отдельные SEO-настройки для каждого поста: уникальный адрес, название для поисковиков, описание для сниппета.

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

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

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

Наполнять каталог товарами можно на бесплатном тарифе Wix. Для получения возможности получать заказы и управлять ими через встроенную CRM необходимо перейти на тарифный план eCommerce. Тогда же станет доступной настройка способов оплаты и доставки товаров.

Оптимизация под поисковые системы

Чтобы сайт появился в выдаче поисковых систем, необходимо его оптимизировать. За это в конструкторе отвечает Wix SEO Мастер.

1. Раскройте меню «Настройка».
2. Нажмите на пункт «Поисковая оптимизация».
3. Укажите название сайта или бизнеса.
4. Добавьте физическое расположение офиса, если он есть.
5. Добавьте ключевые фразы, которые описывают бизнес. Например, интернет-магазин, бытовая техника и т.д.

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

SEO-оптимизация состоит из трёх шагов:

1. Добавление сайта в Google. На этом этапе вы обновляете заголовок и SEO-описание главной страницы, подключаете домен и добавляете сайт в Google Search Console.
2. Оптимизация страниц сайта: добавление альтернативного текста ко всем контентным изображениям, обновление контактной информации, размещение ссылок на аккаунты в соцсетях, изменение заголовка и SEO-описания каждой страницы.
3. Продолжение улучшения SEO. Это продвинутый этап, на котором Wix предлагает следовать его гайду по повышению позиции сайта в поисковой выдаче Google или нанять специалиста по SEO на Wix Arena — экспертной бирже конструктора.

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

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

По умолчанию сайту задаётся домен третьего уровня, в котором указан конструктор Wix. Чтобы подключить домен второго уровня, вам необходимо перейти на премиум-тариф. Есть две линейки тарифов — для сайтов и электронной коммерции.  Стоимость пакетов услуг для сайтов — от 160 до 750 рублей в месяц. Для работы интернет-магазина нужны тарифы линейки электронной коммерции, они стоят от 600 до 1400 рублей.

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

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

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 размещает в панели управления чек-листы по настройке, ведению и развитию бизнеса. Состав пунктов зависит от того, сайт какого типа вы создаёте. Например, для интернет-магазина Wix предлагает выполнить следующие обязательные пункты:

1. Добавить товары.
2. Указать регионы доставки.
3. Настроить способы оплаты.
4. Настроить SEO-параметры.
5. Опубликовать сайт.
6. Подключить домен.

Чек-листы хороши тем, что при выборе каждого пункта появляется ссылка на раздел конструктор, который позволяет настроить указанную функциональность. Например, если вы забыли настроить SEO, то выделите эту рекомендацию и нажмите «Начать» — откроется SEO-блок Wix.

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

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

Выводы

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

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

Читайте также: Сайты на Wix: плюсы и минусы.