- №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. Залежно від того, наскільки складний і функціональний Лендінгем вам потрібен, можна вибрати той чи інший спосіб його створення. Однак, варто розуміти, що обмеження в функціоналі все ж є - реалізувати нестандартний функціонал або дизайн без фахівців може не вийти ... Благо він потрібен далеко не завжди і в більшості випадків зробити власний Лендінгем безкоштовно і досить швидко цілком під силу кожному.
Чому саме Вордпресс, запитаєте ви ?