Учебное пособие: Как создать свой первый веб-сайт с помощью Wix (Пошаговое руководство)

Обновлено: 07 октября 2020 г. / Автор статьи: Джейсон Чоу

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

Если вы ищете руководство по созданию веб-сайта Wix, это руководство для вас.

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

Готовы? Давайте начнем.


5 шагов, чтобы создать свой первый сайт Wix

Шаг 1. Регистрация учетной записи Wix

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

ОсобенностиVIPЭлектронная коммерцияБезлимитныйКомбоПоисковик
Пропускная способностьБезлимитный10GBБезлимитный2GB1GB
Память20GB20GB10GB3GB500MB
Бесплатный доменДаДаДаДаНет
Wix AdsудаленудаленудаленудаленДа
Индивидуальный ФавиконДаДаДаДаНет
Приложение Form BuilderДаДаДаНетНет
Приложение для сайта BoosterДаДаДаНетНет
Интернет-магазинДа (Образец)Да (Образец)НетНетНет
email кампанийДа, 10 / месяцНетНетНетНет
Цена$ 24.50 / мес$ 16.50 / мес$ 12.50 / мес$ 8.50 / мес$ 4.50 / мес

Новичкам я бы рекомендовал начать с плана Wix Combo, а затем обновлять его по мере роста вашего сайта. Для предприятий выберите план электронной коммерции, поскольку он позволяет вам создать интернет-магазин.

Планы Wix Premium (Combo - VIP) всегда рекомендуются, так как они предлагают множество преимуществ, включая возможность подключения вашего собственного домена, удаление рекламы Wix, а также дополнительную пропускную способность и место для хранения.

Вот несколько примеров сайтов, созданных с использованием Wix.

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

Что у Wix хорошо получается:

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

Что у Wix не очень хорошо:

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


Шаг 2. Создайте с помощью Wix ADI или Wix Editor

Wix предлагает два метода создания веб-сайта - Wix ADI и Wix Editor.

Wix ADI (или Wix Artificial Design Intelligence) - это уникальный инструмент, использующий возможности ИИ. Все, что вам нужно, это предоставить некоторую базовую информацию (например, тип вашего бизнеса и название сайта), и система использует эту информацию для создания сайт автоматически. С другой стороны, редактор Wix позволяет создавать веб-сайты с нуля с помощью конструктора перетаскивания.

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

ади-или-редактор
Два варианта создания вашего сайта с Wix: Wix ADI или Wix Editor.

Вариант №1: создать сайт с помощью Wix ADI

Чтобы построить с Wix ADI, нажмите «Начать с Wix ADI».

Затем Wix спросит, какой бизнес-сайт вы хотите создать, и предложит несколько основных вариантов. Если вы не уверены в том, какой веб-сайт хотите создать, просто введите несколько ключевых слов, и Wix ADI сотворит чудеса.

wix-adi-step-1
Для этого урока я выбрал «цифровой маркетинг».

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

wix-adi-step-2
В нашем примере мы выберем все функции, которые предлагает Wix, кроме функции «Принимать заказы и встречи».

Узнав о желаемых функциях вашего сайта, Wix ADI запрашивает название сайта.

Для этого примера я назвал наш веб-сайт BuildThisDigitalMarketing.

Wix ADI запросит у вас дополнительную информацию о компании, такую ​​как адрес компании и другие данные.

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

wix-adi-step-3

Наконец, после того, как вы предоставите все свои настройки и информацию о функциях, Wix ADI будет готов к созданию вашего веб-сайта.

Щелкните "Пуск".
Щелкните "Пуск".

На следующем экране Wix ADI спросит вашу цветовую схему.

В нашем примере я выбираю цветовую схему «Искра».
В нашем примере я выбираю цветовую схему «Искра».

Выбрав предпочтительную цветовую схему, Wix ADI готов к работе на главной странице сайта.

Примерно через минуту Wix ADI будет готов к работе с вашим сайтом.

Пример: сайт, который я создал с помощью Wix ADI

Для справки, вот домашняя страница, которую я создал с помощью Wix ADI:

wix-adi-sample

Честно говоря, я не был поклонником дизайна, созданного для меня WIX ADI.

Фактически, я бы никогда не стал им пользоваться.

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

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

Чтобы проверить это, нажмите на опцию «Страница: Главная» на левой панели на панели инструментов.

На следующем снимке экрана показаны разные страницы, которые Wix ADI выбрала для создания веб-сайта нашего агентства цифрового маркетинга:

wix-adi-step-7
Как видите, Wix ADI добавил к нашему сайту несколько страниц «Магазин», хотя мы создавали бизнес-сайт. Я предполагаю, что эти страницы были добавлены, потому что мы выбрали функцию «Продажа онлайн». Помимо страниц магазина, Wix ADI также добавил страницу блога, и это нормально.

