В этой статье я расскажу о том, как экспортировать код с Webflow на бесплатном тарифе. Ниже скриншот моего аккаунта, как видите тарифный план 0 $/mo

Первое что мы делаем это публикуем наш сайт.

Скачиваем и загружаем программу visual studio code.

Открываем сайт в браузере, нажимаем правой кнопкой мыши и выбираем просмотр код страницы.

Выделяем весь код (Ctrl+A) и копируем.

Находим ссылку на стиль (Ctrl + F) в поиске пишем «.CSS» (1), копируем и вставляем в браузер (2), теперь выделяем всё (Ctrl + A) и копируем стили (3).

Возвращаемся в программу, создаём файл styles.css (1), вставляем код. в файле index.html вместо ссылки на стиль прописываем путь к файлу стилей «./styles.css». (2)

Теперь находим ссылку на JavaScript (Ctrl + F) в поиске пишем «.js» копируем её (1) и вставляем в браузер (2). Копируем скрипт (3), создаём новый файл script.js (4) и вставляем в него скопированный код (5). В файле index.html вместо ссылки на javascript прописываем путь к файлу скрипта (6).

Открываем расширения, находим и устанавливаем Live Server (1), внутри html кода нажимаем правой кнопкой мыши и выбираем «Open with Live Server» (2), и вот мы видим, что экспортированный сайт открывается (3).

Также, как и с первой страницей меняем ссылки на стиль и скрипт.

В файле index.html находим ссылку-путь contact (1) и добавляем в конце .html (2), теперь наша ссылка корректна.

Открываем экспортированный сайт, и видим, что всё работает, теперь эту папку архивируйте и загружает на ваш хостинг, распаковывайте её на хостинге, на этом всё ваш сайт в интернете.

Если у вас всё получилось ставьте лайки, а если вам ещё и понравилось тогда подписывайтесь на мой ТГ канал: tipadigital.