Конструктор сайтов Weebly 2018

Из этой статьи вы узнаете:

Тарифные планы Weebly

Регистрация Weebly

Выбор темы

Выбор домена

Создание сайта

Изучение дополнительных элементов и параметров

Публикация веб-сайта

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

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

И еще, несмотря на то, что платформа Wix довольно проста в использовании, Weebly еще проще. Это означает, что Weebly предлагает вам менее продвинутые инструменты, чем Wix.

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

В настоящее время Weebly предоставляет более 40 миллионов веб-сайтов. Платформа постоянно обновляется новыми шаблонами, которые полностью адаптивны.

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

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

Тарифные планы Weebly

1 Тариф бесплатный

Бесплатный план хорош для личных проектов, но не подходит для бизнеса. Это хороший выбор для тестирования некоторых функций и ознакомления с данной платформой.

Хранение ограничено до 500 МБ, вам дается ограниченный URL-адрес и на вашем сайте будут красоваться объявления сервиса. Этот план хорош для личного проекта, небольшого клуба или неофициального сайта, но как мы уже говорили не для бизнес-сайта.

2 Тариф Connect 4 $

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

3 Тариф начальный 8 $

Это план премиум-класса. Есть некоторые отличительные преимущества этого плана над тарифом Connect:

• Подключение собственного домена, чтобы не ограничиваться субдоменом weebly.com
• Вам не будет докучать реклама
• Объем хранилища неограничен, что является редкостью для такого плана
• Продвинутая статистика сайта
• Настраиваемый нижний колонтитул
• Удалить объявления Weebly
• До 10 продуктов в интернет-магазине
• 3% комиссионных сборов
• Интегрированная корзина для покупок — Ссылки на «checkout.weebly.com»

Этот пакет лучше всего подходит для блогов или личных проектов.

4 Тариф Pro 12 $

С планом Pro вы получаете полный набор функций для электронной коммерции:

• Поддержка по телефону
• HD видео и аудио
• Видеоролики
• Защита паролем
• Поиск по сайту
• Членство в сайте — до 100 участников
• До 25 продуктов в интернет-магазине

5 Тариф «Корпоративный» 25 $

Идеальный план для запуска интернет-магазина. Вы получаете следующие возможности:

• Безопасность SSL
• Неограниченное членство на сайте
• Регистрация участников
• Неограниченные продукты в интернет-магазине
• 0% Плата за транзакцию
• Оформить заказ на свой домен
• Цифровые товары
• Управление запасами
• Калькулятор доставки и налогов
• Купоны

Начало работы с Weebly

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

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

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

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

Шаг 2. Выбор темы

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

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

2 У данного сервиса есть отраслевые темы. Хотя любая тема может быть адаптирована под любую отрасль, большинство из них предварительно разработаны для определенного вида бизнеса. Если вы хотите, как можно меньше работать над сайтом, то выберите тему, которая уже настроена для вашей отрасли. Тогда вам останется только изменить изображения, названия страниц и текст.

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

Шаг 3. Выберите вариант своего домена

Следующее, что вы увидите, это страница параметров домена. Это выглядит так.

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

Если вы хотите свой собственный уникальный домен, у вас есть 3 варианта:

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

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

Шаг 4. Создание сайта

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

Разбивка веб-сайта Weebly

Элемент редактор — находится в крайней левой стороне застройщика, как показано на скриншоте выше. Он выделен красным квадратом. «Элементы» — это все компоненты, которые вы будете использовать для создания своего сайта.

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

Вкладки сайта

Как и большинство конструкторов, у веб-разработчика Weebly есть вкладка навигации (желтая рамка) вверху страницы. На вкладках представлены «Редактировать», «Страницы», «Тема», «Магазин», «Параметры» и «Справка». Чтобы изменить более крупные компоненты вашего сайта, просто нажмите на соответствующую вкладку навигации, чтобы отредактировать нужный параметр.

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

Добавление и редактирование страниц

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

Чтобы добавить страницу, просто нажмите на значок «+» в левом верхнем углу страницы (выделено красным полем на изображении ниже).

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

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

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

Это обозначает, какая из ваших страниц — «Главная», ее ваши посетители увидят первой (по крайней мере, в большинстве случаев). Запомните, какая страница, находится у вас сверху, автоматически будет назначаться в качестве вашей главной страницы.

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

Это создаст подстраницу. Как показано ниже, подстраница указывается отступом на вкладке. В этом случае страница «О себе» теперь является подстраницей страницы «Главная».

3 Ваши главные страницы на ваших вкладках также являются вашими страницами навигации, которые будут видеть посетители. На скриншоте выше страницы «Главная» и «Контакт» являются основными страницами, а страница «О» — это подстраница.

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

На скриншоте ниже вы видите только страницы «Главная» и «Контакт», но если вы наведете курсор на основную страницу (как и при снятии снимка экрана), страница «О себе» появится в выпадающей вкладке.

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

Изменение или редактирование текста

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

Чтобы отредактировать текст внутри кнопки, вам нужно нажать на кнопку, а затем вы увидите всплывающее окно. Жмем на вкладку «Текст кнопки».

 

Затем появится окно, в котором вы можете просто ввести текст. После того, как вы ввели свой текст, вы просто выйдете из окна.

Добавление или изменение изображения

Если вы хотите изменить или отредактировать фоновое изображение, просто нажмите на изображение, а затем вам будут представлены варианты «Изменить фон» или «Заменить макет верхнего колонтитула».

После того, как вы нажмете кнопку «Изменить фон», вы попадете в окно, в котором выберете «Заменить» или «Изменить» текущее изображение.

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

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

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

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

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

Шаг 5. Изучение дополнительных элементов и параметров

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

Например, вы можете:

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

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

Шаг 6. Публикация веб-сайта

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

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

Пока вы используете бесплатную версию, она снова покажет вам окно параметров домена, как это было на раннем этапе процесса. Если вы не хотите обновлять, просто выберите опцию «Использовать поддомен Weebly.com» и нажмите «Продолжить».

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

Заключение

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

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

С уважением Вячеслав и Валерия!