Главная страница » Экспорт исходного кода tilda что это

Экспорт исходного кода tilda что это

  • автор:

Как быстро перевезти сайт с Тильды

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

Если у вас есть статический сайт на Тильде, перенести его оттуда довольно легко. Если вы знакомы хоть немного с гитхабом, то вообще проблем не будет, если не знакомы — сходите, зарегистрируйтесь там, поставьте себе редактор Visual Studio Code (он удобный и бесплатный), настройте интеграцию с Github.

Тильда предлагает функцию экспорта для сайтов. С нее и начнем. Заходите в настройки сайта, выбирайте экспорт и нажимайте “Скачать в виде zip”.

Вы получите полный архив сайта примерно такого вида:

Запускайте Visual Studio Code и откройте папку, куда распаковали архив. Обратите внимание, что внутри папки нет сайта index.html. Если у вас больше одной страницы в проекте, то достаточно заглянуть в файл htaccess, который лежит тут же и посмотреть, что значится в строке DirectoryIndex. Именно этот файл и стоит переименовать в index.html. При этом у вас скорее всего в этом файле будет какое-то количество правил редиректов для остальных страниц. Это не критично, мы с этим разберемся позже.

Как определить index.html

Переносить сайт мы будет на очень хороший и полезный сервис под названием Cloudflare. Уже довольно давно они запустили сервис Pages, который позволяет автоматически строить статические вебсайты, а учитывая, что на сегодняшний день это одна из самых мощных платформ CDN, лучшего желать сложно. Причем сервис это бесплатный до определенного момента, до которого не суждено дойти никакому лендингу. Впрочем, такие сервисы сейчас распространены широко, можно выбрать Netlify, DigitalOcean App (кстати, это многолетний спонсор Радио-Т, а по моей реферальной ссылке вы получите $100 кредита на 60 дней), да и многие другие. Полагаю, что с регистрацией на сервисе справиться несложно, а после неё выбирайте в меню пункт Pages.

Сервис работает очень просто — вы указываете ему репозиторий на гитхабе, даете инструкции по сборке сайта и дальше он сам собирает сайт. В нашем случае никаких особых инструкций не надо, надо лишь создать репозиторий и отправить его на гитхаб. Переходите на вкладку Source Control в редакторе, инициализируйте локальный репозиторий в папке, сделайте первый коммит со всеми файлами, после чего опубликуйте его на Github.

Осталось совсем немного. Возвращаемся на Cloudflare, нажимаем “Create a project”. Вам предложат подключить аккаунт на гитхабе, после чего покажут список репозиториев, чтобы выбрать источник. Выбирайте нужный, оставляете пустым поля build command, output directory и так далее, и нажимаете “Save and deploy”.

Сервис поработает примерно пару-тройку минут и сообщит, что всё в порядке, сайт deployed.

Теперь он доступен по адресу projectname.pages.dev. Чтобы подключить свой домен, перейдите на вкладку Custom Domains в проекте и получите инструкции, как это сделать.

Если у вас на сайте использовались формы или более сложные функции — они, конечно, работать перестанут. Мне кажется это невеликой проблемой — сервисов, которые предлагают формы для сайтов, тысячи и можете хоть с Google Forms начать. В документации Pages есть несколько примеров интеграции, но в целом найти форму в коде и заменить на выданный сниппет будет несложно. Остальное постепенно доделаем.

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

Если у вас несколько (или много) страниц на сайте, то вам понадобится функция редиректов. Для этого создайте в корне файл _redirects (именно с подчеркиванием в начале), откройте файл htaccess и из каждой строки вида

Стоит ли экспортировать сайт с tilda?

Sanes

С чего он должен куда-то ссылать, особенно если был подключен свой домен, который вы в последствии вместе с сайтом с тильды отключаете?

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

Помимо этого там еще есть анальные ограничения «правила» для экспортируемого сайта.

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

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

  • Facebook
  • Вконтакте
  • Twitter

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

А чего бы ему начать работать хуже? Да и хуже это как?
Есть одна тонкость. Если вы сделали сайт на тильде и на сайте есть хоть одна интеграция (формы, шрифты и прочее), то вы даже экпортировав сайт дальше оплачиваете тильду, ибо интеграции просто перестанут работать, а сайт превратится в балласт.
В остальном ничего хуже работать не начнет.

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

Другой вопрос: «Для чего вы делали сайт?». Мб вы планировали постоянно кастомизировать сайт, то тильда не сильно для этого подходит. В ней вы в лучшем случае обновите верстку и контент на сайте.
Мб действительно присмотритесь к другим админкам?

Экспорт кода

Подключитесь через FTP к вашему серверу, на котором будет размещен сайт и скопируйте на него файлы. Переименуйте файл htaccess в .htaccess (указанный файл работает только под веб-сервером Apache, если у Вас Nginx, то для него нужно писать правила связи самостоятельно и подключать их в настройках Nginx).

Дополнительные возможности: специальные пути для файлов

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

Перенос сайта с тильды на свой хостинг с рабочими формами

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

В начале статьи для тех, кто еще не нашел хостинг, рекомендую покупать хостинг у проверенных хостеров, у которых нормальные тарифы и хорошие условия:

Хочу заметить сразу, что экспортировать код сайта из конструктора вы сможете только оплатив тариф Business.

Экспорт кода можно делать только при активной подписке Business

В руководстве Тильды написано, что при экспорте кода на свой хостинг часть функций отключается.

Итак, что именно отключается при экспорте кода:

  1. Отключатся все формы, включая корзину . Тильда выступает своего рода сервисом, который отправляет данные. Если вы скопировали код сайта на свой хостинг, указали в настройках домена в Тильде домен на своем хостинге, то отправка данных будет продолжаться. Пользователь сможет заполнить поля формы, а вы получите уведомление с данными на почту, в телеграм или другие сервисы, которые вы подключили. Как только ваша платная подписка закончится (или вы перейдете на тариф Free) формы перестанут работать). Но мы к этому еще вернемся.
  2. Если вы воспользовались бесплатным SSL-сертификатом от Тильды , после переноса ваш сайт не будет доступен по HTTPS .
  3. Отключатся шрифты от Rentafont при неактивной подписке Тильды.
  4. CRM от Тильды тоже отключится.
  5. Отключение коснется и ПОТОКА , и КАТАЛОГА . На существующие товары или новости вы сможете зайти только из общего списка публикованных постов, а прямая ссылка работать не будет. Кстати, поиск по товарам тоже перестанет работать.
  6. Отключение затронет и Личный кабинет . Он просто не экспортируется.
  7. Ну и самое ВАЖНОЕ — вам будет доступен только КОД. Приятный и интуитивно понятный интерфейс вы с собой не заберете.

И если пункты с 4 по 7 никак нельзя полечить у себя на хостинге после окончания платной подписки , то первые 3 вполне поддаются восстановлению. Шрифт вы можете купить из библиотеки Rentafont или подменить его в коде на какой-то свой. Сертификаты для HTTPS тоже можно купить на «каждом углу».

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

Процедура настройки форм после переноса сайта с Тильды

Ловите один лайфхак (на самом деле их несколько), который сможет сохранить работу форм после переноса сайта на свой хостинг.

Создайте на своем компьютере файл form.php . Это можно сделать с помощью, например, Sublime Text или простого встроенного текстового редактора. Внутрь этого файла вам нужно вставить следующий код:

В поле $EmailFrom вы можете вставить любую почту, чтоб вам было понятно откуда пришло письмо. А вот в поле $EmailTo вставьте свою почту или почту заказчика.

Созданный вами файл form.php перенесите на свой хостинг в корень папки с будущим сайтом.

Теперь переходим в интерфейс Тильды и идем в настройки сайта. Во вкладке «Формы» ищем сервис «Webhook» :

Вставляем в поле адрес вашего файла на вашем хостинге в формате:

https://адрес-вашего-домена.com/form.php . Как проверить, что линк рабочий: вставьте эту ссылку в браузер и перейдите по ней. Если вы увидите следующее окно и на указанную почту придет пустое письмо, значит вы все верно сделали:

Получилось? Отлично, идем дальше. Нажимаем кнопку «Добавить» в Тильде, затем подключаем сервис Webhook ко всем формам сайта и переопубликовываем все страницы сайта в Тильде.

Теперь займемся экспортом. Заходим в настройки сайта в Тильде, переходим во вкладку «Экспорт» и нажимаем кнопку «Скачать .zip архив»

Опускаемся вниз страницы и кликаем на «Начать экспорт»

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

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

Дальше снова возвращаемся в настройки сайта на Тильде. Заходим во вкладку «Домен» и прописываем сюда ваш домен.

Если вы подключали Домен к Тильде и изменяли записи типа A на ip-ники Тильды, то вам нужно не забыть потом изменить эти ip на значения своего хостинга.

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

А это видео , где я показываю перенос сайта с Тильды и настройку форм на примере.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *