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

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


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

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

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

Содержание

  • Шаг № 1: Зарегистрируйте учетную запись Wix
  • Шаг № 2: Выберите Wix ADI или Wix Editor
  • Шаг № 3: Выберите готовый шаблон
  • Шаг № 4: Добавить элементы и функции сайта
  • Шаг № 5: Публикуй и живи 
  • Использование Wix Site Manager
  • Часто задаваемые вопросы

Изучите Wix

  • Начните с Wix
  • Шаблоны бизнес-сайтов Wix (бесплатно)
  • Шаблоны интернет-магазина Wix
  • Wix для онлайн-резюме
  • Wix для свадьбы / фотографии
  • Wix для писателей и авторов книг
  • Wix для агентов по недвижимости

* Это исходящие ссылки, указывающие на сайт Wix.

5 шагов для создания вашего первого сайта Wix

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

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

особенности
VIP
электронная коммерция
неограниченный
Combo
Connect
Пропускная способностьнеограниченный10GBнеограниченный2 Гб1GB
Место хранения20GB20GB10GB3GB500MB
Бесплатный домендадададанет
Wix AdsУдаленыУдаленыУдаленыУдаленыда
Индивидуальный Фавикондадададанет
Приложение Form Builderдададанетнет
Приложение Site Boosterдададанетнет
Онлайн магазинДа (образец)Да (образец)нетнетнет
Кампании по электронной почтеДа, 10 / месяцнетнетнетнет
Цена$ 24,50 / мес$ 16,50 / мес$ 12,50 / мес$ 8,50 / мес$ 4,50 / мес

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

Премиальные планы Wix (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) – это уникальный инструмент, который использует возможности A.I. – все, что вам нужно, это предоставить некоторую основную информацию (например, тип вашей компании и название сайта), и система использует эту информацию для автоматического создания сайта. Wix Editor, с другой стороны, позволяет создавать веб-сайт с нуля с помощью перетаскивателя.

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

ади-или-редакторДва варианта создания сайта с помощью Wix: Wix ADI или Wix Editor..

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

Для сборки с Wix ADI нажмите «Начать с Wix ADI».

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

Wix-ади-шаг-1Я выбрал «цифровой маркетинг» для этого урока.

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

Wix-ади-шаг-2В нашем примере мы выберем все функции, которые предлагает Wix, за исключением & функция встреч.

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

В качестве примера я называю наш сайт «BuildThisDigitalMarketing»..

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

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

Wix-ади-шаг-3

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

Нажмите «Пуск».Нажмите «Пуск».

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

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

С предпочтительной цветовой схемой Wix ADI теперь готов к работе на домашней странице сайта.

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

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

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

сайт wix

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

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

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

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

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

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

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

Итог: Wix ADI, конечно, не готов к прайм-тайм

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

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

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

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

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

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

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

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

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

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

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

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

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

Wix-редактирование-шаг 3Пойдем с ‘Реклама & Подкатегория маркетинга, потому что она выглядит как наиболее актуальная для нас.

В качестве шаблона выберите «Фирма по рекламе и маркетингу».В качестве шаблона выберите «Фирма по рекламе и маркетингу»..

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

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

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

Wix-редактирование-ади-шаг-5Панель инструментов Wix Editor.

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

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

1. Фон сайта

Wix-редактирование-шаг 6Для фона сайта Wix поддерживает сплошные цвета, изображения и видео.

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

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

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

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

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

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

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

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

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

  • Текст
  • Образ
  • Галерея
  • Слайд-шоу
  • кнопка
  • коробка
  • полоса
  • форма
  • видео
  • Музыка
  • Социальное
  • контакт
  • Меню
  • Список
  • Lightbox
  • Блог
  • воспаленный
  • Больше

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

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

Wix-редактирование-шаг 8

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

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

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

Wix-редактирование-шаг 9

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

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

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

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

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

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

Многие приложения бесплатны, а также есть несколько премиум-приложений..

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

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

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

5. Wix для блогов

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

Wix-редактирование-шаг-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 и позволяет вам подключить собственное доменное имя к вашему сайту. Комбо-план стоит $ 8,50 в месяц, без рекламы и включает в себя бесплатное доменное имя на 1 год. Безлимитный тариф в размере $ 12,50 в месяц подходит для средних и крупных сайтов. Если вы собираетесь продавать товары на своем сайте, вы должны убедиться, что вы выбрали один из их «Бизнес & eCommerce »планы, которые начинаются с $ 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!

* Перевод: EN ID

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map