Как сделать точную копию Landing Page у себя

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

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

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

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

Требования:

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

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

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

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

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

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

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

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

Скачать скрипт можно только после его покупки.

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

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

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

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

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

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

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

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

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

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

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

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

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

редактор

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

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

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

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

В пункте меню «Изображения» настраивается уникализация картинок: отзеркаливание и водяной знак:

Функция «Выгрузить архив» позволяет сохранить весь лендинг пейдж в архив.

В принципе, для настройки под себя достаточно инструментов, но никто не отменял возможность редактировать html напрямую.

В каких случаях что-то не будет работать

Такое может быть, что целевой landing page использует не только Javascript, но и php-скрипты на действия. Т.е., когда вы что-то делаете на странице, идёт обращение к php скрипту на сервере. Такое скачать не возможно, потому что скрипт возвращает результат, в зависимости от действий посетителя. Но такое бывает крайне редко и при ручном вмешательстве также интегрируется куда надо.

Вот в принципе и всё, успехов!