Як створити Лендінгем
І дійсно, ця тема дуже популярна нині. Практично кожен перший інфошнік використовує Лендінзі для своїх курсів і продуктів, а слідом за ними цю ідею підхопили і інші бізнесмени, які хочуть продавати свої товари і послуги через інтернет з високою часткою конверсії.
Що зазвичай мається на увазі під Лендінзі
Landing Page, їх ще називають посадочними сторінками, це як правило, лише однієї сторінки сайт, єдиною метою якого є змусити користувача вчинити певну дію, в більшості випадків це звичайно ж витратити свої гроші на ваш товар або послугу. І допомагають у цьому спеціальні елементи, які вже прийнято вважати стандартними на Лендінзі:
І адже Лендінзі на моє здивування працюють (особисто у мене вони вже викликають зворотну реакцію, але більшість звичайних користувачів мережі до сих пір на них клюють)! Хоча треба зізнатися, все гірше і гірше, народ вже пересичується, пройде зовсім небагато часу, коли конверсія з них не буде перевищувати конверсію з звичайних методів продажів, а може навіть буде ще менше, я впевнений. Але поки ця тема працює, її потрібно використовувати.
Ну а тепер, після довгої вступній частині, перейдемо власне до найцікавішого - створення своєї посадкової сторінки
Як створити Landing Page. Способи створення Лендінзі
Є кілька способів змайструвати собі одностранічнік:
- Використовувати різні шаблони, що дозволяють створювати посадочні сторінки (як для популярних CMS так і з власної адмінкой або на чистому html)
- Онлайн генератори посадочних сторінок
- Зробити самому Лендінгем з нуля
- Замовити у професіоналів і не витрачати час і нерви.
Для економії часу я використовую перший варіант, на ньому докладніше і зупинимося.
Створення Лендінгем Пейдж за допомогою готових шаблонів
Зовсім недавно мені підкинули відмінну добірку шаблонів для Лендінзі, як на html так і з власної адмінкой.
Як ви розумієте, цей метод сильно економить час, оскільки основна структура, скрипти, html тіло, верстка і т.д. вже все готово. Потрібно буде лише поміняти тексти, закачати потрібні картинки і, при необхідності, додати свій функціонал і налаштувати стилі.
За часом це займе трохи більше, ніж скажімо робота з онлайн генератором, але по грошах обійдеться в рази дешевше. З мінусів можна лише відзначити, що знадобляться хоча б базові навички роботи з html і css, ну і звичайно свій домен з хостингом.
Так наприклад на днях я створював Лендінгем з продажу ялинок в Тюмені, і вдало заскрініл весь процес =)
Ніякої установки - просто закачується архів на хостинг в кореневу папку і вперед, працювати. Ось так виглядав обраний мною шаблон за замовчуванням:
Стандартна посадкова сторінка, з лічильником, кнопками, і т.д. Бракує тільки відгуків, але це не проблема - замовнику відгуки виявилися не потрібні, при бажанні додати їх не складе ніяких проблем. Даний Лендінгем йде з власним функціоналом - мініадмінкой якщо так можна назвати.
1. Насамперед зайшов на сайт www.iconfinder.com і підібрав собі безкоштовні пристойні іконки у вигляді ялинок. Вони підуть як на створення елементів оформлення або логотипу, так і для створення faviconа.
2. Замінив коробки на ялинки, поміняв тексти, кольору форми і шапки на зелений відтінок, прибрав зайві блоки і т.д. на все про все пішло близько години, велика частина часу на пошук картинок і їх адаптацію під шаблон. В результаті верхня частина Лендінзі стала виглядть так
Кольори звичайно більше нагадують якийсь мілітарі, ну да ладно, на смак і колір замовники різні, я вже давно не лізу до них зі своїм естетизмом) Довелося і в коді поколупатися і в css залізти - обійтися однією адмінкой на жаль не вийде якщо хочете підігнати шаблон під себе.
3. З нижньою частиною взагалі проблем ніяких - карту видалив, схему роботи пізніше теж, на прохання замовника. Поміняв трохи градієнти під потрібні мені кольору. Поміняв тексти у переваг. Вони поки попередні, допілівать будуть пізніше я думаю.
У підсумку вийде щось на зразок цього
Що б у нас виліз такий ось гарний вантажівка досить буде вставити в потрібне місце код . Що б задати йому потрібні нам стилі оформлення можна додати додаткові класи, я наприклад додав 2 класу . У elkico поставив розмір для всіх іконок цього ряду, в grn відповідно колір для всіх зелених іконок і далі для оформлення мені всього лише потрібно було дописати 2 слова при вставці коду.
При бажанні ви можете зробити з таких іконок посилання, кнопки, зможете обертати їх як вам завгодно і навіть додавати анімацію, і все це за допомогою лише CSS.
Ось так це нижня частина Лендінзі стала виглядати після додавання іконок
По хорошому в пункті Живі ялинки потрібно б іконку ялинки вставити, але в наборі немає такої, а робити вручну мені було ліниво) Пізніше зроблю. Таким чином при належній вправності ви зможете створювати досить симпатичні Лендінзі за 2-3 години (а якщо користуватися базовими шаблонами то взагалі за пів години можна впоратися). Ну а в цілому сайт виглядає тепер так:
Плюси: швидко, дешево, ви сам собі господар і пан 🙂
Мінуси: потрібно розбиратися в html і css, вміти працювати з зображеннями, інакше пункт швидко можна сміливо викреслити. Так само даний набір шаблонів має застарілу верстку - вона не адаптивна, тобто на невеликих моніторах і мобільних додатках дизайн сайту буде виглядати кострубато.
Для WordPress можу підказати кілька шаблонів, заточених спеціально під створення Лендінзі:
Онлайн генератори Лендінгем Пейдж
Тут я не буду так детально розжовувати - при бажанні ви самі зможете ознайомитися з онлайн інструментами, які дозволяють створювати продають одностранічнікі. Просто перерахую найбільш популярні сервіси
Плюси. не потрібно окремо купувати хостинг і домен, все в одному сервісі і входить в загальну ціну оплати тарифу. Тих. підтримка, додаткові плюшки і всякі акції від сервісів.
Мінуси: дорого, залежність від стороннього сервісу.
По-перше це можливість використовувати сервіс без реєстрації. По друге - створений шаблон ви завантажуєте і встановлюєте собі на хостинг, тобто немає залежності від стороннього сервісу, що приємно. Ну і по-третє ніби як він безкоштовний, принаймні поки я не знайшов на ньому цінників і платних тарифів. Єдиний момент що я побачив - сервіс пропонує створити вам унікальний дизайн по вашим запитам, мабуть цим і монетизують.
З мінусів можу відзначити що сервіс надто вже сирої, його ще пиляти і пиляти по хорошому. Ну і всього 4 можливих шаблону на даний момент, це дуже бідно.
Подібних генераторів насправді багато, але більша частина з них м'яко кажучи не вселяє довіри і має досить посереднім функціоналом і кількома десятками однотипних шаблонів.
Створення landing page з нуля самому
Даний спосіб не для всіх, однозначно. Якщо ви самі хочете зробити свою власну продає сторінку з чистого аркуша то для цього необхідно добре знання html, css, вміння використовувати java скрипти, знання всіх необхідних програм і потрібних сервісів, хороший дизайнерський смак, володіння фотошопом, вміння писати якісні продають тексти і т. д.
Плюси: Ви повноцінний творець свого інтернет-шедевра 🙂 Будете знати кожну кому, кожну строчку коду вашого сайту, що продає, зможете створити унікальний, ні на що не схожий дизайн або функціонал. Крім того це абсолютно безкоштовно.
Мінуси: Довго і складно, принаймні щодо інших способів. Такий варіант підходить напевно тільки для профі або фанатиків.
Замовити Лендінгем у фрілансера або вебстудії
Досить поширений спосіб. Багато нормальні компанії не стануть морочитися і створювати власноруч Лендінзі на генераторах або шаблонах, знаючи що в підсумку просто витратять час або в кращому випадку отримають погано працює landing page. Їм куди простіше звернутися до фахівців, заплатити приблизно 10-20 тисяч рублів (якщо без випендрежного дизайну) і отримати готовий сайт під свої запити і потреби.
Звичайно, якщо звертатися до будь-яких великим понтово веб-студіям то там і 100 тисяч можуть запросто здерти) Якщо ж звертатися до маловідомих фрілансерам на дешевих біржах, то можна і за 2-3 тисячі знайти виконавця, але якість такої роботи скоріше за все буде сумнівним (або будуть використовуватися готові шаблони в чистому вигляді без особливої адаптації під індивідуального замовника, хіба що текст поміняють і пару фоток) а можливо і на гроші кинуть, що теж случается.Так що тут теж як пощастить.
Плюси: Ви замовляєте сайт, ви отримуєте сайт, таким який хочете. Не витрачаючи на це часу і сил.
Мінуси: Ви витрачаєте на це гроші)
До речі, якщо вам потрібен Лендінгем, то ви можете замовити його у мене за порівняно невелику ціну (від 7 до 15 тисяч рублів залежно від складності) і отримаєте повноцінний продажник, з текстами, картинками, лічильниками, відгуками і всім необхідним. Досвід в створенні сайтів більше 3-х років.
Раджу ще почитати по темі:
- Як зробити сайт на WordPress витративши на нього від 500 рублів
- Як зробити оптимізацію сайту під мобільні пристрої в WordPress
- Установка шаблона WordPress (тема оформлення)
- Вибір теми оформлення WordPress
