Как переделать под себя лендинг. Как скопировать лендинг конкурента и переделать его под себя

Получи нашу книжку «Контент-маркетинг в соц сетях: Как засесть в голову подписчиков и влюбить их в собственный бренд».

Лендинг пейдж либо посадочная страничка — сайт-одностраничник, сделанный с целью реализовать продукты, сервисы либо собрать базу контактов. Но нередко сделать либо скопировать лендинг становится неувязкой из-за нехватки познаний, инструментов либо времени. Мы поведаем о програмках и сервисах, а также, как выбрать неплохую страницу.

Что такое лендинг и для чего его копировать

Стандартная схема: пришел, увидел, сделал. Он сотворен, чтоб продавать продукт либо услугу заинтересованной аудитории.

Кто его использует:

• люди, распространяющие продукты по партнерским предложениям за комиссионные проценты;
• инфобизнесмены, собирающие контакты аудитории;
• компании, продающие физические либо интеллектуальные (например, курсы) продукты по особым предложениям либо в обыкновенном порядке.

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

Типы неплохого лендинга и принципы его выбора

Есть два типа посадочных страниц:

1. AIDA: attention, interest, desire, action; «внимание, энтузиазм, желание, действие». 1-ый шаг — вербование внимания хоть каким легкодоступным методом, не теряя при этом «лица» продукта. Из внимания выливается энтузиазм к предлагаемому предмету, потом желание выяснить о нем как можно больше и, что важнее, приобрести его.
2. PMPHS: pain, more pain, hope, solution; либо «проблема, усиление задачи, надежда, решение». Основное, верно обозначить делему и в несколько раз прирастить ее масштаб, опосля что ясно показать, что вы сможете решить ее. Нужно предложить юзеру вариант ее решения, но лишь в том случае, ежели он введет свои данные и нажмет на подходящую кнопку.

Три принципа выстроить эффективную посадочную страницу:

1. Структурировано и проиллюстрировано. Страничка симпатична, нет вырви глаз шрифтов, информация разложена по полочкам, по диаграммам, таблицам и схемам.
2. Одно предложение — одна страничка. Совершенно, ежели на одном веб-сайте рассматривается одно предложение и необходимо всего одно действие от пользователя.
3. Холодная либо теплая аудитория. Подходы для каждой категории различные. В первом случае необходимо выгодно поведать о товаре. Во втором про него уже знают, потому принципиально разъяснить свои достоинства перед конкурентами.

Что еще необходимо знать, чтоб выбрать неплохой лендинг.

• Хорошо работают и недлинные, и длинноватые посадочные странички. Исследования Brown University провели исследование, в ходе которого выявили два типа покупателей:
  • одержимые объяснениями — до покупки им необходимо выяснить как можно больше, и лишь позже они принимают решение;
  • враги разъяснений — чем меньше они знают, тем легче им приобрести либо бросить свои контакты.
  • Фотографии — наилучший метод показать ваш продукт. Ни одну картину не заменит многословное описание.
  • По результатам исследований HubSpot, процент отказа на посадочных страничках составляет в среднем 70-90%. Поглядеть на английскую инфографику можно здесь.
  • Лендинг не непременно должен что-то продавать. Это может быть посвящение городскому марафону либо, к примеру, бесплатной дегустации вина в честь какого-нибудь праздничка. В этом случае, основной упор делает на вербование внимания к мероприятию.
  • Лендинг может состоять из пары страничек. На первой — заглавие. На 2-ой — участники и т.д. И лишь на крайней будет клавиша для получения подробной инфы либо для покупки.
  • Очень принципиально знать свою аудиторию по максимуму. Не лишь пол и возраст, но и деятельность, интересы и остальные детали.
  • Содержащаяся информация непременно обязана быть написана поочередно и на языке пользователя.

Плюс одностраничников в том, что их можно создавать сходу несколько. Принципиально и качество предоставляемой вами сервисы. Люди будут приходить обучаться конному спорту конкретно у вас лишь в том случае, ежели вы будете отлично их учить. На качество не воздействую ни текст странички, ни ее красочность. А вот сарафанное радио сыграет роль бесплатного лендинга.

Сервисы для копирования лендингов

Сервисы копируют посадочную страничку, изменяют либо очищают от ненадобного кода и ссылок. Нередко они дают доп услуги.

