- №1. Стварэнне лендинг Пэйдж пры дапамозе бясплатных канструктараў
- №2. Стварэнне лендинг Пэйдж з дапамогай гатовых HTML шаблонаў
- №3. Стварэнне landing page на CMS WordPress
- рэзюмэ
За апошнія гады, попыт на лендинг Пэйдж (одностраничные сайты) моцна вырас. Выкарыстоўваюць іх практычна ўсюды, пачынаючы ад пачаткоўцаў вэб-майстроў і заканчваючы буйнымі карпарацыямі. Электронную камерцыю лендинги таксама не абышлі бокам. Іх часта выкарыстоўваюць для рознага роду акцый і распродажаў, а таксама яны папулярныя сярод пачаткоўцаў інтэрнэт-прадпрымальнікаў, якія прадаюць невялікі асартымент, напрыклад, гэта можа быць вельмі вузкая ніша. У сённяшнім артыкуле, я падзялюся трыма спосабамі, як зрабіць одностраничный сайт самастойна, пры гэтым, максімальна хутка і бясплатна.
№1. Стварэнне лендинг Пэйдж пры дапамозе бясплатных канструктараў
Гэта самы просты спосаб зрабіць лэндинг бясплатна і хутка. Досыць вялікі шэраг канструктараў на прасторах інтэрнэту - гэта канструктары сайтаў, г.зн. якія дазваляюць рабіць не толькі лендинги, але і класічныя сайты-візітоўкі і больш за тое, нават крамы. Асабліва гэта справядліва для буйных гульцоў гэтага рынка.
Тут патрабуецца мінімальны набор ведаў для таго каб зрабіць сабе одностраничный сайт. Як правіла, усё робіцца праз просты інтэрфейс, у якім вы задаяце размяшчэнне блокаў старонкі, іх тыпы (слайдэр, водгукі, форма замовы), колеры і памеры шрыфтоў, і г.д. Пры гэтым ёсць магчымасць выбіраць з мноства ўжо гатовых шаблонаў (дызайнаў) свой будучы лендинг.
Аднак, нягледзячы на сваю прастату, канструктары маюць і шэраг падводных камянёў, якія не ўсім відавочныя на першы погляд. І звязана гэта як раз з бясплатнасцю. Распрацоўнікам, натуральна цікава, каб вы плацілі ім грошы за магчымасць стварэння лэндинга і таму частка распрацоўшчыкаў абмяжоўвае магчымасці канструктара на бясплатных тарыфах, альбо прадастаўляюць поўны функцыянал, але абмежаваны па часе (trial-версія). Таму прыгожая кнопка «паспрабаваць бясплатна», няхай не ўводзіць вас у зман. Платныя тарыфы ёсць практычна ў любога канструктара.
Тут трэба узважана падыходзіць да выбару канструктара, і вывучаць яго магчымасці і бясплатны функцыянал да таго, як пачнеце ствараць свой лендинг. «Сюрпрызы» могуць чакаць у самым канцы, калі вы ўжо выдаткавалі свой час і сілы на канструяванне. Ва ўсіх запыты розныя да одностраничным сайтам, таму вывучайце ці хопіць вам базавага бясплатнага функцыяналу таго ці іншага канструктара.
Дарэчы, не лішнім адразу будзе паглядзець магчымасць інтэграцыі / сінхранізацыі з сэрвісамі рассылання, CRM-сістэмамі і г.д., у выпадку, калі вы плануеце імі карыстацца або ўжо карыстаецеся.
Акрамя распаўсюджаных онлайн-канструктараў, ёсць і адмысловыя праграмы, пры дапамозе якіх можна канструяваць сайты, напрыклад, Adobe Muse. Праўда гэтая праграма лічыцца хутчэй прафесійным інструментам, чым прызначана для пачаткоўцаў, таму можа сысці нямала часу на яе вывучэнне. І працэс стварэння лендинга ўжо не будзе хуткім ...
№2. Стварэнне лендинг Пэйдж з дапамогай гатовых HTML шаблонаў
Другі, дастаткова просты спосаб зрабіць свой landing page бясплатна - гэта знайсці на прасторах інтэрнэту ўжо гатовыя HTML шаблоны. Тут натуральна ўжо спатрэбяцца некаторыя веды HTML і CSS, каб хутка разабрацца што да чаго і мець магчымасць рабіць патрэбную мадыфікацыю гатовых шаблонаў.
І тут варта памятаць, што рэалізацыя нестандартнага для гэтага шаблону функцыяналу, можа выліцца ў досыць вялікую праблему для чалавека, дрэнна разбіраецца ў сайтостроении. Але як просты лендинг, у якім вы памяняеце дэма-інфармацыю і малюнкі на свае - гэта досыць просты, хуткі і вядома бясплатны варыянт.
Пры выбары шаблону, не забывайце, што праглядаць яго будуць карыстальнікі не заўсёды на кампутары, таму варта выбіраць шаблон з адаптыўным дызайнам, каб ім было зручна карыстацца як на вялікім экране кампутара або планшэта, так і на маленькім выцягнутым экране сматрфона.
Да гэтага, другім спосабе, я б аднёс яшчэ і самастойнае стварэнне лендинга ў HTML-рэдактары. Бо сутнасць прыкладна аднолькавая, за выключэннем таго, што вы не выкарыстоўваеце гатовы шаблон, а робіце яго з нуля. Як правіла, шаблон одностраничного сайта складаецца з гарызантальных блокаў з інфармацыяй ўнутры іх - іншымі словамі, структура не вельмі складаная. Калі вам дазваляюць веды і навыкі, то гэта таксама адзін з варыянтаў. Прынамсі, просты лендинг, без наваротаў, можна зрабіць дастаткова хутка.
№3. Стварэнне landing page на CMS WordPress
Трэцім, завяршальным спосабам зрабіць лендинг бясплатна - гэта выкарыстанне CMS WordPress. Чаму менавіта Вордпресс, спытаеце вы ?! На самай справе, гэта не абавязкова павінен быць менавіта гэты рухавічок, можна выкарыстоўваць і цалкам іншы, напрыклад - Joomla, OpenCart г.д. Калі груба, то сутнасць у тым, што вы на CMS прыкручваць шаблон лендинга, які ўсяго толькі адрозніваецца прадстаўленнем (дызайнам / структурай) ад класічнага шаблону. Рухавічок WordPress выкарыстоўваецца досыць часта пры стварэнні лендинга, таму прыклад прывяду менавіта на ім. Да таго ж, я сам выкарыстоўваю перыядычна гэты варыянт.
Гэты спосаб у параўнанні з папярэднім, дазваляе рабіць лэндинги больш прафесійнымі і функцыянальнымі (калі так можна выразіцца). Вядома, хоць бы пачатковыя веды HTML і CSS тут будуць таксама не лішнімі. Таксама спатрэбяцца веды ўстаноўкі CMS на хостынг. Як правіла ў гэтым няма вялікай складанасці.
Для тых, хто ўжо карыстаўся Вордпрессом, ведаюць, што функцыянал сайта вельмі проста пашыраецца пры дапамозе ўбудоў, якія ў большасці сваёй бясплатныя. Я коратка апішу адзін з варыянтаў, як пры дапамозе WordPress зрабіць дастаткова прыгожы і функцыянальны лендинг.
Для таго, каб атрымаць нейкае падабенства канструктара лендингов, спатрэбіцца убудова « Page Builder ад SiteOrigin », Які дасць магчымасць рабіць макет старонкі лендинга і іншых старонак.
З яго дапамогай вы зможаце стварыць асноўную разметку - г.зн. тыя самыя гарызантальныя блокі, у якіх і будзе размешчаны кантэнт вашага лендинга. Там жа можна задаць колер фону, карцінку фону, памер блока, водступы і іншыя атрыбуты.
Наступным этапам - трэба ў гэтых блоках стварыць кантэнт. Для гэтага нам спатрэбяцца гатовыя убудовы да Page Builder'у, у прыватнасці « SiteOrigin Зборнік віджэт », Які пашырыць функцыянал і дадасць спецыяльныя фішкі, якія можна выкарыстоўваць у гэтым канструктару.
Напрыклад - загалоўкі, кнопкі, слайдары малюнкаў, даданне абразкоў, відэа, гугл-карты і г.д. Увогуле, неабходны мінімум які можа спатрэбіцца пры стварэнні свайго лендинга. Плюс да ўсяго, ніхто не замінае дадаваць любыя іншыя убудовы і фішкі, якія можна выкарыстоўваць на одностраничнике - таймеры зваротнага адліку, інтэграцыя з сацыяльнымі сеткамі, формы для прыёму заявак з сайта і мноства іншых.
У агульным і цэлым, усё досыць проста, асабліва для карыстальніка, які ўжо знаёмы з Вордпрессом. Для тых, хто ні разу не карыстаўся гэтай CMS, прыйдзецца трохі вывучыць яе базавы функцыянал, перш чым пачынаць стварэнне лендинга. Балазе інфармацыі ў інтэрнэце больш чым дастаткова, для самастойнага і бясплатнага навучання.
Таксама гэты спосаб дазваляе рабіць інтэграцыю з шэрагам сэрвісаў, напрыклад, з CRM-сістэмамі, сэрвісамі для email-рассылак і пр. Праўда, гэта можа быць не заўсёды бясплатна (распрацоўшчыкі убудоў могуць уключаць гэты функцыянал толькі ў платныя версіі убудоў).
рэзюмэ
Падводзячы вынік усяго вышэй апісанага, можна сказаць, што ў самастойным стварэнні лендинг Пэйджа няма нічога складанага. Асабліва, калі ў вас ёсць хоць бы невялікія пазнання ў HTML і CSS. У залежнасці ад таго, наколькі складаны і функцыянальны лендинг вам патрэбен, можна выбраць той ці іншы спосаб яго стварэння. Аднак, варта разумець, што абмежаванні ў функцыянале ўсё ж ёсць - рэалізаваць нестандартны функцыянал або дызайн без спецыялістаў можа не атрымацца ... Балазе ён патрэбен далёка не заўсёды і ў большасці выпадкаў зрабіць уласны лендинг бясплатна і досыць хутка цалкам па сілах кожнаму.
Чаму менавіта Вордпресс, спытаеце вы ?