Конструктор сторінок - OpenCart 3

Конструктор сторінок для OpenCart 3

Посадкова сторінка всередині магазину. За вечір, без верстальника

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

44 блоку. 3 способи показати сторінку. Редактор, у якому сторінка виглядає як і, як в покупця. Форма, журнал заявок та лист. Коротка адреса, своя головна.

«Краще один раз побачити, ніж сто разів прочитати опис —демо відповість на всі запитання.»

Окремий сайт під рекламу швидко починає жити своїм життям: там інші ціни, інший кошик та заявки у чужому кабінеті. Конструктор сторінок ставиться у магазин. Сторінку збираєте самі з готових блоків і дивіться її до публікації. Покупець залишається у вас.

Кому це потрібно

• Власнику магазину, якому потрібна сторінка під рекламу, акцію чи послугу, без замовлення верстки на кожну кампанію.
• Тому, хто хоче поставити на головну свою сторінку та залишити каталог, кошик та оформлення магазину.
• Студії та фрілансеру, які здають клієнту сторінку всередині вже працюючого OpenCart.

Три способи показати одну і ту ж сторінку

• Повний лендинг.Окрема сторінка без шапки та підвалу магазину. Навколо пропозиції нічого зайвого. Таке посилання дають у рекламі.
• Всередині шаблону магазину.Зверху ваша шапка і меню, знизу ваш підвал, між ними блоки конструктора. Так збирають "Про компанію", "Доставку", "Співробітництво". Стилі конструктора залишаються всередині сторінки і не підміняють оформлення теми.
• Через макети.Своєї адреси у збірки немає. Після збереження вона з'являється у списку модулів як "Конструктор сторінок → ім'я сторінки". Її ставлять у Дизайн → Макети: на головну, у категорію, на картку товару, у будь-яку схему.

Редактор показує сторінку так, як її побачить покупець

Конструктор відкривається на весь екран. Зліва бібліотека блоків з превью, по центру сторінка, праворуч налаштування блоку, яким ви клікнули. Текст правиться на місці: клікнули за заголовком і друкуєте. На панелі є жирний, курсив, списки, посилання, розмір пікселів і колір. Картинки беруться із файлового менеджера OpenCart.

Блок можна скопіювати, сховати, підняти чи опустити. Є скасування та повтор. Ширина перемикається на планшет і телефон, верстку видно до публікації. На всю сторінку можна дописати свій CSS.

У кожного блоку свої відступи зверху та знизу, фон, фонова картинка, колір тексту та ширина: звичайна, на весь екран або вузька колонка. Блок ховається лише на телефоні або на комп'ютері. Для пункту меню задається якір. Шрифт можна залишити як у темі чи вибрати готовий.

З чого збирається сторінка
У бібліотеці 44 блоки. Верстати їх не потрібно: вибираєте підходящий та заповнюєте.

Перший екран— вісім розкладок того, що людина бачить без прокручування. Фон з кнопкою, дві кнопки, текст біля нижнього краю, блок з відступами по краях, картка поверх фону, картинка ліворуч або праворуч, текст поверх картинки, рядок цифр до шести штук. Заголовок цих екранах виводиться як головний заголовок сторінки.

Текст і структура— заголовок розділу, великий заголовок, звичайний текст, текст на картці, текст поверх фото чи відео, біла картка на фоні, цитата з автором, блок «Про нас». Сітка колонок збирає свою розкладку: половина, третина, широка колонка із вузькою. На телефоні стовпчики складаються в одну. Поруч роздільник, одна-три кнопки, меню з логотипом та посиланнями по сторінці, футер.

Довіра— переваги з галочками, цифрами або іконками, послуги з ціною, тарифи зі списком того, що входить, відгуки з фото та оцінкою, галерея сіткою або прокручуванням, карусель слайдів з кнопкою на кожному. Відео ставиться посиланням на YouTube, VK Відео або Rutube і запускається після натискання на обкладинку.

Связь— контакти та картка: у поле вставляється посилання або код картки повністю. Іконки VK, Telegram, WhatsApp, YouTube, Instagram, Facebook, Однокласників, TikTok, X, пошти, телефону та сайту. Вікно поверх сторінки за таймером або кнопкою. Форма на сторінці та форма у такому вікні.

Блог— стрічка карток або одна вибрана картка. Джерело: сторінки конструктора, блог LiveStore чи статті Information. Стрічка при кожному показі читає базу, нова стаття з'являється сама.

Свій код— блок HTML, якщо потрібний віджет або розмітка, якої в бібліотеці немає.

Товари магазину на сторінці

• Конкретні товари в тому порядку, в якому ви їх обрали. Або акції, новинки, хіти продажів, популярні.
• Товари однієї категорії, з сортуванням.
• Ціна з податком та валютою магазину. Кнопка «До кошика» кладе товар у кошик магазину. Якщо без опції купити не можна, відкривається картка товару.
• Зовнішній вигляд картки в блоці налаштовується: відступ, округлення, фон, рамка, тінь, розміри та кольори назви, описи, ціни та кнопки.
• Карусель товарів на Swiper 3.4.2 або 5.4.5 та на Owl Carousel 2.3.4. Бібліотека береться із вашої теми. Для Swiper версію можна вказати вручну або підключити вибрану з CDN, скрипт теми залишається на місці.
• Будь-який вже встановлений модуль OpenCart вставляється окремим блоком, у тому числі конкретний екземпляр зі списку модулів.

Заявка з форми
Форма стоїть на сторінці або відкривається по кнопці у спливаючому вікні. Поля збираєте самі: текст, пошта, телефон, коментар, галочка. У кожного поля свій підпис та ознака «обов'язкова». Текст згоди включається в налаштуваннях: доки галочка не стоїть, заявка не йде. Після надсилання людина бачить ваш текст, сторінка не перезавантажується.

Заявка пишеться в розділі «Заявки»: з якої сторінки прийшла, дата, адреса відправника та всі поля. Список фільтрується по сторінці та за датами, заявку можна відкрити та видалити. Те саме повідомлення йде листом через пошту OpenCart — на пошту магазину або на адресу, яка вказана в блоці. Приховане поле відсікає ботів, таке відправлення в журнал не потрапляє. Якщо сторінку потім видалити, вже отримані заявки у списку залишаються.

SEO url сторінки
У кожної сторінки свій seo url, наприклад site.ru/rasprodazha. Також заповнюються заголовок, опис та ключові слова для пошуку. Працює штатне SEO OpenCart.
Блок «Питання та відповіді» дає мікророзмітку FAQ: кілька таких блоків на одній сторінці пошукача читає як один список питань.

DEMO
Демо всередині шаблону
Демо лендінгу
Демо адмінки demo demo

Сумісність та установка

• OpenCart 3.0.x, ocStore 3, LiveStore 3. PHP 7.4–8.3.
• Установка архівом. Модифікатор додає пункт меню, заміну головної та короткі адреси.
• Шаблони блоків підхоплюються будь-якою темою. Свій вид блоку кладеться копією шаблону на тему.

Порядок встановлення: Розширення → Установка розширень — Завантажити архів. Розширення → Модифікатори — оновити. Розширення → Модулі — Встановити «Конструктор сторінок». На вкладці Ліцензія ввести ключ.
У лівому меню з'являється розділ "Конструктор сторінок": сторінки, заявки, налаштування. При видаленні модуля таблиці не стираються, сторінки та заявки залишаються у базі.

Ліцензія
Ключ видається на домен магазину. Один ключ діє на домені.

Підтримка
Підтримка здійснюється через ЛЗ та інші способи зв'язку, додавання нових блоків можливо (залежно від їхньої рентабельності).

Що варто знати до покупки

• Кнопка «Зберегти» відразу записує сторінку. Окремої чернетки немає: якщо сторінку включено, покупці бачать збережений варіант.
• Готову сторінку не можна вивантажити у файл та завантажити на інший магазин.
• Відео приймається з YouTube, VK Відео та Rutube. Іншого посилання редактор не збереже.
• На повному лендингу немає скриптів теми. Свій код у блоці HTML має працювати сам. Карусель товарів на такому лендингу запускається, якщо бібліотека вже є у темі або для Swiper включено завантаження з CDN.

Написати відгук

Ваше Ім’я:


Ваш відгук: Примітка:HTML теги не дозволені! Використовуйте звичайний текст.

Рейтинг Погано           Добре

Введіть код, вказаний на зображенні:

Файлы будут доступны после покупки