Как создать сайт с помощью Wix в 2023 году (пошаговое руководство)

Если вы хотите создать веб-сайт с помощью Wix, вы попали по адресу!

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

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

В этом уроке мы рассмотрим:

1. Регистрация в Wix
2. Выбор шаблона для вашего сайта Wix
3. Представляем конструктор сайтов Wix
4. Использование искусственного интеллекта Wix (ADI)
5. Настройка вашего сайта Wix
6. Публикация вашего сайта Wix
7. Управление и обновление вашего сайта Wix

Зачем создавать сайт на Wix?

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

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

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

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

С Wix вам не нужно беспокоиться о покупке веб-хостинга или установке программного обеспечения, вы просто регистрируетесь и работаете. Так что это один из самых простых способов начать работу в Интернете.

Вы можете начать и создать свой первый веб-сайт на Wix бесплатно. Бесплатные сайты Wix получают поддомен Wix (например, websitenewbie.wixsite.com) и размещают на них рекламу бренда Wix.

Если вы хотите удалить рекламу и использовать свой собственный домен (например, «mywebsite.com») или настроить интернет-магазин, вам нужно будет заплатить за один из премиальных пакетов, начиная с 4,50 долларов в месяц.

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

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

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

• Персональные сайты
• Бизнес-сайты
• Блоги
• Интернет-магазины
• Галереи и портфолио
• Членские сайты
• Сайты бронирования
• Сайты мероприятий с продажей билетов
• Музыкальные или видеосайты с членством или продажей цифровых продуктов
• Сайты ресторанов с бронированием и онлайн-заказом

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

Не знаете, какая платформа лучше для вас? Взгляните на наше подробное сравнение Wix и WordPress.

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

1. Регистрация на Wix

Перейдите на Wix.com и нажмите синюю кнопку «Начать».

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

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

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

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

Вскоре мы рассмотрим Wix ADI, но давайте начнем со знакомства с конструктором сайтов Wix.

2. Выбор шаблона для вашего сайта Wix

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

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

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

Чтобы лучше рассмотреть каждую тему, наведите курсор на миниатюру и нажмите кнопку «Просмотреть».

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

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

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

3. Представляем Конструктор сайтов Wix

После выбора темы и нажатия кнопки «Редактировать» вы попадете прямо в конструктор сайтов Wix с перетаскиванием.

Итак, давайте начнем с того, что поможем вам сориентироваться на приборной панели.

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

В этом меню также есть ссылки на справочные статьи и видеоролики, обновление плана, найм профессионала для помощи в дизайне, разработке или маркетинге, а также «Режим разработчика», который приведет вас к Corvid — платформе разработки веб-приложений Wix. Игнорируйте это, если вы не знаете, что делаете!

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

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

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

Область 5 , выделенная желтым цветом , содержит кнопки для добавления и редактирования элементов на вашем сайте. Здесь у вас есть легкий доступ к:

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

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

3. Использование искусственного интеллекта Wix (ADI)

Мастер начинает работу с уже имеющейся у него информации из первоначальной анкеты (если вы ее заполнили).

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

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

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

Вы можете выбрать нужные функции, установив флажок в углу. Или, если вам не нужны дополнительные функции, просто нажмите ссылку «Может быть позже», чтобы пропустить этот шаг.

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

• Интернет-магазин
• Бронирование
• видео
• События
• Тарифные планы
• Форум
• Музыка
• Даты тура
• Меню
• Заказы
• Бронирование
• Группы (сообщества)

Когда вы нажмете синюю кнопку «Далее», вам будет предложено ввести название вашего блога, поэтому введите его. Если вы еще не знаете, как назвать свой блог, не волнуйтесь — вы можете изменить это позже.

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

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

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

Когда вы нажимаете кнопку «Далее», скучная часть заканчивается и начинается веселая стадия — создание вашего дизайна!

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

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

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

Затем у вас есть возможность добавить страницы на свой сайт. Некоторые из этих страниц предварительно отформатированы для общего использования (например, страница контактов), и вы также можете добавить пустые страницы и настроить их для собственного использования позже. Я собираюсь добавить страницу «О нас» и страницу «Контакты» в свой блог. Если вы не хотите добавлять какие-либо страницы на этом этапе, вы можете щелкнуть ссылку «Пропустить» в правом нижнем углу.

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

4. Настройка вашего сайта Wix

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

Начнем с редактирования шапки сайта. Я могу настроить внешний вид и поведение заголовка сайта, нажав на него. Затем появляется всплывающее окно с кнопками для изменения дизайна заголовка, настроек или дизайна.

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

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

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

Цвет текста моего меню теперь нужно изменить, поэтому я могу настроить его, щелкнув непосредственно по тексту, и появятся всплывающие кнопки для управления меню, навигации, макета, дизайна, анимации и растяжения.

Я могу изменить цвет текста, щелкнув кнопку дизайна, щелкнув «Настроить дизайн», выбрав текст и изменив цвет для обычных ссылок, ссылок при наведении и щелчке.

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

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

Хорошо, давайте перейдем от заголовка и добавим фоновое изображение. Вы можете сделать это, либо нажав кнопку «Фон» слева, либо щелкнув в любом месте фона вашего сайта, а затем нажав кнопку «Изменить фон страницы».

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

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

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

Когда вы найдете понравившееся изображение, выберите его и нажмите кнопку «Изменить фон».

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

Хорошо, я изменил заголовок, меню и фон своего сайта, и теперь я собираюсь добавить новое текстовое поле.

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

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

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

Я выбрал приветственный текст для блога о дизайне, и он предложил три разных варианта.

Первый: «Нам всем говорят: «Живи полной жизнью»; Я здесь, чтобы сделать именно это. НАЗВАНИЕ ВАШЕЙ ДЕЛОВОЙ ДЕЯТЕЛЬНОСТИ служит сосудом для выражения моих увлечений и подсказкой моим преданным читателям относительно того, что вдохновляет меня в этом сумасшедшем мире. Итак, расслабьтесь, расслабьтесь и читайте дальше».

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

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

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

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

6. Публикация вашего сайта Wix

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

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

Вы можете пойти и проверить это сами на https://deletia7.wixsite.com/mysite.

7. Управление и обновление вашего сайта Wix

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

Премиум-планы варьируются от 4,50 до 24,50 долларов в месяц для базовых сайтов (обратите внимание, самый дешевый пакет включает рекламу Wix) или от 17 до 35 долларов в месяц для бизнес-сайтов или сайтов электронной коммерции, которые принимают онлайн-платежи.

Все годовые и неограниченные аккаунты Wix в настоящее время продаются со скидкой 50%, так что самое время зарегистрироваться.

Помимо обновления вашего сайта, вы найдете большинство других опций для управления своим сайтом по ссылке «Настройки» в главном меню редактора.

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

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

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

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

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