Как сделать копию сайта на тильде

Обновлено: 07.07.2024

Как перенести сайт на Тильду? Этим вопросом задаются многие владельцы сайтов и специалисты, по достоинству оценившие возможности Тильды. Но как быть, если у тебя есть сайт на Wordpress или 1C-Битрикс и ты, как и многие, решил перейти на Тильду?

К сожалению, ответ неутешительный. На чем бы не был сделан ваш сайт, не существует возможности его автоматического переноса. Чтобы перенести сайт на Тильду, вам придется с нуля создавать его в Тильде. Вы можете практически один в один воспроизвести дизайн (возможности Тильды, в частности, Zero Block, это позволяют), но все содержимое вам необходимо вручную добавлять в блоки конструктора. Переподключать домен. Даже фавикон вам придется вручную грузить в Тильду.

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

Подготовка

В первую очередь, стоит отметить, что выкачать сайт можно только на платном тарифе “Бизнес”. Иных способов, к сожалению, нет. При этом достаточно оплатить месячную подписку, чтобы скачать код для размещения на вашем хостинге.

В качестве примера используем шаблонный сайт с формой заказа. Указанные дальше данные вы можете изменить на те, которые необходимы для вашей веб-страницы.

Для начала мы немного поработаем с вашим хостингом. Создаем на нем субдомен “Transfer” и располагаем на нем файл form.php. Вы также можете придумать собственное название, но важно, чтобы расширение файла оставалось .php!

В нем содержится код нашей формы со всеми важными данными:

Указываем данные для вашего вебсайта и сохраняем изменения.

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

Переходим в раздел “Формы”, находим внизу страницы Webhook, щелкаем по нему и указываем URL файла .php, который мы создавали ранее.

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

Перенос вебсайта

Когда мы это все проделали, заходим в настройки страницы на Tilda и переходим в раздел “Экспорт”.

Еще раз стоит напомнить, что у вас должен быть подключен платный тариф “Бизнес”. Иначе вы будете попросту стучать в рельсу :)

Время экспорта зависит от сложности сайта. Чем больше подключенных форм и блоков — тем дольше страницы будут выкачиваться в zip-архив (то есть, скорость зависит от наполнения).

После экспорта вы получаете ссылку на расположение архива. Переходим по ней и скачиваем файлы на ПК:

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

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

Дальше нам нужно изменить название файла htaccess. Для этого два раза (с перерывом) щелкаем по названию и добавляем перед ним точку. Нажимаем “Enter”, должна получиться следующая картина.

Итак, сайт перенесен. Наступило время проверить, насколько правильно он работает.

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

Запустим ваш проект, но уже с вашего сервера. Для этого вводим в строку браузера наш Webhook URL, который использовался ранее, и жмем “Enter”.

Готово: по адресу открывается наш сайт. Теперь проверим работоспособность форм, введя в них рандомные данные и нажав кнопку “Оставить заявку”.

Вот незадача! Отправка данных невозможна. Поэтому нам нужно указать в Tilda домен, который мы используем.

Переходим обратно в настройки нашей страницы в Tilda, выбираем пункт “Домен”. После этого вводим адрес нашего домена и жмем кнопку “Сохранить изменения”.

Теперь перезапустим наш сайт и попробуем повторно заполнить форму.

Форма отправлена. Проверяем почту и смотрим, пришло ли нам письмо с данными.

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

Итоги

Давайте еще раз подсуммируем, что нам нужно для переноса сайта с Tilda на свой хостинг:

домен;
файл form.php (или любое другое название с расширением .php) на своем хостинге;
подключенный Webhook на Tilda в разделе “Формы”;
выкачанный код вебсайта, который мы потом размещаем на хостинге;
измененный файл htaccess.

Еще один важный момент: перемещенный сайт должен оставаться на вашем аккаунте в Tilda. При этом к нему по умолчанию будет подключен тариф “Free” (вы не будете платить за его работу). Если вы удалите сайт из учетной записи, то формы не будут отправляться на ваш хостинг. Соответственно, вы не будете получать заявки от клиентов.

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

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

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

Подготовительный этап

WordPress написан на PHP, поэтому требует от хостинга поддержки этого языка web-программирования. Без хостинга и баз данных MySQL движок работать не будет, но настройка хостинга – это только один из этапов. Нужно будет настроить саму CMS-систему и только затем переходить к переносу данных. Особое внимание сайтам нужно будет уделить, если требуется не только перенос данных/страниц, но и доменного имени с сохранением позиций в поиске. Итак, начнём.

Выбор хостинга

Сервисов, соответствующих минимальным техническим требованиям WordPress, огромное множество, это практически любой shared-хостинг. Но это не значит, что все хостинги однотипны и их функционал практически ничем не отличается. Где-то могут применяться нестандартные (самописные) хостинг-панели, где-то имеется поддержка SSH-подключений (можно использовать linux-команды в консоли), кто-то предлагает автоматическую установку CMS в пару кликов и т.д.

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

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

Свой домен

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

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

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

Процесс обновления DNS-системы может занимать до 3-х суток, всё это время и в течение периода, необходимого для переноса данных, сайт будет недоступен в ПС. Это может негативно отразиться на SEO.

Установка и настройка WordPress

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

Подробная инструкция по установке и настройке WordPress приведена здесь.

Помимо базовых настроек вы можете уделить внимание почте для домена (для уведомлений с сайта и просто переписки с клиентами будет использоваться корпоративный адрес почты вида account@ваш-сайт.ру) и смене редактора (штатный редактор страниц Gutenberg работает с блочным контентом, но он не такой удобный, как Elementor).

