Шаблоны landing page бесплатно — 65 готовых шаблонов одностраничных сайтов + инструкция

Что хочу сказать перед тем, как вы начнете читать далее. Пожалуйста, не задавайте мне вопросов, если при работе с шаблонами у вас появляются какие-то ошибки и т.д. Я не могу смотреть сайты каждого и решать проблемы. Я НЕ КОДЕР и просить своих верстальщиков исправлять ошибки на ваших сайтах я тоже не могу. Шаблоны отдаю бесплатно, но если вам требуется доработка, то обращайтесь к фрилансерам. Прошу понять меня правильно.

Что делать с шаблонами landing page

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

А шаблоны landing page — это самый дешевый способ попробовать себя в каком-то бизнесе или виде заработка. Вы можете начать оказывать любую услугу или продавать товар уже завтра. А благодаря тому, что шаблонов 65, вы можете одновременно тестировать разные товары и услуги и выбрать из шаблонов самые оптимальные для ваших проектов.

Скажу сразу, что если вы совсем, совсем далеки от компьютера и даже текстовыми редакторами пользуетесь еле-еле, то поставить их, отредактировать и заставить работать вам может быть не под силу, но я постараюсь в инструкции ниже описать все куда более понятно!

Немного мотивации;)

Мы на шаблонах делали несколько лендингов и они довольно хорошо получились. Конверсия на одном из них была выше 20% и заявки шли хорошо. Я уже про это писал и позже напишу целую статью. Более того, эти шаблонные одностраничники своим владельцам приносят приличный доход в виде заказов!

Что нужно для работы с шаблонами landing page

Во-первых вам необходим хостинг и доменное имя! Недорогой и хороший хостинг рекомендую взять в Вебхосте. Подробную инструкцию по регистрации я писал в статье: где и как купить хостинг и зарегистрировать домен. Хостинг нужен для того, чтобы разместить ваш будущий сайт в интернете, а домен — это имя вашего сайта (kakzarabativat.ru например).

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

Ниже будет 2 инструкции по работе с шаблонами лендингов. С 1 по 39 шаблон просто в формате html, а с 40 по 65 шаблоны с админ-панелью, в которую вы можете войти и отредактировать текст или картинку.

Подготовительный процесс

Эти шаблоны простые, их легко редактировать и все интуитивно понятно.

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

1. Скачиваете архив с шаблонами ЗДЕСЬ. Распаковываете архив у себя на компьютере и вы увидите 65 папок пронумерованных. Каждая папка и есть папка с файлами шаблона.

2. Заходите в панель хостинга, как показано в статье про регистрацию хостинга с доменом, переходите в корневую папку своего сайта (она должна быть пустой) и нажимаете на кнопку загрузки (1), затем в появившемся окне «Выберите файл» (2) и выбираете архив с шаблонами лендингов, который вы скачали у меня, и далее «Загрузить файл» (3).

3. После того, как вы закинули архив с шаблонами лендингов на хостинг в корневую папку домена, нажмите рядом с архивом на кнопку «Распаковать» (не обращайте внимание, что у меня название архива другое, я просто показал на первом попавшемся архиве у меня на хостинге):

4. После этого нужно немного подождать (секунд 20) и обновить страницу. После завершения распаковки вы увидите 65 распакованных папок у себя на хостинге в корневой папке домена.

5. Посмотреть каждый из шаблонов вы сможете по ссылке vashsait. ru/1/ (вместо vashsait имя вашего домена) и вместо 1 вставляйте числа от 1 до 65, тем самым вы посмотрите 65 шаблонов!

6. Для редактирования каждого шаблона, нужно перейти в папку с шаблоном и там редактировать некоторые файлы.

Как работать с шаблонами landing page с 1 по 39

Для редактирования простых шаблонов без админки нужно зайти в папку с нужным шаблоном и найти 2 файла: index1.php и index.html. Здесь производится основное редактирование!

1. Открываете файл index.html. Это файл главной страницы. Просто нажмите на него в списке файлов 1 раз левой кнопкой мыши. После этого откроется редактор с кодом и текстом главной страницы.

2. Не пугайтесь кода, вам не придется с ним работать!!! Чтобы заменить нужный участок текста на странице, нужно нажать, находясь в редакторе (как на скриншоте), Ctrl+F (2 клавиши вместе). В появившейся правом верхнем углу строке (1) нужно писать текст, который хотите заменить и вам в редакторе подсветится этот участок текста или слово (2).

3. Замените этот текст на тот, который хотите видеть. ВНИМАНИЕ!!!! Меняйте только текст, а не символы в коде!!! И нажмите «Сохранить изменения». После чего обновите страницу своего лендинга, который меняли и увидите, что текст заменился!

4. Теперь, если вы хотите поменять картинки, то заходите в папку своего шаблона на компьютере (помните, я говорил, чтобы вы распаковали архив на компьютере), шаритесь по папкам и ищите там свою картинку, которую надо заменить. Как правило картинки только в папках files и images.

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

После этого загрузите новую картинку в ту папку, где лежит прежняя картинка. Только сначала удалите прежнюю картинку. Сделать это можно так: поставьте галочку напротив нужной картинки, выберите в действиях «Удалить» и нажмите «Выполнить».

После этого загружаете нужную картинку в эту же папку также, как и загружали архив (под верхним меню кнопочка загрузки).

5. Если картинка не подошла, делайте тоже самое пока не найдете подходящую картинку.

6. Теперь настраиваем отправку писем, которые будут вам приходить, когда оставят заявку клиенты. Делается это в файле index1.php. Открываете его и между кавычек в строке прописываете свою почту, как показано на скриншоте. И нажимаете «Сохранить изменения».

7. Радуетесь и пляшите, потому что больше редактировать нечего.

Как работать с шаблонами landing page с 40 по 65

А тут я ничего рассказывать не буду, потому что вместе с архивом я прилагаю ЭТУ инструкцию в виде документа о том, как редактировать эти шаблоны.

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

Заключение

Вот такой вот получился предновогодний подарок вам в виде хорошего и эффективного инструмента для продаж в интернете ваших товаров и услуг. Заранее извиняюсь перед теми, кто не совсем понял, как работать с шаблонами! Вы меня тоже поймите, я не могу разжевать это еще более подробно. Если не разобрались, то прочитайте статью, ссылку на которую я давал в самом начале и закажите лендинг за оплату на фрилансе, у нас или в любой другой студии. А вообще инструкции хватит, чтобы начать, а дальше уже все зависит от вашего желания!

Делайте лендинги для своих проектов, развивайтесь и увеличивайте продажи. Если есть вопросы, задавайте в комментариях!

А теперь проверю на честность всех! За такой подарок попрошу вас всего лишь сделать репост данной записи в любой социальной сети! Это самая лучшая благодарность с вашей стороны, которая не требует затрат и усилий! Я привык доверять людям и вам отдаю шаблоны и верю, что репост вы сделаете;)

С уважением, Шмидт Николай