Як перенести сайт з Tilda на власний хостинг і зберегти роботу всіх елементів!

Як перенести сайт з Tilda на власний хостинг і зберегти роботу всіх елементів!!

Kwiga logo
by Любомир Сірський
Copywriter at Kwiga

Привіт, шановні читачі! У цій статті ми хочемо поділитися з вами вирішенням питання, з яким стикаються експерти-початківці та продюсери при створенні сайту чи лендінгу. Найчастіше вони використовують різноманітні конструктори. Один із найпопулярніших майданчиків для збору веб-сторінок — Tilda. Відповідно, створивши сайт на Tilda, можливо, з часом у вас з'явиться бажання чи необхідність перенести його на інший хостинг. Погляньмо, як перенести сайт так, щоб усі елементи зберегли свою роботу. Не будемо вас затримувати, приємного читання!

Підготовка

Насамперед варто відзначити, що викачати сайт можна лише на платному тарифі "Бізнес". Інших способів, на жаль, немає. При цьому достатньо оплатити місячну підписку, щоб завантажити код для розміщення на вашому хостингу.

В ролі прикладу використовуємо шаблонний сайт із формою замовлення. Зазначені нижче дані ви можете змінити на ті, які необхідні для вашої веб-сторінки.

Спочатку ми трохи попрацюємо з вашим хостингом. Створюємо на ньому субдомен "Transfer" і розташовуємо на ньому файл form.php. Ви також можете придумати власну назву, але важливо, щоб розширення файлу залишалося .php!

У ньому міститься код нашої форми з усіма важливими даними:

  • на який e-mail будуть надсилатися заявки;
  • з якого сервера будуть надходити заявки;
  • заповнення форми;
  • відображення всіх полів у отриманому листі;
  • повідомлення про успішне відправлення форми чи помилку.

Вказуємо дані для вашого сайту та зберігаємо зміни.

Після того, як ми виконали цю роботу, вам потрібно перейти назад до інтерфейсу Tilda та зайти в налаштування сайту.

Переходимо в розділ "Форми", знаходимо внизу сторінки Webhook, клацаємо по ньому та вказуємо URL файлу .php, який ми створювали раніше.

Після введення URL натискаємо кнопку "Зберегти" та чекаємо повідомлення про успішне підключення форми.

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

Перенесення веб-сайту

Коли ми це все зробили, заходимо в налаштування сторінки на Tilda та переходимо в розділ "Експорт".

Ще раз варто нагадати, що у вас має бути підключено платний тариф "Бізнес". Інакше ви будете просто стукати в рельсу :)

Обираємо пункт "Завантажити zip-архів", ознайомлюємося з правилами експорту та тиснемо кнопку "Почати експорт".

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

Після експорту ви отримуєте посилання на розташування архіву. Переходимо по ньому та викачуємо файли на ПК:

Після отримання архіву розпаковуємо його та переходимо назад на ваш сервер. Там знаходимо та відкриваємо папку, яку ми щойно розархівували.

Обираємо всі файли та переносимо їх на ваш хостинг перетягуванням курсору. Чекаємо, допоки файли будуть перенесені.

Далі нам треба змінити назву файлу htaccess. Для цього двічі (з перервою) клацаємо по назві та додаємо перед нею крапку. Натискаємо "Enter", після цього повинна вийти така картина.

Отже, сайт перенесено. Настав час перевірити, чи правильно він працює.

Перевірка сайту

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

Готово: за адресою відкривається наш сайт. Тепер перевіримо роботу форм, ввівши в них рандомні дані та натиснувши кнопку "Залишити заявку".

От халепа! Відправлення даних неможливе. Тому нам потрібно вказати в Tilda домен, який ми використовуємо.

Переходимо назад у налаштування нашої сторінки в Tilda та вибираємо пункт "Домен". Після цього вводимо адресу нашого домену та тиснемо кнопку "Зберегти зміни".

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

Форму відправлено. Перевіряємо пошту та дивимося, чи прийшов лист із даними.

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

Підсумки

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

  • домен;
  • файл form.php (чи будь-яка інша назва з розширенням .php) на своєму хостингу;
  • підключений Webhook на Tilda в розділі "Форми";
  • викачаний код сайту, який ми потім розмістимо на хостингу;
  • змінений файл htaccess.

Ще один важливий момент: переміщений сайт повинен залишатися у вашому обліковому записі в Tilda. При цьому до нього за замовчуванням буде підключено тариф "Free" (ви не платитимете за його роботу). Якщо ви видалите сайт з облікового запису, то форми не будуть відправлятися на ваш хостинг. Відповідно, ви не будете отримувати заявки від клієнтів.

Якщо у вас залишилися питання чи побажання, то обов'язково пишіть їх у коментарях до статті. Ми своєчасно відповімо на них, а найскладніші питання розберемо в наступних лайфхаках!