Экспорт Tilda на своём VPS: без ежемесячной подписки Tilda

Tilda удобна для сборки сайта, но её платный тариф нужен в том числе ради хостинга и подключения домена. Если дизайн готов, сайт можно выгрузить как обычную статику (HTML/CSS/JS/картинки) и разместить на своём VPS — быстро, дёшево и под полным контролем. Разберём загрузку экспорта, настройку nginx, SSL и что делать с формами.

Что даёт экспорт и почему это статика

Экспорт проекта в Tilda (доступен на платном тарифе) отдаёт готовые статические файлы: index.html и страницы, папки css, js, images. Это обычный статический сайт — ему не нужен ни PHP, ни база данных, только веб-сервер, который отдаёт файлы. Значит, и требования к VPS минимальны.

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

Статике хватает самого младшего VPS: 1 vCPU и 1 ГБ RAM с запасом. NVMe-диск на MAATRIX здесь работает на скорость отдачи — лендинг открывается практически мгновенно, а канал в UK/US/RU удобен для зарубежной аудитории. Ещё один плюс собственного сервера — предсказуемая цена: подписка Tilda дорожает вместе с тарифом, а стоимость VPS фиксирована и не зависит от того, сколько у вас страниц и посетителей.

Загружаем экспорт на сервер

В настройках проекта Tilda включите экспорт и скачайте архив со страницами и ассетами. Залейте его на VPS (scp с локальной машины):

scp tilda-export.zip root@ваш-vps-ip:/root/

На сервере создайте каталог сайта и распакуйте туда файлы:

sudo mkdir -p /var/www/mysite
sudo unzip /root/tilda-export.zip -d /var/www/mysite
sudo chown -R www-data:www-data /var/www/mysite

Проверьте, что index.html лежит в корне каталога, а не внутри вложенной папки — иначе поправьте путь root в nginx или переместите файлы.

Настраиваем nginx под статику

Установите nginx и создайте конфиг сайта:

sudo apt update && sudo apt install -y nginx

Файл /etc/nginx/sites-available/mysite:

server {
    listen 80;
    server_name example.com www.example.com;
    root /var/www/mysite;
    index index.html;
    location / { try_files $uri $uri/ =404; }
    location ~* \.(jpg|jpeg|png|gif|css|js|woff2)$ {
        expires 30d;
        add_header Cache-Control "public";
    }
}

Включите сайт и перезапустите nginx:

sudo ln -s /etc/nginx/sites-available/mysite /etc/nginx/sites-enabled/
sudo nginx -t && sudo systemctl reload nginx

Домен и бесплатный HTTPS

Направьте A-запись домена на IP вашего VPS в панели DNS, дождитесь распространения (проверяется командой dig +short example.com). Затем выпустите бесплатный SSL — плагин certbot сам поправит конфиг nginx:

sudo apt install -y certbot python3-certbot-nginx
sudo certbot --nginx -d example.com -d www.example.com

Certbot настроит редирект с http на https и автообновление сертификата. Теперь ваш лендинг Tilda открывается по защищённому соединению с вашего сервера.

Что делать с формами

Главный подводный камень экспорта: формы Tilda в облаке отправляются через сервис Tilda, а в статике этот механизм не работает «сам по себе». Есть три пути. Первый — оставить приём заявок на стороне Tilda через их вебхуки/интеграции, если тариф это позволяет.

Второй — заменить action формы на сторонний обработчик (например, отправку на свой скрипт или в сервис форм). Третий, самый частый для лендинга, — заменить форму на прямые кнопки-контакты: мессенджеры, почта, телефон. Для простого сайта-визитки это часто удобнее заявок.

• Проверьте все формы после экспорта — они не должны молча «глотать» заявки.
• Битые пути к картинкам — обычно из-за вложенной папки; поправьте root или структуру.
• Кириллица в путях — переименуйте файлы латиницей во избежание проблем.

Для приёма заявок можно поднять на том же VPS лёгкий обработчик — сервер полностью ваш, ежедневные бэкапы MAATRIX сохранят и сайт, и накопленные данные.

Частые вопросы