Перенос данных с Tilda на WordPress

Платформа Tilda позволяет экспортировать созданные страницы для размещения их на своём сервере. Но проблема в том, что экспортирование доступно только на отдельном тарифе (Business), а сами страницы экспортируются только в HTML. Часть блоков и скриптов экспортируется отдельно, что усложняет перенос динамического контента. Есть возможность использования API, но это путь для профессиональных разработчиков.

Поэтому фактически данные придётся переносить вручную. Какие именно данные нужно переносить:

Формы (обратная связь, запрос обратного звонка, отправка файлов, заполнение комментариев к статье и т.п.).
Мета-теги (title и description каждой страницы, другие теги, необходимые для поисковых систем, мобильных платформ, социальных сетей и т.п.).
URL-страниц (адрес страниц в WordPress можно указать вручную, но структура адресов разделов и рубрик генерируется автоматически, поэтому придётся настраивать редиректы).
Тексты, изображения, видеозаписи и другой медиаконтент со страниц.
Стиль оформления (Tilda использует много профессиональных анимаций и переходов, общий внешний вид можно реализовать за счёт уникального или премиум-шаблона, его можно сделать на заказ или приобрести готовый лот на соответствующих площадках).
Виджеты/отдельные значимые блоки на страницах.
Структура меню (особо будет важна для старых/постоянных пользователей).
Коды аналитик, сторонних сервисов (онлайн-калькуляторы, презентации, карты и т.п.).

Способ, который гарантирует отсутствие проблем и полное погружение в структуру данных – ручной. Но если страниц много, он займёт больше времени. Поэтому лучше привлечь средства автоматизации. Теперь о каждом способе отдельно.

Ручной перенос

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

На что нужно обратить особое внимание:

Форматирование (стиль начертания, размер шрифта, расположение текста относительно других блоков, анимации переходов и т.д.).
Изображения и видеофайлы (если они загружались не через специальные сервисы) нужно предварительно сохранить на свой ПК, а потом уже загрузить на новый сервер. В отдельных случаях могут помочь специальные плагины, например, Import External Images.
Аналогичным образом нужно скачать и пересохранить другие файлы (например, текстовые документы, таблицы, прайсы и т.п.).
Если контент вставляется с помощью специального кода, например, как ролики с YouTube, нужно скопировать этот код или перейти в соответствующий сервис и получит новый код для вставки.
SEO-атрибуты и URL. Обязательно скопируйте title и description, если хотите, чтобы ваши страницы сохранили свои прежние позиции в поиске. WordPress позволяет указывать URL вручную, поэтому вы можете сохранить старые ссылки для многих страниц (для некоторых таксономий добавляются автоматические части адреса, но и их можно убрать с помощью специальных плагинов).

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

Автоматический перенос c помощью официального плагина

Tilda не ограничивает взаимодействие с другими платформами. Разработчики даже предлагают специальный плагин, с помощью которого, можно настроить выгрузку страниц с Tilda в блог на WordPress. Взаимодействие происходит по API, функционал доступен только на тарифе Business.

Так вы можете перенести все страницы из Tilda. Лучше всего перенос осуществлять в шаблоны без боковых колонок (рассчитанные на всю ширину страниц).

Полный экспорт всего проекта на Tilda через API

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

Смысл выгрузки сводится к тому, что предварительно в проекте нужно задать названия каталогов, в которых будет хранится тот или иной тип контента: js, img, css и т.д.

Чтобы организовать соотнесение нужной страницы с нужным контентом, нужно организовать перебор массива элементов в цикле. Получить список всех страниц проекта можно с помощью getpageslist. Данные для отдельной страницы в массиве – getpagefullexport.

Экспорт страниц через RSS

Платформа выгружает в ленту только сокращённую версию страниц. Зато такой метод подходит для любого тарифа Tilda (функция экспорта не нужна).

Выводы и рекомендации

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

Без перехода на дорогой тариф можно воспользоваться RSS-лентой. Если ни один из предложенных вариантов не подходит, всегда можно нанять специалиста или воспользоваться специальным сервисом, таким как CMS2CMS (платный, в случае с Tilda нужно выбирать перенос HTML -> WordPress).

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

Почему стоит выбрать Tilda

Как все конструкторы, Tilda позволяет сделать сайт без специальных знаний. Интерфейс платформы интуитивно понятный. На каждом этапе работы система подсказывает пользователю следующие шаги. Готовые шаблоны и модули позволяют быстро создать красивый и функциональный ресурс.

У Tilda есть недостатки, которые будут рассмотрены ниже. Но главный из них нужно обсудить сразу.

Стоимость Tilda

Пользователям доступны три тарифных плана: Free, Personal и Business.

Возможностей бесплатного тарифа хватит для создания сайта-визитки. Пользователь получает 50 Мб дискового пространства, возможность создать один сайт и до 50 страниц. План Free предполагает доступ только к части модулей. Поэтому функциональность сайтов на бесплатном тарифе ограничена.

Доступ к конструктору сайтов стоит 6000 рублей в год. Это неоправданно дорого. Полноценный сайт на любой CMS, например, WordPress, Joomla!, Drupal, OpenCart, обойдется гораздо дешевле.

Тариф Business включает все возможности Personal. Дополнительно пользователь может создавать до пяти сайтов. Главное отличие — возможность экспортировать код и установить Tilda на свой сервер.

За подключение по тарифу Business нужно платить 1000 рублей в месяц или 12 000 рублей в год. Обратите внимание, услуги хостинг-провайдера нужно оплачивать отдельно.

Выбор тарифа зависит от формата сайта и потребностей владельца. Принять решение поможет таблица.

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