Як створити крутий лендінг, не будучи програмістом

27 Квітня, 2017Oleksandr Tobolin9 хв

Хмарні технології на допомогу бізнесу

Здавалося б, до чого тут хмарні технології до такого простого процесу, як створення посадкової сторінки? Ми в компанії недавно зіткнулися з проблемою, наскільки процес створення однієї-єдиної сторінки може бути ускладнений, якщо підійти до цього неправильно. Як ви думаєте, скільки людей зазвичай бере участь у розробці одного лендінгу? Давайте порахуємо:

маркетолог – пропонує ідею
менеджер – малює прототип/макет
дизайнер – створює графічний дизайн
верстальник – переносить дизайн у HTML-код
розробник – впроваджує в програмний код потрібну логіку, інтерактивність, взаємодію
тестувальник – перевіряє на наявність помилок
реліз-інженер – нарешті, викладає весь код в промислову середу

За останні кілька років хмарні технології стали не тільки трендом, а й життєвою потребою для багатьох онлайн-бізнесів. Наприклад, інтернет-підприємцю вже давно не потрібно турбуватися про наявність власних серверів і технологічної інфраструктури – за нього це завдання розв’язують численні профільні сервіси: Amazon AWS, Hetzner, DigitalOcean, тим самим мінімізуючи витрати підприємства на технології.

Всі, хто займається створенням і просуванням сайтів, розуміють, наскільки важливо вибрати якісний хостинг, який гарантував би доступність сайту 24/7 і роботу без збоїв, особливо коли запущена акція або рекламна кампанія і трафік на сайті дуже підвищений. А коли виникає питання конкуренції, швидкість завантаження контенту виявляється найважливішим показником, на який орієнтується більшість користувачів. Із Turbo NVMe хостингом від Hostpro на нових NVMe-дисках, які в 12 разів швидші за SSD, і високопродуктивних процесорах з частотою 5 GHz ваш сайт буде працювати у 8 разів швидше, а дані будуть у цілковитій безпеці.

Але що робити, якщо бізнес такий, що немає можливості тримати у штаті розробників для кожного специфічного завдання? Деякою мірою таким завданням є потреба створювати посадкові сторінки (лендінги, від англ. landing page), у разі виходу нової акції в компанії, інформування про термінову подію або регулярних появ нових продуктів. Якщо на кожен такий випадок підприємець буде запускати повний цикл розробки: прототип сторінки > дизайн > верстка > розробка > тестування, то витрати на запуск будуть великі не тільки в грошах, а й у часі. Із власного досвіду знаємо, що запустити в такому режимі посадкову сторінку можна в кращому разі за 2 тижні, але іноді це може затягнутися і до кількох місяців. А що робити, якщо до цієї сторінки необхідно ще й вбудувати онлайн-платежі? У цій ситуації ваша подія, про яку ви інформуєте, чи то навчальний семінар, чи то майстер-клас, акція зі святковими знижками чи запуск продукту раніше конкурентів – може безповоротно піти в минуле, втративши найважливіше в цьому випадку – час.

Ми у Fondy вже багато років працюємо з бізнесами різних типів: навчання та коучинг, туризм і квитки, digital-послуги та виробництво фізичних товарів, і ця ситуація для нас не нова. Тому ми підготували для вас рекомендації, як швидко запустити посадкову сторінку, налаштувавши на ній також прийом онлайн-платежів.

Збираємо кошти для колонізації Марса

Візьмемо для прикладу бізнес-кейс: ви розробили програму колонізації Марса, і вам терміново потрібно зібрати певну суму коштів для її реалізації.

Почнемо з технологічної платформи. Це завдання можна розв’язати, наприклад, 2-ма способами: орендувати хостинг з попередньо встановленою якою-небудь CMS-системою, наприклад WordPress, Joomla, Drupal. Або другий варіант, найбільш простий – це скористатися будь-яким хмарним сервісом створення посадочних сторінок. Нам приглянувся і дуже сподобався Tilda, тому наведемо приклад із цим сервісом.

Крок 1

Створюємо проєкт, а в ньому нову сторінку. Перед створенням сторінки необхідно вибрати шаблон – наприклад Business. Назвемо сторінку: «Колонізація Марса».

Крок 2

Міняємо контент сайту: фонову картинку, тексти на сторінках і кнопках.

Крок 3

Публікуємо сторінку для того, щоб отримати посилання на сайт. Виглядає вона так: project64004.tilda.ws/page275286.html. Також її можна повісити і на свій домен, наприклад, ми налаштували так: mars.fondy.eu

Крок 4

Інтегруємо в кнопку замовлення квитка платіжну систему Fondy. Тут усе дуже просто:

Реєструємося в системі Fondy

Реєструємо й активуємо мерчанта (інтернет-магазин)

Переходимо в меню «Платіжні кнопки», натискаємо «Конструктор кнопок» і налаштовуємо основні дані кнопки, а потім додаткові параметри:
- Назва кнопки: Марс
- Тип кнопки: Платіж
- Сума: UAH 1000 і ставимо галочку в «Тільки читання»
- Опис платежу: Для колонізації Марса
- Мова кнопки: Українська

Тиснемо кнопку «Згенерувати», і отримуємо URL такого вигляду: https://api.fondy.eu/api/checkout?button=…
Скорочуємо посилання за допомогою будь-якого сервісу (Cuttly, Bitly і т.д.), інакше Tilda його обріже по довжині і зробить неробочим
Переходимо в Tilda, вставляємо посилання в контент кнопки

Все готово, тепер у нас є повноцінний робочий лендінг, через який нам можуть платити клієнти.

Платіжна система Fondy містить велику різноманітність платіжних рішень, які супроводжуються якісним функціоналом та інструментарієм, що дає можливість знизити операційні витрати на інтернет-еквайринг і підвищити дохід, залишаючи далеко позаду своїх конкурентів:

Готові модулі для найбільш популярних CMS-систем, а також JavaScript і HTML Ctrl+C/Ctrl+V рішення – спростять інтеграцію розробникам
Автоматизована звітність, реєстри, акти – зменшить трудовитрати операційного персоналу компанії з ручного звіряння і при формуванні 1С-звітності
Строгий регламент виплат (на наступний або 2-й день) – виплати на наступний день рано вранці дадуть вам швидкий доступ до ваших оборотних коштів
Високий рівень доступності API платформи – ви не будете втрачати доходи через безпричинно відхилені платежі, погано налаштовані ліміти чи правила антифрод-системи
Відсутність setup-fee, щомісячних і прихованих комісій, холдування депозитів – тільки невисока транзакційна комісія без додаткових видатків знизить ваші витрати