Как создать сайт Wix — пошаговое руководство

Как создать учетную запись Wix
—

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

1. Перво-наперво перейдите на главную страницу Wix.

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

3. Теперь вы находитесь на странице входа в систему, но сначала вам нужно создать учетную запись. Щелкните Зарегистрироваться рядом с названием.

4. Наконец, вы достигли страницы регистрации. Это довольно просто: просто введите адрес электронной почты, который вы хотите использовать для своей учетной записи, или зарегистрируйтесь, используя свою учетную запись Facebook или Google.

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

6. В конечном итоге у вас есть два варианта: создать сайт самостоятельно на основе шаблона или позволить ADI (искусственный интеллект дизайна) автоматически сгенерировать его. Самостоятельная сборка занимает больше времени, но позволяет настраивать больше, тогда как использование ADI дает вам готовый сайт в кратчайшие сроки, но без настройки.

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

Как создать сайт Wix с помощью шаблона
—

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

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

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

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

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

Как выбрать способы оплаты Wix
—

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

• Принудительная реклама на вашем сайте
• Невозможно изменить шаблон после публикации сайта
• Общий URL

Если вы серьезно относитесь к своему веб-сайту, стоит инвестировать в тарифный план Premium, чтобы получить больше функций и свободу. А если вы планируете обновление, лучше сделать это до когда вы начнете проектировать, чтобы вам не пришлось ничего переделывать.

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

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

Стандарт:

Электронная торговля:

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

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

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

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

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

Функциональность

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

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

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

Главное меню

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

• Страница: _____ — перейти на другую страницу или управлять всеми своими страницами
• Значки рабочего стола и мобильного устройства — выбор между представлением на рабочем столе и мобильным представлением (для более гибких мобильных сайтов)
• Сайт — действия для всего сайта, такие как сохранение, копирование или удаление.
• Настройка — это важная область, в которой вы настраиваете закулисные настройки вашего сайта, включая аналитику, социальный обмен, параметры SEO и ваш значок. Когда у вас есть свободное время, стоит изучить и настроить их.
• Инструменты — влияет на отображение редактора, что вы видите и чего не видите.
• Dev Mode — хотя в данный момент он находится только в предварительной версии, этот режим предлагает больше технических возможностей, таких как настройка кода или подключение к внешним API.
• Справка — ваш основной раздел справки.

Крайний справа:

• Значок с четырьмя стрелками — уменьшает масштаб, чтобы увидеть ваш сайт с высоты птичьего полета
• Изогнутая стрелка влево — отменить предыдущее действие
• Изогнутая стрелка вправо — повторить действие, которое вы только что отменили.
• Значок «Сохранить» — сохраняет ваш сайт вручную
• Предварительный просмотр — войдите в режим предварительного просмотра, в котором вы можете просматривать свой сайт, как если бы он был действующим (но не редактировать его)
• Опубликовать — опубликуйте свой сайт, чтобы он заработал в Интернете.

Левое меню

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

Сверху вниз:

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

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

Плавающее меню

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

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

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

Элемент меню

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

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

Но прежде чем мы продолжим, стоит указать на некоторые команды.

• Эффекты прокрутки [ значок выглядит как падающий прямоугольник ] — эти управляют анимацией при прокрутке вниз, например эффектами параллакса или масштабирования. Они могут добавить немного изюминки к безвкусным сайтам, но будьте осторожны с временем загрузки и задержками.
• Анимация [ значок выглядит как прямоугольник, движущийся вправо ] — для небольших элементов, таких как текстовый блок или отдельные изображения, вы можете добавить анимированные эффекты для их первого появления: подпрыгивание, затухание , прядение и др.
• Макеты [ значок выглядит как экран, разбитый на прямоугольники ] — они позволяют вам контролировать, сколько столбцов в разделе и какое выравнивание они используют, если вы хотите измените структуру своей страницы.
• Растянуть [ значок выглядит как линия со стрелками на обоих концах ] — это для размещения всех ваших элементов на экране; вы можете играть с размерами маржи, пока не добьетесь того, чего хотите.
• Дизайн страницы [ значок кисти ] — Если ваш фон имеет матовый цвет, вы можете настроить его здесь.
• Справка [ значок вопросительного знака ] — ярлык для окна справки.

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

Как отменить публикацию сайта Wix
—

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

1. Перейдите в Личный кабинет своей учетной записи.

2. Прокрутите меню в левом столбце вниз и нажмите Настройки (внизу). Дважды проверьте левый верхний угол, чтобы убедиться, что вы находитесь на сайте, публикацию которого хотите отменить.

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

4. Появится экран подтверждения. Просто нажмите Отменить публикацию и ваш сайт Wix будет отключен.

Проста в использовании, но не проста в разработке
—

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

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