Как выглядит экспорт исходного кода на тильде в виде текстового файла

Обновлено: 05.07.2024

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

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

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

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

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

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

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

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

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

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

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

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


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





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



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

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

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

2 комментариев к записи « Перенос сайта с тильды на свой хостинг с рабочими формами »

Здравствуйте, а дайте ссылку на ва вебкух. то, что вы вставляете в поле вебхука

Sanes

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

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

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

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

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

Большое спасибо вам за полноценный ответ. Я на tilda не работаю. На протяжении времени клиенты спрашивали об этом, и мне самому стало интересно. По этой причине решил выставить вопрос на toster.

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

Я лично думаю, что такой код не будет хорошо работать на других хостингах так как постоянно будет ссылать на tilda.

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

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

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

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

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

В чем проблема

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

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

Код на Тильде минифицирован — там нет разрывов, лишних пробелов, отступов и некоторых других элементов, а имена переменных сокращены.


Минификация упрощает исходный код, но с такой страницей неудобно работать

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

Сложно работать и с классами, названия которых в коде Тильды — бессвязный набор символов.


«product-class» понятнее, чем «r t-rec t-rec_pt_0 t-rec_pb_0»


Код Java Script прописан непосредственно в html разметке страницы

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


Что мы сделали

Мы поняли, что проще и быстрей сверстать все с нуля. Прототип на Тильде использовали как макет. Процесс прост:

  • изучаем дизайн прототипа;
  • верстаем то же самое на тестовой странице;
  • разрабатываем новые виды форм;
До этого у нас были формы только одного типа — «Оставить заявку». Для этой страницы создали новую форму — «Получить чек-лист». Мы ввели в разметку специальный атрибут, который помогает скрипту определить, с какой формы идет заявка.


  • убираем недочеты;
  • переносим все на боевую страницу.

Выводы

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

Рекомендуем использовать функцию экспорта кода, когда основной сайт тоже разработан на Тильде.

В остальных случаях советуем верстать страницы вручную.

P.S. Мы не отказываемся от Тильды полностью — ее удобно использовать для решения других задач:

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

А еще мы верстаем в Тильде письма для email-рассылки, которую запускаем в Sendy.

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

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

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

Экспорт сайта с Tilda

Экспорт доступен только на тарифе «Tilda Business».

Перейдите в раздел «Мои сайты» и выберите сайт который нужно экспортировать.



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

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

Подготовительные действия в нашей Панели управления

Перейдите в Панель управления хостингом и добавьте домен сайта в разделе «Сайты» → «Добавить сайт».

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

Размещение сайта

Разместить файлы скачанного ранее сайта можно с помощью FTP-клиента или через раздел «Файловый менеджер» в Панели управления хостингом.

Корневая директория сайта располагается по пути


Если будете размещать сайт при помощи Файлового менеджера Панели управления, нажмите кнопку «Загрузить файл» и выберите на локальном устройстве ваш архив — он будет иметь вид: project12345_123456789.zip.


Выберите архив и распакуйте его, нажав на кнопку «Извлечь архив» .

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

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

Проверка работы сайта

Если ваш сайт настроен так, что доступен только по основному имени, для тестирования воспользуйтесь инструкцией.

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

Перенос почты

Доменная почта на сервисе Tilda работает с помощью «Яндекс.Коннект».

Если вы пользовались почтой на сервисе Tilda и хотите ее сохранить, перейдите в раздел «Перенос почты на внешние сервисы» в меню управления сайтом и нажмите кнопку «Домен уже подтвержден» напротив Яндекса.

Также можно выбрать и другие доступные сервисы.

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

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

Перенос домена

Сайт откроется с нашего хостинга по основному имени после обновления кеша DNS на серверах провайдеров. В среднем этот процесс занимает от 2 до 8 часов, максимальный срок — до 72 часов.

Читайте также: