Как создать сайт на Webasyst: установка и настройка на своём сервере

SEO оптимизация
138 просмотров

Хотите свой сайт, но не хотите платить за конструктор каждый месяц? Тогда Webasyst — отличный вариант. Это система для создания сайтов, которую можно скачать бесплатно и установить на хостинг. Всё в вашей собственности: страницы, фотографии, настройки. Никто не может внезапно закрыть ваш аккаунт или поднять цены. В статье покажем, как создать сайт на Webasyst с нуля — даже если вы никогда этого не делали.

Создание и настройка сайта на Webasyst на своём сервере

Что такое Webasyst

Webasyst — это программа управления сайтом, которую устанавливают на хостинг. Работать с ней удобно: всё через браузер, как с любым онлайн-сервисом. Но в отличие от Tilda или Wix, платформа живёт на вашем сервере — ваш код, ваши файлы, ваша база данных.

После установки внутри появляется собственный магазин приложений, прямо как на телефоне. Выбираете нужное, нажимаете «Установить». Большинство приложений бесплатны. Наиболее полезные:

  • Shop-Script — интернет-магазин с корзиной, оплатой и управлением заказами
  • Блог — редактор публикаций с категориями, тегами и комментариями
  • CRM — база клиентов и история общения с ними
  • Рассылки — отправка писем по базе подписчиков
  • Фото — галерея с альбомами и защитой от скачивания
Магазин приложений Webasyst — блог, магазин, CRM и другие модули

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

Почему именно Webasyst

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

Преимущества

  • Бесплатная лицензия для одного сайта
  • Полный контроль над данными: все файлы и БД на вашем сервере
  • Открытый PHP-код, который можно дорабатывать под любые задачи
  • Несколько приложений (магазин, блог, CRM) в единой панели управления
  • Активное русскоязычное сообщество и подробная документация
  • Нет обязательной абонентской платы за саму платформу

Недостатки

  • Нужен хостинг или VPS, который придётся настраивать самостоятельно
  • Порог входа выше, чем у облачных конструкторов типа Tilda
  • Экосистема готовых тем меньше, чем у WordPress, но можно найти хорошие современные варианты

Как скачать Webasyst

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

Скачать Webasyst

В итоге загрузится архив весом около 100 МБ в формате tar.gz. Распакуйте ее себе на компьютер, позже мы поместим эти файлы на хостинг.

Что такое хостинг и как его выбрать

Хостинг — это сервер в интернете, на котором хранятся файлы вашего сайта. Без сервера сайт недоступен извне: он просто живёт у вас на компьютере. Есть три основных типа:

Виртуальный хостинг, несколько сайтов живут на одном физическом сервере и делят его ресурсы. Самый дешёвый вариант от 100–200 ₽/месяц, подходит для небольших сайтов с умеренным трафиком.

Виртуальный выделенный сервер (VPS / VDS) с гарантированными ресурсами и полным доступом к настройкам. Стоит от 300–700 ₽/месяц. Установить Webasyst на VPS можно, но потребуются базовые навыки работы с сервером.

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

Какой хостинг выбрать

Для большинства сайтов на Webasyst вполне хватает самого недорогого варианта, виртуального хостинга. Вот несколько проверенных вариантов для России:

  1. REG.RU — крупный регистратор доменов с собственным хостингом. Удобно брать домен и хостинг в одном месте, а стабильность работы серверов на хорошем уровне.
  2. Timeweb — один из самых популярных российских хостингов. Простая панель управления, автоустановщик приложений и отзывчивая техподдержка.
  3. Beget — стабильный хостинг с поддержкой 24/7 и широким набором функций. Особенно удобен для PHP-проектов, есть встроенный менеджер задач.

Требования к серверу

Перед установкой убедитесь, что хостинг соответствует минимальным требованиям Webasyst:

  • PHP версии 7.4.24 и выше (рекомендуется PHP 8.1+)
  • MySQL 5.6+ или MariaDB 10+
  • Apache с mod_php, Nginx, Lighttpd или любой другой сервер с поддержкой FastCGI
  • PHP-расширения: cURL, GD или Imagick, mbstring, zlib

Большинство современных хостингов всё это поддерживают. Если сомневаетесь — напишите в поддержку хостинга с вопросом о совместимости, они подтвердят быстро.

Как установить Webasyst на хостинг или сервер

Весь процесс занимает около 10–15 минут.

Шаг 1 Загрузите файлы на хостинг

Распакуйте скачанный архив и загрузите все файлы через FTP-клиент (например, FileZilla или WinSCP). Для подключения через FTP понадобятся хост, логин и пароль — их можно найти в личном кабинете хостинг-провайдера. Файлы должны попасть в корневую папку сайта, обычно это www /ДОМЕН или public_html /ДОМЕН.

Загрузка файлов Webasyst на хостинг через файловый менеджер Ispmanager

Как альтернатива FTP-клиенту — файловый менеджер прямо в панели хостинга. Если ваш провайдер использует Ispmanager , зайдите в раздел Файловый менеджер, откройте папку нужного домена и загрузите файлы через кнопку «Загрузить». Никаких дополнительных программ устанавливать не нужно.

Шаг 2 Создайте базу данных MySQL

В панели управления хостингом ( Ispmanager ) во вкладке «Базы данных» создайте новую базу данных и пользователя с правами на неё. Запишите имя базы, логин и пароль — они понадобятся на следующем шаге.

Шаг 3 Откройте сайт в браузере

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

Мастер установки Webasyst — ввод данных базы данных и создание аккаунта администратора
Шаг 4 Введите данные базы данных

Укажите хост (обычно localhost ), имя базы, логин и пароль, которые вы записали на втором шаге.

Форма подключения к базе данных в установщике Webasyst — хост, имя базы, логин и пароль
Шаг 5 Создайте аккаунт администратора

Придумайте логин, укажите email и надёжный пароль для входа в панель управления.

Шаг 6 Готово

Установщик создаёт все необходимые таблицы и перенаправляет вас в панель управления.

Первоначальная настройка

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

Шаг 1 Выберите тему оформления

Перейдите в приложение Сайт в раздел Темы дизайна и установите готовую тему. Темы можно скачать в магазине Webasyst или разработать собственную. Далее в статье все примеры показаны на основе темы Vega — современной темы для сайта с готовыми блоками и адаптивной вёрсткой. По промокоду EVERYTHING15 скидка 15%.

Выбор темы Vega в разделе Темы дизайна панели управления Webasyst

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

Применение темы Vega в разделе Карта сайта панели управления Webasyst
Шаг 2 Импортируйте готовые настройки темы

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

Установка архива темы Vega в панели управления Webasyst

Загружать нужно сам архив, без распаковки. Вернитесь в раздел Темы дизайна, выберите тему Vega, нажмите кнопку Действие и выберите пункт Импорт настроек темы. В открывшемся окне загрузите скачанный архив — настройки применятся автоматически.

Шаг 3 Приступите к настройке темы

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

Настройка темы Vega для Webasyst
Шаг 4 Создайте дополнительные страницы

В разделе Карта сайта в строке «Главная страница» нажмите многоточие и нажмите Добавить подстраницу. Таким образом можно создать неограниченное количество страниц на своем сайте.

Добавление подстраниц в панели управления Webasyst

Webasyst — платформа с хорошим балансом между гибкостью и простотой. Да, первый запуск потребует чуть больше усилий, чем регистрация в облачном конструкторе. Зато вы получаете настоящий сервер, открытый PHP-код и никаких ограничений на рост. Установите, посмотрите сами — и, вероятно, больше не захотите платить за облако.

Вам может быть интересно:
Что такое формат AVIF, чем открыть файл и как использовать на сайте
Формат AVIF: что это такое и зачем он нужен
Формат JPEG 2000 — особенности, преимущества и поддержка в браузерах
Что за формат JPEG 2000 и как его использовать на сайте
Где размещать крауд-ссылки — площадки и стратегия крауд-маркетинга
Как и где размещать крауд ссылки?
Формат WebP — что это такое, преимущества и поддержка браузерами
Что за формат WebP и как его использовать на своем сайте.
Комментарии 0 Разные мнения приветствуются. Здесь можно спорить и обсуждать, но уважительно и без токсичности.
Отмена