Подписные страницы .бесплатно для Вашего удачного проекта
Материал устарел. Заметьте, что статья вышла 2012 года.
Уверен, что Вы уже заметили тенденцию, которая распространилась по всему РуНЕТу...О чем идет речь? Да о воровстве, и что самое интересное, люди даже не удосуживаются ворованое переводить (модифицировать), а раздают (а еще ужаснее —продают) «as it is» (как есть).
Представьте, что Вы покупаете комплект, куда входят, например, подписные страницы — а они ворованные! Да ладно, уже никто сильно и не заморачивается этим...видимо, нет тех, кто за такими действиями следил бы (или им просто нас...ть (пардон, прекрасный пол)). Но где же, люди дорогие, чувство ответственности за тех, кому такое продается? Только представьте, что продавцы ворованного думают о тех, кто у них что-то приобретает...
Или покупаете Вы доступ к какому-нибудь сервису, который предлагает Вам и подписные страницы, и графику для сайта, а позже выясняется, что этот сервис Вам втюхивает ворованное… Всегда спрашивайте и проверяйте! Если дергаются или изворачиваются — это сигнал!
Признаки ворованых материалов (проверьте у себя):
На графических элементах продажных материалов есть текст на английском языке;
В коде html, css файлах есть текст (пояснения) на английском языке;
Пусть это будет на совести виновных, а Вам желаю быть бдительнее при новой покупке какого-нибудь, на первый взгляд интересного и полезного комплекта/курса.
...
Ну а теперь к делу... Подготовил для Вас очередную вкусняшку.
Подготовил для Вас подписные страницы, которые еще более привлекательны и уникальны тем, что обводка у важных элементов подписных страниц подстраивается под любой фон. Плюс, я подготовил для Вас несколько цветовых вариантов, поскольку понимаю, что не каждый умеет разбираться в коде, да и не у каждого есть время на это кропотливое дело.
(* Подписные страницы полностью регулируемые)
Модный, свежий, интересный и привлекательный авторский дизайн;
Рамки сами подстраиваются под фоновой слой;
Вставьте видео с YouTube без ползунка и информации сверху (уже настроено);
Легко настроить под JustClick и Smartresponder
Пояснения в коде, что облегчает редактирование;
Сервис SmartResponder больше НЕ ДОСТУПЕН! Автор сервиса решил ЗАКРЫТЬ проект, к сожалению.
Рекомендую вот эти альтернативы:
1) SendPulse - БЕСПЛАТНО 2500 контактов. Что может быть лучше для начинающего? (Как подключить код подписки данного сервиса к моим проектам, Вы узнаете в скором времени. Видео будет доступно на этом месте...)
2) MailerLite - Еще одна отличная альтернатива. Очень простой сервис. (Как подключить код подписки данного сервиса к моим проектам, Вы узнаете в скором времени. Видео будет доступно на этом месте...)
3) GetResponse (Новый код)
- самый рекомендуемый мною сервис, но, самый и дорогой, поэтому и вконце.
Пока JustClick (Новый код) не доступен для моих проектов, но я уже решаю данную проблему. В скором времени НОВЫЙ код будет внедрен во ВСЕ мои проекты. Вернитесь позже...
Версия 1.3 (26.02.2013)
ПОСМОТРЕТЬ НА ПРИМЕРЫ:
Спасибо за такой ценный и классный материал. Очень все полезно и качественно сделано!
Геннадий, благодарю Вас за искренний интерес к моим работам.
Из благодарности автору пишу комментарий. Тоже хочу поблагодарить за прекрасную возможность иметь у себя такую подписную страницу. Я в компе не «мастак», а новичок. И хотелось бы попросить Сергея доводить урок более доходчиво для таких как я. Например, в конце бегло рассказано как файлы загрузить к себе на хостинг-я не смогла это сделать(1), если есть возможность установить такую красивую форму подписки без Смартреспондера(у меня Джастклик)- то как это сделать(2)А вообще, еще раз спасибо за такой материал
Ольга, обязательно учту все замечания, и в ближайшее время все добавим и улучшим.
Спасибо. Скачала Вашу книгу с примерами подписных страниц-похоже работы будет много, опять есть НО.Без редактирования не обойтись-а программу Notepad++ не видела раньше никогда
Notepad++ — это очень простенькая программа.
Именно Вам ее достаточто, чтобы открывать HTML и CSS файлы.
Программа подсвечивает теги, свойства, комментарии... и т.д. , что облегчает редактирование и ориентирование в коде.
Так же можно подключиться к хостингу и в ней же редактировать файлы Ваших сайтов.
Конечно, можно использовать и сложные визуальные редакторы...Оно Вам нужно?
Понимаю, что Вы не профессионал, и Вам не совсем легко все сразу усвоить.
В любом случае вопросы и замечания приветствуются и учитываются.
Спасибо, но хотелось бы шаблоны без формы подписки, т.к пользуюсь сервисом intouch и у них свои особенности кода 😉
Не вижу проблем, Роман.
Удалите строки отвечающие за показ только формы, и вставьте свою форму.
Удалите все, что находится в теге div class="optin-box", да и сам тег тоже.
div class="optin_area" — создает только рамку, поэтому в него и разместите свой код.
Сергей спасибо огромное, всё получилось. Написала много, от души, забыла про капчу, и всё пропало 🙁 Уже не повторить. Ещё раз, спасибо.
Наталья, отсюда правило — ВСЕГДА копируйте в буфер любой свой коммент или пост на блоге перед тем как отправить. Ведь сожрать ваш труд может не только капча, но внезапно пропавший интернет)
А вам Сергей, огромное спасибо за весьма профессиональную подачу материала. Ищу где на вас подписаться)
Данила, и вам спасибо, если сочтете данные страницы полезными для использования в Вашей практике.
В любом случае, Наташа, благодарю Вас за тот «пропавший» текст от души и за повторное спасибо.
Все было понятно. Вот только в конце — заливаем на сайт. И как это адрес домен/сайт/index.html Что это за название? Откуда его взять???
Домен и сайт это не одно и тоже? (название папки тоже не подходит).
Правильно будет — заливаем на хостинг.
Т.е. при помощи FTP (прямого доступа к файлам на хостинге) заливаем папку со всеми файлами для подписной страницы в public_html (возможно у вас немного иначе), что на хостинге.
Можно сделать и отдельную папку, например «проекты» и туда загрузить подписную страницу(папку с файлами).
Получится: домен/проекты/подписная страница/index.html
Делаете как Вам удобнее.
домен/сайт/index.html — нормальный путь, где:
а) домен — Ваш домен, естевственно;
б) сайт — папка с файлами подписной страницы;
в) index.html — индекс файл подписной страницы.
Катерина, можно и без этих «сложных FTP» —
Есть мега-сервис, куда даже именитые инфомейкеры переползают.
Я о jastclick — где и генератор продажников и прием оплаты, и партнерка с возможностью разместиться в едином каталоге партнерок и самое главное, респондер с автосортировкой покупателей в отдельный подписной лист (и отключение их от получения писем про то что они уже купили 🙂
При том — 5% отдаете сервису только с продаж.
Идеальное решение для новичков!
Кстати, Сергей — вам тоже задача — формы подписки для Джастклик интегрировать во все ваши шикарные шаблоны, которые так щедро нам раздаете
А также есть серьезный момент, как потом эти красивые шаблоны встроить в Джастклик (т.к. у сервиса требование — необходимо в подвале оставить ссылку на принадлежность к сервису + с файлом стиля надо все увязать)
И вам, Сергей можно быстро занять нишу «Красивые продажники под jastclick» пока сервис сидит на аскетичных темах
П.С.: Линк в моей подписи — это наглядный пример страницы созданной на Джастклик
Здравствуйте.
Огромное спасибо Вам за урок и предоставленные шаблоны.
Такой вопрос: как сделать так, чтобы я не заменял встроенную в шаблон форму подписки на свою, а просто подключил её к моей рассылке и использовал. Может надо куда-то в код id моей рассылки вставить?
Заранее спасибо за ответ.
Эрик, каким сервисом Вы пользуетесь?
Я использую сервис smartresponder.ru
Эрик, Вам не нужно менять форму.
Посмотрите видеоинструкцию, которая ниже статьи,
а так же посмотрите видеоинструкцию тут:
sergeychunkevich.com/smar...podpisnie-formi/
Там дело в пару движений:
вставить скрипт и пять инпутов — и дело сделано.
Добрый день, Сергей!
Изменила форму под себя, но похоже нужно вставить определенный код формы от Smartrespondera . Это как делать не додумалась. Помогите, пожалуйста! Подписаться не дает.
Здравствуйте, Сергей.
Во первых хочу выразить вам свою благодарность, за такие реально классные подписные страницы!
Во — вторых, Сергей, я недавно проводил тренинг по набору базы подписчиков, он является бесплатным, я хочу спросить вашего разрешения, можно ли мне, добавить в свой тренинг ваши страницы подписки, совершенно их не изменяя, все ссылки останутся вашими, и люди которые будут их использовать, сперва будут заходить на ваш сайт, для вас это новые подписчики и посетители сайта.
вот эти страницы sergeychunkevich.com/krut... — 2/#.UNQjJzNKQgI
Жду вашего ответа на свою почту.
С уважением Иван.
Удачи вам.
Естевственно, было бы по джентельменски к своему тренингу указать на автора данных страниц.
Кстати, Иван, Вы так же можете людям напомнить о Squeeze Page Lite 2.0.
www.sergeychunkevich.com/squeezepagelite2
Иван, а как можно получить Ваш бесплатный тренинг по набору подписной базы?
Спасибо, Сергей! Все темы рабочие, нужные, грамотно изложенные, а главное ПРИМЕНИМЫ.
У вас, Сергей, реально классные страницы подписки. Только что купил платный набор страниц, но даже за деньги там не такое качество. А здесь ещё и для двух сервисов! (я как раз на «Джастклик» перебираюсь). В общем круто! Спасибо!
Более, чем уверен, что Вы купили ворованые страницы.
Всмысле Вам продали «пиратские» страницы.
Возможно ошибаюсь...
В любом случае рад, что Вам понравились мои страницы.
Используйте их на благо.
Кстати, некоторые хитрые лисы уже умудрились мои страницы продавать...вот так тоже бывает... 🙂
Сергей, спасибо вам большое ! наконец то я сделал нормальную подписную страницу !
3.kuharbogdan.com/index.html
Спасибо большое !
Большое вам спасибо! Я вот даже вот удивляюсь почему вы такие классные страницы не продаете, а раздаете бесплатно. Так например на том же фрилансе такое простите за выражение говно и то продают за деньги, а у вас тут и качественные и бесплатные. Спасибо вам еще раз :=)
Сергей, огромное спасибо за классные страницы!
Мало кто подобные вещи раздает бесплатно...
Можно, кстати, не обязательно использовать на странице видео.
У меня, например, вот что получилось:
subs.successfill.ru
Спасибо еще раз!
Здравствуйте! Материал отличный!) Всё сделала по инструкции, всё получилось за исключением формы подписки. В css вставила только ява скрипт (смартреспондер), когда хотела подписаться для проверки выдало ошибку: Ошибка подписки на рассылки. Что делать?
Что нужно сделать:
1) приготовить любимый горячий напиток и
2) посмотреть эту видеоинструкцию:
www.youtube.com/watch?v=Erefgw1uGGI
3) поделиться результатом.
Спасибо!!!)) Всё получилось)
Здравствуйте Сергей! Спасибо Вам за отличный материал, который видно сделан с душой... Подскажите пожалуйста как вставить вместо видео картинку например, чтобы она была в той же рамочке. Заранее спасибо!!!
Здравствуйте, Константин.
Очень просто это делается.
Для начала нам необходимо найти в коде этот DIV:
<div class="video_area" >... </div>Внутри этого дива соответственно само видео:
<iframe class="vcode" width="600" height="380">(Как Вы заметили — с размерами.)
Вставьте вместо
<iframe class="vcode" >...</iframe>свою картинку.
Как пример:
<div class="video_area" > <img class="image" src="images/IMAGE.jpg width="600" height="380"> </div>Размеры самой картинки: width="600" height="380"
В фотошопе можно вырезать лишнее и сохранить.
Доброго времени суток Сергей!
У меня не получилось заменить видео на картинку. Напишите пожалуйста поподробнее, как это сделать. А картинка вообще почему то не отображается.
И еще вопрос:
"Как опубликовать подписную страницу не на своем сайте, а на сервисе джаст клик? "
Заранее спасибо!
Владислав, здравствуйте!
Все же легче ориентироваться, если проблема наглядна, т.е. есть ссылка на сайт.
Картинка не отображается:
1) если путь прописан к ней неправильно;
2) тип файла указан неправильно;
3) и еще много разного...остается сидеть и гадать. 🙂
Пришлите мне ссылку на сайт используя слева на сайте банер "Есть Вопросы? "
Добрый День! С Днём Победы!
Спасибо за шаблоны! Но...
У меня возникла такая проблема: Используя один из Ваших шаблонов, при запуске с компьютера отображает нормальный стиль — все на местах, а после заливки на хостинг получается совсем другая картина — без всякой стилистики, одно за другим. Сначала я подумал, что сделал что-то не так, а потом просто залил Ваш шаблон и с ним получилось тоже самое.
Вот поглядите 7part.sdresell.ru
Что мне делать я не знаю? Помогите пожалуйста!
Страница на хостинге jino — может там что то не так?
Открыл страницу — все нормально со стилями:
все на своих местах и все так, как должно быть.
Отредактируйте страницу так, чтобы она была уже готова для запуска.
Потом предупредите меня — я вам сделаю скриншеты со всех браузеров.
Спасибо Большое Сергей!!! Все получилось!!! Я только что прописал путь к файлу style.css через .../style.css и всё стало нормально отображать. Видимо что то у меня с браузером.
Спасибо за Отличные Шаблоны Страниц!!!
Неплохие странички, только жаль, что однотипные. А я вот нашел хороший комплект подписных страниц. 12 штук и все разные:
(Ссылки на строронние ресурсы запрещены. Указывайте адрес своего сайта в строке «сайт»)
Николай,
похоже Вы не заметили этого:
1) sergeychunkevich.com/squeezepagelite2/
2) sergeychunkevich.com/spl2-black/
А как настроить подписную страницу под feedburner? Просто у меня стоит эта система RSS рассылки.
Сергей, скажите, а как настроить это? Вот я скачал папку, там файлы, куда их пихать, чтобы отобразлась страница? На хостинг? Если да, то как.Ответьте, плиз
Станислав, когда отредактируете страницу, то, если у Вас уже есть свой сайт и доступ к нему по FTP протоколу(т.е. прямой доступ к файлам на хостинге), создайте отдельную папку и назовите ее (не заглавными буквами и без пробелов).
Потом отредактированную Вами страницу со всем остальным в папке(т.е. все, что в папке) загружаете в созданную и названную ранее папку.
А чтобы получить к ней доступ в адресной строке Вам необходимо надрать:
ВашДомен.Ру/НазваниеПапки (и все)
Кстати, Вы даже можете купить новый домен и подключить его к папке. Обычно Вам могут с этим помочь тех.поддержа хостинга, если напишите им любезно. Хотя это делается очень просто в cPanel (панель управления веб-хостингом), где написано «довавить домен».
Здравствуйте Сергей!
Не могу понять как увеличить вертикальное расстояние между заголовками в коде, например между 2-м и 3-м заголовком.
С уважением, Максим!
Здравствуйте, Максим!
Уточните, что Вы имеете ввиду «2-м и 3-м заголовком»?
Если Вы думали про отступы и высоту строки, то добавьте для заголовка(class="zagolovok") такие свойства:
line-height:45px;(регулируйте от 40 и выше)
Чтобы поставить отступ для заголовка сверху или снизу:
найдите id="container2" в CSS, у него есть свойство — "padding: 10px 0 10px 0; " — первые 10px — это отступ сверху, вторые — это снизу. Поставтье столько, сколько нужно и проверьте(как пример: padding: 15px 0 20px 0; — будет отступ сверху в 15px, снизу — 20px, а слева и справа ноль.)
К вас такие красивые кнопулечки — вы можете ими тоже поделиться :))))
Здравствуйте Сергей! К стати о кнопуличках... Они действительно классные и по этому поводу родилась как бы небольшая мИсль — сложно ли к дизайнам Ваших страничек «прикручивать» вот такие блоки основных соц сетей? Это было бы очень и очень обалденно. Согласитесь что когда все в одном стиле то и не только глаз радуется, но и душа! Я конечно понимаю, что возможно уже начинаю так сказать залазить на шею... но думаю Вы Сергей поймете мои мысли, спасибо за понимание и особенно за Ваш труд и не иссякаемый энтузиазм с которым Вы все это делаете!
Майкл, уточните, пожалуйста, что Вы имели ввиду под "сложно ли к дизайнам Ваших страничек «прикручивать» вот такие блоки основных соц. сетей? "
Кнопки уже будут установлены — их нет необходимости трогать.
Спасибо Вам за отличный материал, подскажите под эту форму обязательно иметь свой хостинг или можно разместить на Justclick? Если да, то как потому что я уже пытался скопировал index.html вставил на страницу в justclick а там все нарушилось и нет файлов css, просто в ряд выстроился текст. Подскажите как решить проблему? заранее спасибо
Здравствуй, Виталий!
Благодарю за то, что используете мои материалы.
По поводу моих страниц и JustClick...
Зачем их загружать на JustClick? Не понимаю этого... Хостинг стоит копейки, а загрузить на хостинг готовую страницу еще проще, чем настроить ее на JustClick. Подключить нужно только форму, а там уже все будет работать автоматом. Для этого у меня есть инструкция:
www.youtube.com/watch?v=EjUSaEUDR8Q
Здравствуйте, залил подписную страницу на хостинг а там все отображается без стилистики, одно за другим, на компе открывал все было нормально. В чем может быть проблема. Заранее спасибо!
Здравствуйте Сергей! Спасибо за Ваш труд! Подскажите как вставить форму гугла
вместо подписки? Большое спасибо!
Здравствуйте, Сергей! Спасибо Вам большое за классные странички. Я только сегодня на них «наткнулся», и сегодня же одну страничку — сайт уже подогнал под себя. Кое с чем пришлось поколдовать(не имею фундаментальных знаний по работе с кодом и многом другом), но в итоге сделал то, что хотел. Ещё раз спасибо, буду рад новым Вашим «продуктам». С уважением к Вам, Олег.
Здравствуйте! Спасибо Вам огромное, у Вас великолепные страницы подписки, буду настраивать.
Здравствуйте, Сергей! Спасибо Вам большое за классные предоставленные шаблоны.
MfG
Wendelin Gerein
Сергей, здравствуйте. Хочу поблагодарить за шаблоны. Они действительно очень стильно смотрятся, сразу виден дизайнерский профессионализм. Скачала их только вчера, пока не редактировала. Надеюсь, что с Вашей видео-инструкцией это сделать будет несложно.
С уважением. Наталия
Сергей!
Качествое твоих уроков просто ЭКСТРА-КЛАСС!
Я впечатленн!
Огромное спасибо!
А можно с тобой пообщаться в скайпе?
Если вдруг можно, то вот мой скайп: vadim.kouzmin
Сургей, благодарю Вас за Ваш труд!
Мне очень понравился Ваш дизайн, чувствуется рука профессионала.
Спасибо за читабельный код и за тот опыт, который я получил, вставляя свой код смартреспондера в Вашу форму подписки.
Еще раз спасибо!
Сергей, спасибо, за ваш труд! Вы такой молодец. Не всегда даже платно можно найти такие красивые шаблоны. Все получилось с первого раза, хотя я почти не разбираюсь в настройках кода.
Премного Вам благодарна за такую информацию! НО...всё вроде бы хорошо, но именно видео поменять так и не получилось, к сожалению. Всё сделала по инструкции! Всё остальное в полном порядке. Может подскажете, что можно сделать? (да, и видео само так и не проигрывает)
Антонина, здравствуйте!
Интересно вот, какое именно видео Вы хотели подключить? Оно так же хостится на YouTube? Видео подключается простым действием — копируете ID у своего видео и вставляете его вместо того ID, что у меня в коде — и все! Не подключиться видео не может, если вы, конечно, в настройках не убрали галочку с «Разрешить встраивание видео». Но вряд ли вы это сделали. Начните смотреть видеоинструкцию с 9 минуты и 29 секунды.
Здравствуйте, Сергей! Прочитал все комментарии (думал найти «свою» проблему). Подписные действительно великолепные. Хотя я новичок, но все получилось с первого раза. Подключил Метрику, Вебвизор и увидел, что в форме подписки стоит мое имя и емейл и народ теряется, не зная, очевидно, что ему дальше делать и уходит со страницы. Можно ли исправить эту « проблему»? И еще 2 последних вопроса: Как сделать названия в подвале « своими» и кликабельными (заметил в Вебвизоре тоже кликают по ним). И последний вопрос: " Когда я отредактировал (в Dreamweaver) index.html, залил на хостинг, после чего открыл этот файл у себя на компьютере, он открылся уже отредактированным, т.е. как сделать, чтобы он имел первоначальный вид (для последующих вариантов)? Может нужно было первоначальный файл сохранить в другой папке? P,S. Я тестировал страницу в 5 браузерах и везде форма подписки заполнена (думал, может из кэша подставляется) С уважением, Валерий
Сергей, формы адаптивные? Интересуют широкие формы...
Здравствуй, Дмитрий!
Широкие формы адаптивные, но есть минимальная ширина до которой форма может принимать «читабельный вид».
Для широких форм я всегда рекомендую это:
@media only screen and (max-width: 767px) { .Forma { display: none; } }Т.е. как только ширина экрана станет менее 767px (включая) — форма исчезнет.
Все широкие формы отлично смотрятся на iPad в режиме «портрет», а если экран меньше, то форма исчезнет.
Все вертикальные — без проблем!
Здравствуйте, Сергей!
Вопрос скорее всего покажется глупым — но прошу ответа)
Хочу создать подписную страницу, зарегилась на смартреспондер, хочу использовать ваш шаблон. Вот вопрос где я могу разместить свою подписную если у меня нет сайта и нет блога? У меня просто группа вконтакте, я так понимаю что подписную нужно где-то разместить, а после этого уже добавить ссылку в соцсети. Смогу ли я сделать это на каком-нибудь бесплатном сайте типа WIX? Может что-то другое посоветуете?
Заранее благодарна!
Нила, зравствуйте!
Простой хостинг стоит копейки(150руб. примерно) в месяц. Один домен на год стоит 160 руб. (примерно).
О чем разговор?