Конструктор страниц - 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 не поддерживается! Используйте обычный текст.

Оценка: Плохо           Хорошо

Введите код, указанный на картинке:

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