экспорт исходного кода и api
Перенос сайта с тильды на свой хостинг с рабочими формами
Сегодня поговорим об экспорте кода сайта сделанного с помощью конструктора Тильда, что вы потеряете, а что сможете восстановить.
В начале статьи для тех, кто еще не нашел хостинг, рекомендую покупать хостинг у проверенных хостеров, у которых нормальные тарифы и хорошие условия:
Хочу заметить сразу, что экспортировать код сайта из конструктора вы сможете только оплатив тариф Business.
Экспорт кода можно делать только при активной подписке Business
В руководстве Тильды написано, что при экспорте кода на свой хостинг часть функций отключается.
Итак, что именно отключается при экспорте кода:
А вот самый главный и важный вопрос на миллион долларов: Как же сделать так, чтоб после экспорта сайта с Тильды формы по-прежнему передавили свои значения, и сайт снова смог собирать такие нужные лиды.
Процедура настройки форм после переноса сайта с Тильды
Ловите один лайфхак (на самом деле их несколько), который сможет сохранить работу форм после переноса сайта на свой хостинг.
Созданный вами файл form.php перенесите на свой хостинг в корень папки с будущим сайтом.
Теперь переходим в интерфейс Тильды и идем в настройки сайта. Во вкладке «Формы» ищем сервис «Webhook» :
Вставляем в поле адрес вашего файла на вашем хостинге в формате:
Получилось? Отлично, идем дальше. Нажимаем кнопку «Добавить» в Тильде, затем подключаем сервис Webhook ко всем формам сайта и переопубликовываем все страницы сайта в Тильде.
Опускаемся вниз страницы и кликаем на «Начать экспорт»
В следующем окне вам нужно дождаться окончания формирования архива для вас. После чего появится ссылка на скачивание архива.
Качайте и разархивируйте. Внутри будут все файлы вашего сайта. Зайдите на свой хостинг и скопируйте все содержимое туда же, где уже лежит файл form.php. Далее вам необходимо будет переименовать файл htaccess в .htaccess — он находится в корне папки.
Дальше снова возвращаемся в настройки сайта на Тильде. Заходим во вкладку «Домен» и прописываем сюда ваш домен.
Если вы подключали Домен к Тильде и изменяли записи типа A на ip-ники Тильды, то вам нужно не забыть потом изменить эти ip на значения своего хостинга.
Вот и все. Сайт готов, пользуйтесь на здоровье! В дальнейшем расскажу вам еще о некоторых способах оживления форм поле переноса.
2 комментариев к записи « Перенос сайта с тильды на свой хостинг с рабочими формами »
Здравствуйте. Можете подсказать, почему при заполнении формы Webhook тильда выдает ошибку «[404] Url not found». Делала все по вашей инструкции. Домен и хостинг есть, файл с php прописан в корневой папке. Но не подключается форма
Здравствуйте, а дайте ссылку на ва вебкух. то, что вы вставляете в поле вебхука
Экспортированный с Тильды сайт: как вернуть формы?
Тильда, по сравнению с другими конструкторами сайтов, даёт простор для работы с фидбэком: 10-ки тонко настраиваемых форм, интеграции со всем: от мессенджеров и почты до сервисов по рассылке и CRM. Формы в подвале, обложках, поп-апах, отправка целей, внутренняя Tilda-CRM.
Плохо лишь одно — это изобилие развалится при экспорте Тильдо-сайта на сервер, чтобы перестать платить минимум 6 тысяч в год.
Для многих, увеличение расходов на ТП-Тильды — лишняя трата денег. Но при экспорте готового настроенного сайта из Тильды на хостинг:
Виджеты Тильды
В самой Тильде сделать обратную связь довольно просто:
Также здесь находится URL уникальной страницы Тильды, просмотр которой нужно задать в Метрике и Google Analytics как достижение отправки формы. В «Контенте» блока формы настраиваются шапка, текст, поля, плейсхолдеры, подключатся интеграции. Сложностей обычно это не вызывает ни у кого.
Плюсы и минусы стандартных форм ТильдыПлюсы:
Минус один, но очень жирный. Нельзя выгрузить сайт с Тильды на хостинг. В противном случае функции пропадут.
Формы Яндекс и Гугл
Многие в поисках спасения обращаются к самому очевидному варианту — сервисы для создания форм от Яндекса и Гугла. Оба варианта реализуются вставкой готового кода через блок тильды «HTML-код».
Яндекс.Форма на Тильде
Создадим простой фидбэк через сервис Яндекса:
Плюсы:
Минусы:
Гугл Формы + Тильда
Также как и Яндекс.Формы, сервис google.forms.com больше подходит для создания анкет на сайтах, но можно изловчится и сделать подобие обратной связи.
Но в этом случае данные нельзя получить даже на почту — только обрабатывать внутри сервиса.
Написать форму с нуля
Обратную связь на выгруженном сайте можно настроить вручную. Это под силу человеку с базовыми знаниями безопасного программирования, который владеет PHP, jQuery, AJAX. Чисто технически, форма на сайте уже есть. Понадобится только заново настроить обработку отправляемых данных, уведомления на почту, вебхуки для интеграций, отправку без перезагрузки и достижения целей в метрике.
К сожалению, в рамках этой статьи разобрать всё многообразие задач со всеми блоками форм тильды не получится точно (полная инструкция есть здесь), но поделится простым рецептом восстановления работы экспортированной формы мы можем:
Плюсы:
Минусы:
Платные и условно бесплатные сервисы
Сервисов для конструирования форм и обработки заявок 10-ки, если не сотни. Почти все они условно-бесплатны, то есть имеют ограниченный функционал на бесплатных тарифах.
Плюсы бесплатных версий:
Пожалуй, на этом все. Функции бесплатных сервисов ограничены. Доступ к платным версиям обычно по подписке. Стоит это от пары сотен до нескольких тысяч в месяц. Естественно, бесплатные тарифы подразумевают много ограничений:
Среди всего многообразия платформ привлекает QForm24 (это мы). Во-первых, сервис полностью бесплатный, и не перестанет им быть — дополнительный платный функционал только в разработке и не будет обязательным.
Пример жёстких ограничений на популярных конструкторах форм
Плюсы:
Tilda — удобный конструктор. Но пользоваться ей только ради работы форм обратной связи не слишком выгодно. Если у вас не получается или нет возможности реализовать весь функционал самостоятельно, обратите внимание на QForm24.com — он полностью бесплатен и поможет восстановить форму, оставшуюся без стандартного обработчика Тильды.
Стоит ли экспортировать сайт с tilda?
Я лично думаю, что такой код не будет хорошо работать на других хостингах так как постоянно будет ссылать на tilda.
С чего он должен куда-то ссылать, особенно если был подключен свой домен, который вы в последствии вместе с сайтом с тильды отключаете?
А так на выходе получится нечитаемая каша из кода в которую нельзя внести правки и соответственно в дальнейшем работать в принципе с этим. Работать-то оно будет, не считая интеграций каких-то из настроек тильды и т.д.
Помимо этого там еще есть анальные ограничения «правила» для экспортируемого сайта.
Не уверен что это имеет хоть какую-то юридическую силу, но в целом нечитаемость сама по себе делает невозможным использование того что вы получите на выходе как обычный сайт.
Так что если планируете сваливать с тильды заранее, то лучше тогда не начинать там работать.
Проще купить тему-конструктор(ну или плагин конструктор) для вордпресса какого-нибудь где абсолютно так же из блоков в админке соберете свой сайт.
Почитал ответы, вреде все правильно, но попахивает адовым хейтом тильды и пора развеять пару заблуждений.
Я лично думаю, что такой код не будет хорошо работать на других хостингах так как постоянно будет ссылать на tilda.
А чего бы ему начать работать хуже? Да и хуже это как?
Есть одна тонкость. Если вы сделали сайт на тильде и на сайте есть хоть одна интеграция (формы, шрифты и прочее), то вы даже экпортировав сайт дальше оплачиваете тильду, ибо интеграции просто перестанут работать, а сайт превратится в балласт.
В остальном ничего хуже работать не начнет.
Теперь о фундаментальном. «Стоит ли экспортировать сайт с tilda?».
А зачем? Сайты делают на тильде не для того, чтобы протащиться с кода или носиться с этим сайтом по разным хостингам. Тильда это инструмент, который задумывался для использования в одном месте.
Вы экпортнете сайт, зальете на хостинг, потом понадобится внести правки и по новой нужно перезаливать. В целом это менее удобно, чем держать его на тильде.
Другой вопрос: «Для чего вы делали сайт?». Мб вы планировали постоянно кастомизировать сайт, то тильда не сильно для этого подходит. В ней вы в лучшем случае обновите верстку и контент на сайте.
Мб действительно присмотритесь к другим админкам?
Переносим страницу с Тильды на сайт: наш опыт, сложности и советы
Экспортировать на свой движок собранную на конструкторе страницу да еще с адаптивной версткой и настроенными формами — значит сэкономить кучу времени и денег.
Мы тоже так думали. Поэтому, когда в рамках спецпроекта «Агентство в фокусе» взялись обновлять страницы, решили делать прототипы на Тильде. Привлекла возможность редактировать страницу в реальном времени и сразу тестировать отображение на нескольких платформах. Это должно было в несколько раз ускорить редизайн основных страниц сайта, но кое-что пошло не так…
Рассказываем, почему отказались от экспорта кода и в итоге верстали страницу с нуля.
В чем проблема
Мы изучили код на Тильде и решили, что скопировать его прямиком на сайт — плохая затея. В конструкторе куча стилей и классов, которых нет у нас.
Если внедрить стили с Тильды на сайт, в экспортированном коде будет сложно разобраться. Попытка отредактировать его станет испытанием для специалистов.
Минификация упрощает исходный код, но с такой страницей неудобно работать
Представим, что мы хотим изменить дизайн страницы. Для этого надо разминифицировать код и разобраться со стилями, которые прописаны напрямую в атрибутах. Это займет кучу времени.
Сложно работать и с классами, названия которых в коде Тильды — бессвязный набор символов.
«product-class» понятнее, чем «r t-rec t-rec_pt_0 t-rec_pb_0»
Код Java Script прописан непосредственно в html разметке страницы
Что мы сделали
Мы поняли, что проще и быстрей сверстать все с нуля. Прототип на Тильде использовали как макет. Процесс прост:
Выводы
Конструкторы, в частности Тильда, отлично подходят для сбора прототипов и макетов. Но код на Тильде генерируют скрипты, и он непонятен для человека. Его сложно редактировать вручную.
Рекомендуем использовать функцию экспорта кода, когда основной сайт тоже разработан на Тильде.
В остальных случаях советуем верстать страницы вручную.
P.S. Мы не отказываемся от Тильды полностью — ее удобно использовать для решения других задач:
А еще мы верстаем в Тильде письма для email-рассылки, которую запускаем в Sendy.
Раз в 2 недели мы делаем полезную рассылку об интернет-маркетинге. Если вы интересуетесь продвижением бизнеса в интернете, подпишитесь на нее в форме под этой статьей.
Как перенести сайт с Tilda на WordPress
Причины для переезда с Tilda на WordPress у каждого будут свои. Кому-то не хватает возможностей онлайн-платформы и нужен доступ к исходному коду, кому-то мало дополнений и интеграций, а кто-то понял, что свой хостинг и классический движок – это настоящая свобода действий.
Ниже мы подробно расскажем о том, как осуществить перенос, вне зависимости от того, какая причина вас к этому побудила. Каждый пункт инструкции вынесен отдельным разделом для удобства.
Подготовительный этап
WordPress написан на PHP, поэтому требует от хостинга поддержки этого языка web-программирования. Без хостинга и баз данных MySQL движок работать не будет, но настройка хостинга – это только один из этапов. Нужно будет настроить саму CMS-систему и только затем переходить к переносу данных. Особое внимание сайтам нужно будет уделить, если требуется не только перенос данных/страниц, но и доменного имени с сохранением позиций в поиске. Итак, начнём.
Выбор хостинга
Сервисов, соответствующих минимальным техническим требованиям WordPress, огромное множество, это практически любой shared-хостинг. Но это не значит, что все хостинги однотипны и их функционал практически ничем не отличается. Где-то могут применяться нестандартные (самописные) хостинг-панели, где-то имеется поддержка SSH-подключений (можно использовать linux-команды в консоли), кто-то предлагает автоматическую установку CMS в пару кликов и т.д.
Плюс, есть такие критерии выбора, как доступность серверов (аптайм), наличие и оперативность технической поддержки и т.д. У каждого пользователя свои критерии оценки сервиса.
Если сайт уже наработал авторитет в сети и имеет солидную аудиторию, то общий хостинг может не справиться с нагрузкой, тогда нужно задуматься об облачных решениях (с автоматической балансировкой нагрузки) или о настройке своего выделенного/виртуального сервера. Типовые конфигурации часто нерабочие или рассчитаны на крупные проекты, поэтому оставить настройки «по умолчанию» не получится.
Не хотите тратить время на поиск лучшего хостинга для WordPress? Тогда прислушайтесь к рекомендациям разработчиков движка. Bluehost – номер один в списке рекомендаций уже не первый год. Здесь есть не только специальные тарифы, но и масса профильных сервисов: установка в один клик, поддержка SSH-консоли, в оплату может быть включена подписка Jetpack, доступ к премиум-темам, имеются готовые сборки для коммерции (на базе связки WooCommerce+WordPress) и т.д. Новичков порадуют безлимитные тарифы (дисковое пространство и размер баз данных никак не лимитируется). Стоимость – от 2,95 USD/месяц (чем больше период оплаты, тем больше скидка).
Если данная рекомендация вам не нравится отсутствием русскоязычной поддержки или тем, что серверы работают не в РФ, вы можете продолжить поиски. При этом обращайте особое внимание на отзывы пользователей, особенно на негативные.
Свой домен
Наиболее сложный шаг, так как от выбранного варианта будет зависеть последовательность дальнейших технических действий. Вы можете:
Зарегистрировать новое доменное имя, выполнить все необходимые настройки движка, а данные со старого сайта просто перенести на новый сайт. При малом количестве страниц это наиболее логично и оправдано технически. Придётся поменять все ссылки и пути к файлам.
Вопрос индексации старого и нового сайта решается так: вы дожидаетесь индексации нового домена, при необходимости выполняете склейку (если поисковая система поддерживает такую процедуру, например, у ПС Яндекс есть даже специальный инструмент для этого), или на старом домене настраиваете редирект на новый домен. Редирект можно настроить на стороне регистратора домена, но многие из регистраторов не работают с HTTPS-протоколами из-за необходимости установки SSL-сертификата. А можно выполнить настройки на стороне сервера. Соответственно, нужно перенаправить старый домен на новый или отдельный хостинг и вместо установки движка просто написать свои правила перенаправления (настройки для разных типов web-серверов могут отличаться).
Алгоритм может усложниться, если вы регистрировали старый домен через Tilda (регистрация происходит на аккаунт регистратора REG.RU, поэтому перенос его в свой аккаунт не должен доставить много проблем, но если вам важна смена регистратора, то процедура уже может занять больше времени, например, делегирование возможно не ранее, чем через 60 дней после последнего переноса или после регистрации домена).
Использовать промежуточный домен (например, домен третьего уровня). Промежуточный домен направляется на серверы нового хостинга, происходит установка и настройка движка, перенос данных. После того, как всё готово, вы можете перенаправить старый домен на новый сайт (если текущий регистратор не позволяет управлять NS-записями, понадобится делегирование на другого регистратора, это может занять дополнительное время). Такой способ позволит сохранить позиции в поиске (при условии сохранения старых URL и/или правильной настройке редиректов, которые можно будет настроить на новом хостинге, ведь вы используете действующий домен).
Так как в процессе технического переноса доменное имя меняется (имеется ввиду промежуточный домен, даже поддомен здесь не равен основному домену и индексируется как отдельный сайт), нужно будет не забыть обновить базу данных нового сайта (подробности в этой инструкции).
Сразу перенаправить старый домен на новый хостинг (предварительно нужно скопировать данные со старых страниц, так как после того, как обновятся NS-записи, сайт будет недоступен в поиске, доступ к содержимому страниц можно будет получить только в личном кабинете Tilda). Такой способ переноса может подойти, если вас не интересуют старые позиции в поиске, количество страниц сайта небольшое и вам просто «нечего терять».
Процесс обновления DNS-системы может занимать до 3-х суток, всё это время и в течение периода, необходимого для переноса данных, сайт будет недоступен в ПС. Это может негативно отразиться на SEO.
Установка и настройка WordPress
Вне зависимости от того, какой вариант переноса доменного имени вы выбрали, без настройки движка никак не обойтись. Стандартный алгоритм будет выглядеть следующим образом:
Подробная инструкция по установке и настройке WordPress приведена здесь.
Помимо базовых настроек вы можете уделить внимание почте для домена (для уведомлений с сайта и просто переписки с клиентами будет использоваться корпоративный адрес почты вида account@ваш-сайт.ру) и смене редактора (штатный редактор страниц Gutenberg работает с блочным контентом, но он не такой удобный, как Elementor).
Перенос данных с Tilda на WordPress
Платформа Tilda позволяет экспортировать созданные страницы для размещения их на своём сервере. Но проблема в том, что экспортирование доступно только на отдельном тарифе (Business), а сами страницы экспортируются только в HTML. Часть блоков и скриптов экспортируется отдельно, что усложняет перенос динамического контента. Есть возможность использования API, но это путь для профессиональных разработчиков.
HTML-контент несовместим напрямую с WordPress, ведь WordPress – это динамический движок, он работает с базой данных, а HTML генерирует «на лету» (при запросе страницы).
Поэтому фактически данные придётся переносить вручную. Какие именно данные нужно переносить:
Способ, который гарантирует отсутствие проблем и полное погружение в структуру данных – ручной. Но если страниц много, он займёт больше времени. Поэтому лучше привлечь средства автоматизации. Теперь о каждом способе отдельно.
Ручной перенос
Ручной перенос будет заключаться в методичном и планомерном просмотре всех имеющихся страниц, копировании их содержимого (текста, изображений и т.п.), мета-тегов, их вставке на страницы нового сайта.
На что нужно обратить особое внимание:
Если какие-то ссылки сохранить в исходном виде не получается – используйте редирект.
Автоматический перенос c помощью официального плагина
Tilda не ограничивает взаимодействие с другими платформами. Разработчики даже предлагают специальный плагин, с помощью которого, можно настроить выгрузку страниц с Tilda в блог на WordPress. Взаимодействие происходит по API, функционал доступен только на тарифе Business.
Если вдруг ваша подписка закончится, страницы, выгруженные по API, никуда не денутся, они так и останутся на WordPress-сайте. Схема работы плагина очень проста:
Для переноса страниц нужно установить оригинальный плагин на своём wordpress-сайте и получить ключи для интеграции по API (их нужно сгенерировать в сервисе). Теперь в окне редактора при создании новой записи или страницы в WordPress можно выбрать подключение страниц из списка доступных на Tilda. После нажатия кнопки «Синхронизировать» контент загружается в WordPress.
Так вы можете перенести все страницы из Tilda. Лучше всего перенос осуществлять в шаблоны без боковых колонок (рассчитанные на всю ширину страниц).
Полный экспорт всего проекта на Tilda через API
Примеры использования функций программного интерфейса можно подсмотреть в документации разработчиков Tilda – здесь.
Смысл выгрузки сводится к тому, что предварительно в проекте нужно задать названия каталогов, в которых будет хранится тот или иной тип контента: js, img, css и т.д.
Чтобы организовать соотнесение нужной страницы с нужным контентом, нужно организовать перебор массива элементов в цикле. Получить список всех страниц проекта можно с помощью getpageslist. Данные для отдельной страницы в массиве – getpagefullexport.
Экспорт страниц через RSS
Если с API смогут справиться только опытные программисты, то для выгрузки страниц в RSS-ленту никаких специальных знаний не требуется.
Платформа выгружает в ленту только сокращённую версию страниц. Зато такой метод подходит для любого тарифа Tilda (функция экспорта не нужна).
Выводы и рекомендации
Перенос контента с Tilda на WordPress возможен даже без профессиональных знаний и навыков. Гарантированный способ переноса – ручной. Но есть и автоматические варианты. Tilda предоставляет доступ к API и даже имеет специальный плагин для интеграции с WordPress, но эти функции работают только на тарифе Business.