Как скачать лендинг

Приветствую

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

Шаг 1 — скачиваем расширение WebScrapBook

Для скачивания интернет-ресурсов есть множество программ. Да-да, их действительно очень много, но здесь мы обратим внимание на Гугловское расширение для браузера Chrome. Оно называется WebScrapBook. С ним скачивание любых сайтов из интернета становится плевым делом нескольких минут. 

Скачать данное расширение можно по этой ссылке>>>

Когда расширение будет скачено, его придется установить. Установка стандартная. Теперь начинаем его настраивать. Для этого жмем на иконку расширения и из выпадающего списка выбираем «Options».

Чтобы скачивание лендинга было корректным, код страницы необходимо будет сохранить со всеми ява скриптами, иначе некоторые элементы не будут выполнены. Делаем настройки, как на фото внизу и жмем на кнопку «Save».

Для скачивания чужого лендинга прежде всего переходим на него. Потом входим в расширение и давим на клавишу «Capture tabs». После этого начнется скачивание страницы. Она будет сохранена в папке «Downloads\WebScrapBook\data».

Расширение все сохранит в точности, но у него есть один недостаток — все скрипты и картинки сваливаются в одну кучу. Чтобы было удобнее настраивать скаченный лендинг, все материалы можно раскидать по папкам.

Шаг 2 — настраиваем форму заказа

Итак открываем папку, в которой находится скаченный нами сайт, и начинаем редактировать файл index.html. Открыть его можно при помощи любого текстового редактора, однако наиболее функциональным в этом плане будет все таки Notepad++.

В коде ищем форму заказа, ориентируясь на «<form». У вас будет не точно так, как на фото ниже, но примерно:

Эту часть кода мы удаляем, а на ее место вставляем

action=»send.php» method=»POST» name=»order-form» accepted-charset=»utf-8″

Ищем строку «$email2=»  и против нее вписываем свой емейл, куда бы вы хотели, чтобы поступали заявки.

Архив с необходимыми файлами можно скачать здесь>>>

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

Удачи!!!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

ПОНРАВИЛСЯ ПОСТ? КЛИКНИ НА КНОПКУ СОЦИАЛЬНЫХ СЕТЕЙ ↓↓↓