Как создать сайт на wix самостоятельно с нуля и бесплатно? личный опыт

Как создать лендинг на «Викс» автоматически

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

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

Система предложит вам: 

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

Весь процесс ответов на вопросы занимает не больше 5–10 минут. Когда система получит данные, обработает их в течение 2–3 минут и перекинет вас в визуальный редактор. Там вы сможете доработать лендинг — например, указать более подробную информацию о товаре или поменять стоковые фото сотрудников на настоящие. 

Такой дизайн получился за 15 минут

Когда получите лендинг, не забудьте поменять вымышленные данные на настоящие. Например, изменить цену на услуги или добавить то, чем вы действительно занимаетесь. Сделать это можно прямо в визуальном редакторе: нажмите на «Редактировать» и внесите все необходимые изменения. 

Процесс изменения информации на лендинге

Новичкам на заметку

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

И тем не менее для меня важно, чтобы вы понимали откуда и какие цены берутся

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

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

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

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

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

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

Для всех своих сайтов, кроме этого, я использую хостинг TimeWeb и ежемесячно вношу по 130 рублей. Самый дешевый тариф на виксе – 123. Цена справедлива. Она дает вам некоторую свободу. Есть шанс переехать на другой хостинг.

Отключить рекламу тоже можно. Уже за 250 рублей в месяц. Start-Luck обходится мне в 240 рублей в месяц. Я разместил его на другом хостинге во время обучения, так как все уроки в школе блоггеров Александра Борисова, где я учился и учусь вот уже около года, были основаны на VPS.

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

Думаю, пришло время показать как именно работать в конструкторе.

Что дальше

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

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

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

Не бойтесь технологии. Начинайте с малого и увеличивайте свои знания вместе с прибылью.

До новых встреч и удачи в ваших начинаниях.

Пошаговая инструкция по созданию сайта

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

• заполнение стандартной регистрационной формы;
• выбор подходящего шаблона;
• создание отдельных страниц;
• заполнение SEO данных.

1. Регистрационная форма

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

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

2. Выбор шаблона

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

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

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

3. Использование редактора

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

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

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

• непосредственное наполнение страниц;
• подбор нужного дизайна;
• добавление любых дополнительных компонентов.
• размещение элементов для SEO продвижения;
• подключение мобильной версии сайта и размещение других не менее полезных функций для удобной навигации по вновь созданному сайту.

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

4. Внесение полезных дополнений

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

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

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

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

5. Окончательная подготовка к публикации

Перед финалом работы следует не забыть выполнить несколько полезных настроек в административной части редактора. Поисковым системам разрешить индексацию и указать на использование мобильной версии.

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

Выбор шаблона сайта Wix

Здесь вам предстоит сложный выбор тематики, если она еще не определена, а затем щелкаем по красивой синей кнопке «Go». Теперь переходим к выбору шаблона. Их здесь очень много, поэтому у вас точно получится найти нужный. Для примера щелкаю по графе «Бизнес» и выбираю шаблон «Высокие технологии».

Когда выбор сделан, нужно нажать по кнопке «Опубликовать», она расположена в правом верхнем углу. Здесь нужно выбрать имя своему сайту, кстати, не обязательно заморачиваться и стопориться на этом шаге. Ресурс потом можно будет переименовать.

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

По поводу домена. Есть два варианта:

1. Предоставляемый конструктором (тот, что совпадает с почтой);
2. Ваш собственный.

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

Для создания каких сайтов подходит?

Конструктор Wix позволяет создавать основные типы интернет-ресурсов:

• ;
• ;
• ;
• .

Сайт-визитка

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

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

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

Но ритейлеру важно знать интересы и желания своих покупателей. Именно поэтому в состав конструктора Wix входит нативная CRM-система

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

Лендинг

Главная цель лендинга – продвижение бренда и продукта компании. Для этого конструктор сайтов Wix предоставляет весь необходимый функционал.

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

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

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

Блог

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

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

Создание сайта при помощи WIX ADI

Мне подходит «мода и красота». Помимо ведения канала «Это просто» и личного блога на ютубе, я предоставляю услуги макияжа.

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

Итак, выбираем сферу деятельности, достаточно начать вводить подходящее слово в поле, ВИКС сам подскажет имеющиеся варианты. Вводим «макияж» и выбираем «мастер макияжа».

Теперь нужно определиться с теми функциями, которые нужны на сайте. «Онлайн-запись» и «Чат» — определенно необходимы. Пожалуй, добавим еще «Блог» и «Ленту инстаграм».

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

Нажимаем «Вперёд». Здесь нужно указать название бренда или имя/фамилию специалиста.

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

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

Теперь ВИКС предлагает выбрать готовый дизайн главной страницы. При выборе советую опираться на структуру шаблона. Цвет, фото и текст можно потом легко изменить. Мне больше понравился …. (первый/второй/третий или темный/розовый/светлый – короче дать характеристику выбранного варианта). Остановимся на нем.
После этого WIX начнет оптимизацию шаблона.

Почему WIX

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

