Landing Pro — конструктор лендингів та блоків для OpenCart 3
Проблема
Щоб зробити сторінку, що продає під рекламу, власник магазину йде до верстальника: звичайний редактор OpenCart для цього не годиться. Кожна нова акція – знову завдання, знову очікування, знову витрати. А коли сторінка готова, її блоки залишаються жити тільки на ній – перевикористовувати банер чи форму на іншій сторінці магазину зазвичай не можна.
Рішення
Landing Pro перетворює складання сторінки на роботу контент-менеджера. Вибрали готовий набір — сторінка зібралася цілком, із секціями, текстами та підібраним оформленням. Замінили тексти та фотографії на свої, поставили адресу – готово. При цьому кожен блок залишається частиною магазину: на сторінку можна вивести товари з каталогу з кнопкою «До кошика», підставити будь-який модуль магазину та зібрати заявку до загальної міні-CRM.
—————————————————————————————————
Не тільки лендинги - будь-який блок на будь-якій сторінці
Це не конструктор «однієї ізольованої сторінки». Зібраний блок працює у трьох напрямках відразу:
- Модуль макета «Секція конструктора».Стандартним способом OpenCart — через Дизайн → Макети — будь-яку зібрану секцію можна поставити в будь-яку позицію будь-якої сторінки магазину: на головну, у картку товару, у підвал, у шапку категорії.__BB
[li]Шорткоди в інформаційних сторінках.{landing id="5"} вставляє готову секцію прямо в текст сторінки «Про компанію» або «Доставка», {landing_form id="1"} — форму заявки.
[li]Готова секція як окремий тип блоку.Блок «Готова секція» — посилання на іншу сторінку-секцію. Правіть її один раз, зміни з'являються відразу у всіх лендингах, де вона вставлена.
І у зворотний бік — блок «Вставка модуля» кладе всередину зібраної сторінки будь-який вже встановлений модуль магазину: банерну ротацію, порівняння товарів, що завгодно з OpenCart.
—————————————————————————————————
Що отримує покупець
- 13 готових наборів сторінок з текстами російською та англійською
- 49 готових секцій - вставляються по одній у вже зібрану сторінку
- 37 типів блоків у семи групах
- 8 колірних схем та 9 шрифтів з підтримкою кирилиці
- Своє тло у кожної секції: колір, градієнт, картинка, відео, паралакс
- Три сутності: лендинг, секція, що перевикористовується, спливаюче вікно
- Конструктор форм заявки та міні-CRM: статуси, UTM-мітки, антиспам
- Товари каталогу прямо на сторінці, кнопка «До кошика»
- SEO з коробки: meta-теги, Open Graph, JSON-LD, FAQPage-розмітка
- Експорт та імпорт сторінок між магазинами
—————————————————————————————————
Повний список блоків — 37 типів у семи групах
Обкладинка— екран сторінки, що відкриває
| Обкладинка | Головний екран: надзаголовок, заголовок, текст, до двох кнопок, форма заявки прямо в блоці, картинка збоку або фоном, кілька висот та розкладок. |
| Слайдер обкладинок | Кілька екранів-обкладинок зі зміною по таймеру, точками та стрілками — для чергування офферів або анонсів. |
Контент— основне оповідання
| Заголовок | Заголовок розділу з розміром і декоративним розміром лінією - ділить сторінку на смислові частини. |
| Текст із зображенням | Текст і картинка зліва, справа або зверху, до трьох колонок тексту, кнопка — «розкажіть докладніше». |
| Колонки | Довільна кількість колонок з текстом і вирівнюванням по висоті — коли готового блоку не вистачає. |
| Переваги | Список вигод з іконками, кілька стилів карток, свій колір та форма іконки. |
| Етапи роботи | Пронумеровані кроки процесу — як ви працюєте з клієнтом від заявки до результату. |
| Вкладки | Переключається без довгого прокручування — порівняння варіантів, розділи послуг. |
| Питання та відповіді | Акордеон з мікророзміткою FAQPage — питання можуть з'явитися прямо у видачі пошуковика. |
| Хронологія | Вертикальна стрічка подій — історія компанії, етапи проекту. |
| Таблиця порівняння | «Ви» проти конкурентів; слова «так» і «ні» автоматично стають галочкою та хрестиком. |
| Цитата | Цитата з автором, посадою та фото — відгук експерта крупним планом. |
| SEO-текст | Розгорнутий текст під кнопкою «читати далі» — ключові слова для пошукової системи, не заважає конверсії. |
| Довільний HTML | Свій код, якщо готових блоків не вистачило: віджет чату, кастомна верстка, сторонній скрипт. |
| Розділювач | Візуальна межа між секціями: лінія, точки, іконка або просто відступ. |
Довіра— чому вам можна вірити
| Цифри та факти | Показники компанії з анімацією рахунку при прокручуванні - років на ринку, клієнтів, проектів. |
| Відгуки | Відгуки клієнтів з оцінкою та посиланням на джерело — Яндекс.Карти, 2ГІС, будь-який відгук. |
| Команда | Картки співробітників: фото, ім'я, посада. |
| Клієнти та партнери | Ряд логотипів, знебарвлених або в рамці — довіра через відомі бренди. |
| Документи | Ліцензії та сертифікати - файл завантажується прямо в конструкторі, відкривається на весь екран. |
| До і після | Слайдер з перетягуваним кордоном — ремонт, ландшафт, результат роботи. |
Медіавізуальний контент
| Галерея | Сітка зображень мозаїкою або рівною сіткою, відкриття на весь екран. |
| Відео | Ролік з YouTube, RuTube, VK Відео або Vimeo, своя обкладинка до запуску. |
| Банер | Повноширинна картинка-посилання, окреме зображення для мобільних. |
| Карта та контакти | Карта проїзду — Яндекс.Карти, 2ГІС або Google Maps — поряд з адресою. |
Продажи— перетворюємо інтерес на оплату
| Товари магазину | Товари з каталогу з кнопкою «У кошик» — вручну або за категорією, з фільтром та посиланням «Дивитись все». |
| Картка товару | Один товар крупно, з опціями та полем кількості — вітрина одного товару на лендингу. |
| Тарифи | Картки тарифів із ціною та списком «що входить», виділення рекомендованого — клік відкриває форму з назвою тарифу. |
| Прайс-лист | Таблиця послуг та цін з підзаголовками-групами та пошуком — актуальний прайс без верстки таблиць. |
| Калькулятор | Розрахунок вартості за своїми полями: числа, повзунки, вибір варіанта - підсумок відразу потрапляє в заявку. |
| Таймер акції | Зворотний відлік до дати або особистий таймер для кожного відвідувача — підштовхує вирішити зараз. |
Заявки— точка контакту
| Заклик до дії | Акцентний блок з текстом, кнопкою та картинкою — «пора діяти» в середині сторінки. |
| Форма заявки | Форма з конструктора форм прямо в блоці, своя розкладка та картинка поряд. |
| Контакти | Телефон, e-mail, адреса та форма заявки в одному блоці. |
| Соцмережі та месенджери | Іконки-посилання на WhatsApp, Telegram, ВКонтакті та інші канали зв'язку. |
Службові— зв'язок з рештою магазину
| Вставка модуля | Будь-який встановлений модуль магазину всередині сторінки конструктора. |
| Готова секція | Посилання на іншу сторінку-секцію: керуйте в одному місці — оновлюється скрізь, де вона вставлена. |
—————————————————————————————————
13 готових наборів сторінок
| Набір | Секцій | Що всередині |
| Порожня сторінка | 0 | Чисте полотно для складання з нуля. |
| Базовий лендинг | 7 | Універсальний каркас: обкладинка, вигоди, етапи, відгуки, форма. |
| Послуга під ключ | 10 | Оффер з формою, вигоди, етапи роботи, тарифи, кейси, заявка. |
| Односторінок товару | 9 | Картка з кнопкою «У кошик», вигоди, відгуки, таймер. |
| Акція та розпродаж | 6 | Оффер, таймер, товари зі знижкою, форма в один екран. |
| Захід та вебінар | 7 | Програма, спікери, таймер, місце проведення, форма. |
| Онлайн-курс | 8 | Програма модулів, викладачі, тарифи, відгуки студентів. |
| Медичний центр | 8 | Послуги, лікарі, ліцензії, запис на прийом. |
| Ремонт та будівництво | 9 | Калькулятор вартості, етапи, «до і після», гарантії. |
| Юридичні послуги | 8 | Послуги, кейси, документи, консультація. |
| Автосервіс | 8 | Прайс з робіт, запис, акції, відгуки. |
| Салон краси | 7 | Послуги з цінами, майстри, портфоліо робіт, онлайн-запис. |
| Виробництво та опт | 9 | Виробництво, каталог продукції, документи, форма запиту КП. |
—————————————————————————————————
Нічого не ламає
Файли ядра OpenCart не змінюються. Всі виправлення – через офіційний механізм OCMOD, кожна операція позначена як необов'язкова: якщо ваша збірка відрізняється від типової, відключається лише одна можливість, а не все оновлення.
—————————————————————————————————
Часті питання
Чи потрібно вміти верстати?
Ні. Все збирається мишею в адмінці. Знання HTML стане у нагоді лише для блоку «Довільний HTML», який потрібен рідко.
Чи зламає модуль мою тему?
Ні. Вся верстка ізольована, кольори та шрифти задані змінними на обгортці конкретної сторінки. Файли ядра не змінюються.
Чи можна поставити блок не на лендинг, а на звичайну сторінку магазину?
Так, для цього він і задуманий. Модулем макета блок ставиться будь-яку позицію будь-якої сторінки: головну, категорію, картку товару, підвал. Шорткодом — у текст інформаційної сторінки.
Чи можна продавати товари прямо зі сторінки?
Так. Блок «Товари магазину» виводить товари каталогу з кнопкою «До кошика», блок «Картка товару» — один товар з опціями та кількістю.
Скільки сторінок можна створити?
Обмежень немає.
Чи можна перенести готову сторінку на інший сайт?
Так, кнопками «Експорт» та «Імпорт». Переносяться секції, тексти всіх мов, оформлення та налаштування.