• LPcopier. Работа с одним одностраничником стоит 300 рублей. Сервис скопирует лендинг онлайн из CPA-сетей, таковых как m1-shop.ru, kma.biz, ad1.ru. Для веб-сайтов, не относящихся к сетям, оформляется заказ копирования через группу Вконтакте. В использовании прост: довольно указать ссылку и почту для заявок. Стоимость доп услуг от 100 до 250 рублей. Умеет устанавливать админку для заказов, зрительный редактор.
• Copyland.pro. Тариф — 500 рублей за один веб-сайт. Сервис:
  • удаляет коды слежения;
  • изменяет и активирует формы, данные под заказчика;
  • помогает с регистрацией и установкой на хостинг,
  • подключает метрики.

На веб-сайте действует круглосуточная поддержка, готовая посодействовать в разрешении всех вопросцев. Опосля копирования доступно сопровождение.

• Copysta. Ресурс поддерживает три тарифа стоимость 1500, 2000 и 3000 рублей. Каждый из их предлагает:
  • копию;
  • настройку заявок на почту;
  • установку админки;
  • замену контактактов;
  • удаление кода слежения.

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

• Copiya-landinga. За 790 рублей сервис предоставляет обычный набор услуг по удалению излишнего кода, подмены инфы и опций форм заказа. Загружает веб-сайт на хостинг.
• Xdan.ru. Сохраняет веб-сайт в архиве совместно со структурой. Посторонние стили и скрипты не скачиваются. Имеются доп опции для работы с загруженным материалом.
• 7lend.club. Четыре тарифа: 500, 1100, 1500 и 3200 рублей, можно рассчитываться в баксах. В самом наименьшем доступны лишь копирование и настройка почты. За 1100 можно заменить контакты и удалить код слежения. За 1500 еще установят Метрику, админку и виджеты. Самый дорогой тариф уже заточен под техническое задание заказчика и включает в себя маленькие консультации по подбору веб-сайта и конверсиям. В этом случае вносится 50% предоплаты, которая не ворачивается даже при отказе.

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

Программы для копирования лендингов

Wget

Она считается наилучшей посреди аналогов. Последнюю версию программы можно скачать на здесь.

Чтобы Wget работала, сделайте папку с сиим заглавием в Program Files.

1. Перейдите в доп характеристики системы —> Переменные среды.
2. Выберите переменную Path со значением, содержащим путь.
3. Нажмите «Изменить».
4. Введите путь и заглавие папки в Program Files.
5. Следуйте алгоритму: командная строка—wget—enter—wget64—enter.
6. В появившемся окне введите wget — page requisites -r -l 10 адресок веб-сайта — enter.

Найти скачанный лендинг вы можете на диске C в папке с именованием компьютера.

Cyotek WebCopy

Cyotek — еще одна программа, позволяющая скопировать многостраничный лендинг.

Доступен лишь британский интерфейс.

1. В строчку Website вставьте веб-сайт, а в Save folder — путь на компьютере.
2. Нажмите «Copy website» —> «Open Output Folder», чтоб попасть в папку с файлом.

Минус данной программы в том, что время от времени шрифты скачиваются неправильно, и при открытии они укладываются в txt формат.

Teleport PRO

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

После установки и открытия, кликните на «Мастер новейшего проекта» и выберите подходящий пункт. Или все данные будут лежать в одной папке, или Teleport создаст точную копию веб-сайта. Выбирайте понравившийся метод и перебегайте далее. Введите адресок и путь сохранения файла. Скоро он загрузится.

Плагины для загрузки и редактирования посадочных страниц

ScrapBook для Mozilla Firefox

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

Как скопировать лендинг пейдж самому с помощью ScrapBook:

1. Установите плагин в магазине расширений и перезагрузите браузер.
2. Зайдите на веб-сайт, который необходимо скопировать.
3. Кликнете правой клавишей мыши и нажмите «Сохранить как». Раскроется меню.
4. На всех пт поставьте галочки. Уровень глубины охвата ссылок — 0.

Конечный итог находится в папке ScrapBook —> data. Первую можно отыскать через поиск на компьютере.

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

Firebug для Firefox

Firebug — комфортное расширение со обилием функций. Оно умеет:

• работать с 2-мя мониторами;
• добавлять веб-сайты в белоснежные и темные списки для определения поведения в сети;
• быстро появляться по нажатию F12;
• увеличивать шрифты;
• показывать живые исходники;
• подсвечивает изменения;
• находит элементы мышью;
• ищет нужные элементы на странице;
• редактирует html;
• копирует исходник.

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

Подводим итоги

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

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

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

Я не в коем случае не призываю вас к копированию чужого авторского права, статья носит только ознакомительный нрав :), но время от времени вправду в сети можно встретить высококачественный одностраничник пригодный по вашей тематике.

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

Ведь можно скопировать и вполне переработать, или просто ознакомиться с кодом и осознать как он устроен, вообще не буду долго томить, перебегаем к делу…

Скачать програмку Wget

Вариантов скопировать чужой веб-сайт может быть несколько, но я основываясь на собственной практике, советую употреблять данный метод и для него для вас будет нужно бесплатная программа Wget. Скачать для Windows вы ее сможете по ссылке http://gnuwin32.sourceforge.net/packages/wget.htm, ежели у вас иная операционная система, то просто забейте в поисковик заглавие программы “Wget” и скачивайте с официального сайта.

После того как скачали програмку, установите ее на собственный ПК, следуя инструкции.

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

И перейдите в – Дополнительные характеристики системы – Переменные среды.

Найдите там запись “Path“, нажмите поменять и добавьте строчку C:Program Fileswget, через кнопку “Создать”

Или последующим по порядку, прописав ;C:Program Fileswget

Внимание! Я прописываю адресок C:Program Fileswget, поэтому что программа Wget уставлена у меня по этому адресу, принципиально прописать ту строчку адреса, куда установилась программа у вас. Нужно чтоб адресок привел в папку, где есть файл wget.exe

Возможно, адресок который для вас придется прописать будет C:Program FilesGnuWin32bin

Готово! Программа Wget установлена на вашу операционную систему и готова к работе!

Копируем сайт

После того, как вы отыскали веб-сайт донор,зайдите в меню “Пуск” собственного ПК и в строке поиска напишите cmd.

У вас раскроется командная строчка Windows. В командной строке пропишите wget -r -k -l 10 -p -E -nc http://sitedonor.ru/, где:

• http://sitedonor.ru/ – ссылка на веб-сайт который нужно скачать;
• -r — показывает на то, что необходимо попеременно входить по ссылкам на веб-сайте и закачивать страницы;
• -k — употребляется для того, чтоб wget преобразовал все ссылки в скаченных файлах таковым образом, чтоб по ним можно было перебегать на локальном компе (в автономном режиме);
• -p — показывает на то, что необходимо загрузить все файлы, которые требуются для отображения страничек (изображения, css и т.д.);
• -l — описывает наивысшую глубину вложенности страничек, которые wget должен скачать (по умолчанию значение равно 5, в примере мы установили 10). В большинстве случаев веб-сайты имеют странички с большой степенью вложенности и wget может просто «закопаться», скачивая новейшие странички. Чтоб этого не вышло можно применять этот параметр;
• -E — добавлять к загруженным файлам расширение .html;
• -nc — при использовании данного параметра имеющиеся файлы не будут перезаписаны. Это комфортно, когда необходимо продолжить загрузку веб-сайта, прерванную в прошедший раз.

Внимание! Прописать все это будет достаточно трудно, потому просто скопируйте и вставьте:

wget -r -k -l 10 -p -E -nc http://sitedonor.ru/

Комбинация Ctrl+V в командной строке не работает. Лишь правая клавиша мышки – вставить!

Нажимайте “Enter” – веб-сайт уже скачивается.

Как лишь процесс завершится, традиционно копирование Лендинга занимает не наиболее минутки, найдите архив в последующей папке, по адресу C:/Users/имя юзера пк, у меня это Эльдар.

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

Иногда бывает, что файлы стилей либо скриптов на начальном веб-сайте имеют версии, тогда программа Wget при скачивании дописывает к файлам версию и при просмотре веб-сайта на компе в локальной версии, они не будут работать, так как ПК не распознает такие расширения, для этого проверьте все папки со стилями и скриптами и ежели увидите например:

[email protected]=6

[email protected]=2

То просто удалите знаки опосля расширения файла *.js, а конкретно @v=цифра версии, т. е. у вас обязано получиться:

wb.rotate.js

jquery-1.11.3.js

и все будет работать.

Скачиваем все изображения с сайта

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

Чтобы поправить эту делему, скачайте и установите для себя браузер Mozilla Firefox, откройте на нем веб-сайт донор, нажмите правой клавишей мыши в любом месте и выберите Информация о странице.

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

Как правило рисунки веб-сайта постоянно находятся в папках img либо images, проверьте есть ли у вас таковые и сохраняйте туда.

При копировании картинок, вы сможете направить внимание на строчку адрес (внимание на скрин выше) и сохранить их соответственно в той же иерархии, но уже в собственной папке скопированного донора на ПК!

Редактирование скопированного сайта

Для того чтоб внести конфигурации и правки в скопированный лендинг, для вас нужно открыть файл index.html , лучше в специальной програмке, хорошей от обыденного блокнота Windows.

В таковых вариантах, я постоянно пользуюсь текстовым редактором Notepad++ . Кстати скачать вы ее сможете в разделе “Полезные программы“.

Открыв файл, найдите текст который для вас нужно поменять и приступайте к редактированию, прямо на месте.

Подсказка! Используйте сочетание Ctrl+F для скорого поиска подходящей строчки. Либо Ctrl+H , чтоб отыскать и заменить.

После внесения конфигураций, сохраните файл и проверьте как все получилось.

Видео инструкция

Завершение

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

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

Ред.Как сделать php файл отправки формы.

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

Успехов для вас и до новейших встреч!

Landing Page – посадочная страничка, оформленная под продажу какого-то 1-го либо пары продуктов либо сервисы. Их специально делают чрезвычайно прекрасными и притягивающими, чтоб у человека, который попал на неё и пролистал до конца, не осталось ни одного сомнения в том, что нужно брать!

Потому разработка лендинг пейджа это драгоценное наслаждение, просит времени и фантазию. Но ведь фактически под всё уже есть лендинги! И даже продаются готовые варианты. В данной для нас статье я расскажу как взять готовую страничку, перенести к для себя на хостинг и отредактировать. Да, это по сущности воровство и вас за это могут привлечь к ответственности. Потому делать это сможете на собственный ужас и риск. Основное применение – в образовательных целях. Позже в любом случае лучше сделать собственный лендинг.

Что потребуется

Я уже говорил как скопировать хоть какой веб-сайт на комп. Этот метод работает и для Landing Page, но могут быть аспекты. Ежели вы уже пробовали схожую програмку, скачали лендинг и залили на собственный хостинг, но что-то пошло не так, то мой метод точно сработает.

Требования:

• Скрипт Dollysites (платно)
• Хостинг с поддержкой Apache либо Apache+nginx (есть у всех)
• PHP 5.6+ с установленными модулями curl, json, mbstring (в 99% стоят по умолчанию)

В принципе это всё. Принцип такой:

• На хостинг копируется скрипт, он работает как маленькая CMS
• В настройках указывается подходящий сайт

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

Возможности скрипта Dollysites:

• Удобная админка
• Визуальный редактор страниц
• Оживление форм
• Учёт заказов
• Замена текста
• Регулярные выражения
• Поддержка конфигураций на уникальной странице
• Перевод текста с помощью Yandex’а либо Google
• Синонимайзер

К слову, Dollysites работает с хоть какими веб-сайтами, не лишь лендингами.

Как установить скрипт

Скачать скрипт можно лишь опосля его покупки. Для гостей моего веб-сайта предоставляется скидка 5%, работает при переходе по ссылке:

Скачать скрипт

Далее его установка не различается от установки обыкновенной CMS:

• Копируем архив в корень либо папку сайта
• Разархивируем его в панели управления хостинга
• На последующие файлы и папки, нужно поставить права 777:
  • каталог, в котором находится скрипт (public_html либо заглавие домена)
  • файлы index.php, admin.php в корне
  • папка /lib и все файлы в ней
  • папка /system и все файлы в ней

Права, они же атрибуты, можно поменять в панели управления хостинга.

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

Настраиваем копирование

Вводим URL и кликаем в хоть какое пустое место, чтоб определилась шифровка странички и жмем «Далее»

На последующей страничке опций мастер дает выбрать режим кэширования. Тут необходимо бросить по умолчанию – «Файлы», а также поставить галочки на «Подключаемые JS/CSS» и «Изображения». Это необходимо для того, чтоб копировались все скрипты и рисунки, даже те, которые подгружаются с поддоменов.

Нажимаем «Далее» и сейчас всё готово, уже должен открыться «ваш» landing.

Какие есть настройки

Когда вы залогинены в админке, то на всех страничках скопированного лендинг пейджа в левом верхнем углу будет меню.

Визуальный редактор дозволяет редактировать текст, изменять оформление, добавлять/изменять/удалять рисунки, ссылки и т.д.

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

Дальше настройка происходит в контрольной панели (админке). В разделе «Скрипты» можно созидать, редактировать и отключать подключаемые на страничке скрипты, в том числе inline-вые, т.е. интегрированные с помощью тегов <script></script>

С помощью замен в тексте можно поменять все вхождения одних слов либо кода на остальные, к примеру, «Киев» на «Москва». Для вырезания кода комфортно воспользоваться постоянными выражениями. Также можно добавлять собственный код, ежели ввести, к примеру, подмену «</body>» на «код</body>» мы добавим собственный код в самый конец страницы.

На вкладке «Контент» можно включить переводчик либо синонимайзер, но в рамках моделирования лендингов эти функции не нужны:

В пт меню «Изображения»…