1. Экономия времени – создание сайта на wix возможно в сжатые сроки. На то, чтобы разобраться с настройками и функционалом площадки уйдёт меньше времени, чем на ужин в ресторане.
2. Дизайн– wix предоставляет шикарный выбор дизайнерских решений. Не обязательно быть дизайнером для создания шикарного оформления будущего сайта. Огромный выбор шаблонов сайта. Возможность изменения фона и добавления подвижных элементов в оформление. Предлагается изменение дизайна новостей.
3. Лёгкость– с wix не нужны дополнительные знания по сайтостроению. Процесс производства происходит в лёгком и понятном формате. Страшный код переведён в понятные простому смертному картинки и шрифты.
4. Оптимизация– wix предоставляет набор инструментов для последующей оптимизации сайта под требования поисковиков. Это единственный конструктор, который пред оставляет столь обширные возможности для СЕО продвижения будущего сайта.
5. Обновление– команда wix постоянно улучшает сервис и качество предоставляемых услуг от разработчиков wix. Вам остаётся только следить за выходом новинок в свет.
6. Масштабный конструктор– wix содержит в себе не только возможность создать сайт, но и предлагает широкий выбор маркетинговых инструментов. Это рассылка, онлайн букинг, приложения для различных направлений бизнеса, аналитика. Благодаря такому набору функций, wix пользуется популярностью у российских и зарубежных бизнесменов.
7. Обширная база фотографий и видеозаписей– wix предоставляет бесплатные фотографии и видеозаписи из своей галереи, выполненные в высоком качестве.
8. Современность– wix предлагает абсолютно весь набор инструментов по анимированию и фотошопсопровождению сайта. При появлении новых инструментов, они незамедлительно внедряются на wix.
9. Скидки– wix предлагает постоянные скидки на хостинг и доменное имя. При оформлении подписки на новости сайта, у вас появляется возможность следить за скидочными акциями от wix. Сопровождается надёжным и проверенным временем хостингом.
10. Мобильная версия– wix предоставляет возможность создания мобильного варианта сайта. Эта услуга очень важна для последующего успешного СЕО продвижения ресурса.
11. Мобильное приложение– wix предлагает мобильное приложение. При помощи приложения wix возможно управлять созданным сайтом. Это очень удобно, ведь телефон всегда под рукой.
12. Служба поддержки– операторы круглосуточно готовы отвечать на вопросы. Вы не будете чувствовать себя брошенным на произвол судьбы.
13. Бесплатно– для того что бы попробовать, не требуются никакие денежные вливания в платформу. Это бесплатный онлайн конструктор сайтов. В перспективе, если посчитаете нужным, вы сами выберете те функции, за которые готовы платить.

К преимуществам конструктора так же можно отнести интуитивно понятный интерфейс, 3Д эффекты, постоянные обновления функционала. Многообразие виджетов: кнопки социальных сетей, чат, оплата, комментарии, календари, карты. Таким разнообразием может похвастаться только конструктор wix.

Редактирование и настройка сайта в редакторе WIX ADI

Для редактирования элементов в редакторе WIX AID необходимо выбрать требуемый блок (нажать на него) или выбрать «редактировать» при наведении. Слева появится меню с возможностью задания новых параметров или изменения текущих элементов. К примеру, для хэдера – верхнего блока сайта — можно задать слоган, указать название бизнеса, контактные данные и соц сети.
Для редактирования доступны все элементы сайта.

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

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

Также на бесплатной версии будет отображаться реклама wix.

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

Кратко пройдемся по дополнительным функциям и настройке сайта.

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

Кнопка «добавить» позволяет добавить новый блок, страницу для сайта и приложения. Помните, которые мы выбирали в процессе настройки WIX ADI? Кнопка «Дизайн» позволяет изменить цветовую схему сайта, сменить шрифты и добавить анимацию элементам.
Кнопка «Управление приложениями» открывает доступ к разделу «управления приложениями» в панели управления сайтом. Здесь можно, к примеру, изменить или добавить новые посты в блог, изменить данные для онлайн-записи на прием, добавить услуги и проверить календарь записи. Вернемся к панели управления сайтом чуть позже.

Справа от пункта «Управления приложениями» располагаются «стрелочки» отмены действий редактирования сайта. Действуют точно так же, как в том же Word’е. Далее располагается кнопка, которая позволяет проверить оптимизацию сайта под мобильные устройства.
Раздел «Помощь» содержит подробную справочную информацию на русском языке по настройке и редактированию сайта на конструкторе WIX.

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

Опытные пользователи могут создать автоматизированные процессы по общению с клиентами, настроить потоки, задать напоминания. То есть WIX предоставляет практически полноценную CRM-систему.

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

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

Итак, здесь же в разделе «Сайт» можно переключиться на классический редактор WIX.

Последующие шаги

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

Есть несколько вещей, которые мы рекомендуем вам сделать:

Постоянно развивайте свой сайт.

Успешные сайты никогда не останавливаются и постоянно добавляют свежий контент – изображения, графику, видео, статьи и так далее. Таким образом, вы будете держаться в ТОПе.

Экспериментируйте в дизайне

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

Настройка электронной почты

После получения рабочего сайта, самое время подключить почту, которая использует фреймворк Google Apps. Чтобы подключить ящик переходите в «Мой аккаунт» (My Account) – Mailboxes (ящики). Вам понадобится план, который включает в себя свой собственный домен.

Подумайте о SEO

Убедитесь, что вы настроили параметры SEO для вашего сайта. Вы найдете их в редакторе WIX, как показано на скриншоте ниже. Это три мета поля – title, description (описание) и ключевые слова (keywords).

Что такое Wix?

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

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

Сайтом wix com пользуются десятки миллионов пользователей по всему миру. Характерная особенность – использование HTML5. Готовый сайт хорошо взаимодействует с поисковыми системами.

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