Итог: Wix ADI определенно не готов к работе в прайм-тайм

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

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

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

Вариант №2: создать сайт с помощью редактора Wix

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

Когда вы нажмете на нее, Wix снова спросит вас, какой тип сайта вы хотите создать.
Заголовок: Чтобы создать новый сайт, выберите опцию «Создать новый сайт» в пункте меню «Сайт».

Когда вы нажмете на нее, Wix снова спросит вас, какой тип сайта вы хотите создать.

Для этого пошагового руководства мы также выберем категорию веб-сайтов «Бизнес».
Для этого пошагового руководства мы также выберем категорию веб-сайтов «Бизнес».

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


Шаг 3. Выберите готовый шаблон сайта Wix

Как только вы нажмете кнопку «Начать с редактором Wix», вы будете перенаправлены на различные шаблоны.

Как вы можете видеть на следующем изображении, Wix уже выделяет ряд соответствующих шаблонов в категории «Бизнес».

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

wix-edit-step-3
Давайте перейдем к подкатегории «Реклама и маркетинг», потому что она кажется нам наиболее актуальной.
В качестве шаблона выберите «Рекламная и маркетинговая фирма».
В качестве шаблона выберите «Рекламная и маркетинговая фирма».

Редактирование готовых шаблонов Wix

Выбрав шаблон, вы увидите полную панель инструментов редактора Wix.

У вас есть 3 ключевые области на панели инструментов Wix (см. Выделенные разделы): 1) Центральная часть - это ваш веб-сайт - и когда вы вносите изменения, вы можете просматривать их в режиме реального времени; 2) справа от вас есть параметры, которые позволяют вам удалять, дублировать, вращать и настраивать размещение различных элементов на вашем сайте; и 3) слева от вас находятся строительные блоки и варианты дизайна, которые вы можете использовать.

wix-edit-adi-step-5
Панель управления редактора Wix.


Шаг 4 - Добавьте элементы и функции сайта

Давайте также подробно рассмотрим все элементы строительных блоков и варианты дизайна.

1. История веб-сайта

wix-edit-step-6
В качестве фона сайта Wix поддерживает сплошные цвета, изображения и видео.

Если вы хотите изменить цвет фона, все, что вам нужно сделать, это нажать на опцию «Цвет», и Wix представит цветовую палитру. Когда вы наводите курсор на любой цвет из палитры, Wix покажет вам предварительный просмотр в реальном времени.

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

Мало того, что изображения красивы, они также аккуратно распределены по категориям.

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

Бесплатная библиотека изображений от Wix.
Бесплатная библиотека изображений от Wix.

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

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

2. Контентные блоки и элементы дизайна

Опция «Добавить» позволяет добавлять элементы дизайна на ваш сайт. Эти элементы включают:

  • Текст
  • Фото товара
  • Галерея
  • слайд-шоу
  • Пуговичка
  • Коробка

  • Зачистите
  • Форма
  • Видео
  • Музыка
  • Социальные сети
  • Контакты

  • Меню
  • Список
  • Lightbox
  • Блог
  • Больной
  • Еще

Когда вы добавите любой из этих элементов, вы поймете, что Wix уделил внимание «мелким» деталям.

Например, для нашего примера веб-сайта я решил добавить кнопку CTA (призыв к действию) в главное меню. Поэтому, когда я щелкнул элемент дизайна кнопки, Wix показал мне несколько стилей кнопок, а также вручную отобрал предлагаемые стили, которые подошли бы к моему шаблону. См. «Тематические кнопки» на следующем изображении:

wix-edit-step-8

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

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

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

wix-edit-step-9

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

3. Функции веб-сайта через Wix App Market.

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

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

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

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

Многие приложения бесплатны, есть и платные.

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

4. Мои загрузки

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

5. Wix для ведения блогов

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

wix-edit-step-10
Опция «Начать блог» - как следует из названия - позволяет добавить блог на свой веб-сайт.
Когда вы нажимаете кнопку «Добавить сейчас», на ваш сайт добавляется страница блога. Если вы посмотрите на макет страницы блога, вы заметите, что у него есть (полностью настраиваемая) боковая панель с полезными опциями, такими как поиск по тегам, виджет избранных сообщений и виджет последних сообщений.
Когда вы нажимаете кнопку «Добавить сейчас», на ваш сайт добавляется страница блога. Если вы посмотрите на макет страницы блога, вы заметите, что у него есть (полностью настраиваемая) боковая панель с полезными опциями, такими как поиск по тегам, виджет избранных сообщений и виджет последних сообщений.
Вы можете добавить на эту страницу еще больше элементов. Просто используйте опцию «Добавить элементы блога» в меню «Менеджер блога».
Вы можете добавить на эту страницу еще больше элементов. Просто используйте опцию «Добавить элементы блога» в меню «Менеджер блога».

Параметр «Добавить элементы блога» позволяет добавлять на страницу блога различные элементы, например:

  • Комментарии Disqus
  • Комментарии Facebook
  • Пользовательский канал
  • RSS
  • Категории
  • И еще несколько.

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

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

6. Бронирование

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

Это охватывает все параметры на левой панели, а также редактор Wix в целом.


Шаг 5 - Опубликуйте и начните работу

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

Ваш сайт Wix официально запущен!


Управляйте своим сайтом и обновляйте его с помощью Wix Site Manager

Когда вы закончите разработку своего веб-сайта, вы можете получить доступ к настройкам своего сайта из пункта меню «Сайт»:

В настройках «Менеджер сайта» у вас есть множество опций для SEO вашего сайта, социальных сетей, аналитики и многого другого. Мы рассмотрим каждый из этих вариантов.
В настройках «Менеджер сайта» у вас есть множество опций для SEO вашего сайта, социальных сетей, аналитики и многого другого.
Мы рассмотрим каждый из этих вариантов.
Мы рассмотрим каждый из этих вариантов.

Параметры в Wix Site Manager

Домен

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

SEO

Настройки SEO позволяют добавлять на свой сайт собственный код отслеживания и другой код. Вы можете добавить код отслеживания для инструментов Google для веб-мастеров, инструментов Bing для веб-мастеров, карточек Twitter, проверки Pinterest и т. Д. *. Узнать больше о Основы SEO здесь.

Мобильная версия

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

Язык и регион

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

Информация о бизнесе

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

Социальные сети

Параметр «Социальные сети» позволяет добавить свой профиль Facebook на свой сайт. (Мне действительно любопытно, почему сюда включен только Facebook!)

Аналитика

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

Роли и разрешения

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

SSL сертификат

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

* Дополнительное примечание о настройках SEO:

Вот очень интересный инструмент Wix SEO: SEO Wiz. SEO Wiz помогает сайтам с внутренним SEO.

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

Часто задаваемые вопросы

Сколько стоит Wix?

Цены Wix варьируются от $ 4.50 до $ 24.50 в месяц в зависимости от выбранного вами плана. Тарифный план начинается с 4.50 долларов и позволяет вам подключить собственное доменное имя к вашему сайту. План Combo стоит 8.50 долларов в месяц, не содержит рекламы и включает бесплатное доменное имя на 1 год. Безлимитный тариф за 12.50 долларов в месяц подходит для средних и крупных сайтов. Если вы собираетесь продавать товары на своем сайте, убедитесь, что вы выбрали один из их планов «Бизнес и электронная коммерция», стоимость которых начинается с 17 долларов в месяц.

Как мне создать сайт на Wix?

Выполните следующие 5 простых шагов, чтобы создать свой первый сайт Wix:

1. Зарегистрируйте учетную запись Wix> 2. Выберите Wix ADI или Wix Editor> 3. Выберите готовый шаблон> 4. Добавьте элементы и функции сайта> 5. Опубликуйте. Нажмите здесь, чтобы начать.

Сколько времени нужно, чтобы создать сайт Wix?

Простой сайт можно собрать на Wix за считанные минуты (в зависимости от того, насколько вы привередливы). Если вы хотите создать сайт с более точными настройками, потребуется больше времени. Я бы ожидал потратить в среднем от 2 до 3 часов на достаточно хорошо настроенный сайт с основными функциями.

Какой премиум-план Wix мне подходит?

Новичкам мы рекомендуем начать с плана Wix Combo, который стоит всего 8.50 долларов в месяц. Вы можете обновляться по мере роста вашего сайта. Владельцам бизнеса лучше выбрать план электронной коммерции, поскольку он позволяет создать интернет-магазин.

Ознакомьтесь с ценами на Wix, если хотите узнать больше.

Сколько сайтов Wix я могу создать одновременно?

Вы можете создать столько сайтов Wix, сколько захотите, в одной учетной записи. Однако имейте в виду, что к каждому публикуемому вами сайту должен быть прикреплен собственный премиум-план.

Wix лучше WordPress?

И у Wix, и у WordPress есть свои плюсы и минусы, но в целом Wix проще в использовании по сравнению с WordPress.

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

Подводя итоги

Вероятно, это все, что вам нужно знать, чтобы запустить свой сайт с Wix. Я рассмотрел Wix ADI, редактор Wix и различные доступные настройки сайта.

Удачи с вашим первым сайтом Wix!

О Джейсоне Чоу

Джейсон - поклонник технологий и предпринимательства. Он любит строить сайт. Вы можете связаться с ним через Twitter.

Подключение: