В этой статье я расскажу о том, как экспортировать код с Webflow на бесплатном тарифе. Ниже скриншот моего аккаунта, как видите тарифный план 0 $/mo.
Первое что мы делаем это публикуем наш сайт.
Скачиваем и загружаем программу visual studio code.
Открываем сайт в браузере, нажимаем правой кнопкой мыши и выбираем просмотр код страницы.
Выделяем весь код (Ctrl+A) и копируем.
Создаём на компьютере папку.
Открываем visual studio code, открываем нашу папку (1), создаём файл index.html (2) и вставляем в него код (3), нажимаем правой кнопкой мыши выбираем Format Document (4).
Находим ссылку на стиль (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).
Если у вас есть значок «Made in Webflow», напишите в комментариях под ЭТИМ постом в моём ТГ канале, слово "значок" и я вам помогу.
Всё хорошо, но другие странице и ссылки на них ещё не работают.
Поэтому мы возвращаемся на сайт с webflow, и в качестве примера сделаем страницу контакты, также копируем код страницы (1), создаём новый файл, называем его contact.html (2), вставляем скопированный код, нажимаем правой кнопкой мыши и выбираем «Format Document» (3).
Также, как и с первой страницей меняем ссылки на стиль и скрипт.
В файле index.html находим ссылку-путь contact (1) и добавляем в конце .html (2), теперь наша ссылка корректна.
Открываем экспортированный сайт, и видим, что всё работает, теперь эту папку архивируйте и загружает на ваш хостинг, распаковывайте её на хостинге, на этом всё ваш сайт в интернете.
Если у вас всё получилось ставьте лайки, а если вам ещё и понравилось тогда подписывайтесь на мой ТГ канал: tipadigital.