Шаблоны
Сайты клиентов
Тарифы
Обучение
Campus - Обучение
Практические знания, как улучшить навыки в создании сайтов
и заработке на этом
Статьи
Статьи, как улучшить качество сайта
и увеличить продажи
Справочный центр
Инструкции по сервису и связь
с тех.поддержкой
Бесплатный практикум
Инструкции по сервису и связь
с тех.поддержкой
Вход
Регистрация
← Назад
Интернет-магазин

Создание отдельных страниц для товаров

Сложность ∙ Легко
Данная инструкция является примером, в ней мы расскажем, как создавать и настраивать отдельные страницы для товаров корзины.

Для наполнения используются динамические шаблоны "Товарная секция с одним товаром". Это наиболее простой и быстрый способ.

Но при желании вы можете собрать такие страницы с помощью блочных или свободных секций и разместить информацию о товарах вручную.


Процесс состоит из основных этапов:
I. Создание страницы, наполнение в редакторе
II. Изменение адреса страницы
III. Указание ссылки на товар в его настройках

I. Создание страницы, наполнение в редакторе

  • Перейдите в режим управления нужным сайтом:
Как перейти в управление сайтов в mottor
Как перейти в управление сайтов в mottor
  • Создайте новую страницу сайта:
Создание новой страницы в mottor
Создание новой страницы в mottor

• Во время выбора шаблона создайте пустую страницу:

Выбор шаблона страницы сайта
Выбор шаблона страницы сайта

• Откроется редактор новой страницы с одной пустой секцией. Она нам не понадобится, мы ее удалим:

Удаление секции в редакторе mottor
Удаление секции в редакторе mottor

• Создайте новую секцию с помощью опции:

Добавление новой секции в редакторе mottor
Добавление новой секции в редакторе mottor

• Во вкладке "Динамические" выберите категорию "Товарный каталог", выберите шаблон "Товарная секция с одним товаром":

Добавление товарной секции с одним товаром
Добавление товарной секции с одним товаром

• Секция появится в редакторе. Нажмите на кнопку "Выбрать" внутри нее (1), а потом на кнопку "Выбрать" в настройках секции (2):

Выбор товара для отдельной товарной страницы
Выбор товара для отдельной товарной страницы

• Выберите нужный товар из списка и нажмите на кнопку "Сохранить":

Выбор товара в списке в редакторе
Выбор товара в списке в редакторе

Товар появится в редакторе:

Отображение товарной секции в редакторе
Отображение товарной секции в редакторе

Содержимое секции напрямую зависит от того, какие данные вы ранее добавляли в параметры товара.



• Откройте настройки секции, кликнув по иконке шестеренки в ее меню:

Содержимое секции напрямую зависит от того, какие данные вы ранее добавляли в параметры товара.


• Откройте настройки секции, кликнув по иконке шестеренки в ее меню:

Переход в настройки секции
Переход в настройки секции

Справа откроется окно настроек:

Отображение настроек секции с одним товаром
Отображение настроек секции с одним товаром

• С помощью опции с иконкой глаза в категории "Элементы" вы сможете скрывать или отображать определенные параметры товара:

Настройка отображения элементов товара
Настройка отображения элементов товара

А с помощью опции "•••" можно открыть окно подробной настройки параметра:

Расширенная настройка параметров товара
Расширенная настройка параметров товара

• Например, нам не нужно показывать на этой странице артикул товара. Скроем его, нажав на иконку глаза напротив этого пункта:

Скрытие элемента товара в mottor
Скрытие элемента товара в mottor

• Теперь немного увеличим размер шрифта для основной цены, сделаем ее заметнее:

Увеличение шрифта цены на отдельной странице товара
Увеличение шрифта цены на отдельной странице товара

• Перейдем к настройке кнопок заказа. В этой секции мы можем настроить заказ не только через корзину товаров, но и через форму. Для удобства покупателей настроим оба способа. Для этого напротив пункта "Кнопка" нажмем на "•••":

Настройка кнопок заказа на отдельной странице товара
Настройка кнопок заказа на отдельной странице товара

В открывшемся окне параметров мы видим, что заказ с кнопки настроен через корзину. Чтобы добавить второй способ заказа, включим опцию "Добавить слот ниже":

Добавление слота под кнопкой заказа товара
Добавление слота под кнопкой заказа товара

В появившийся под кнопкой корзины слот добавим новый блок "Всплывающая форма":

Добавление вплывающей формы на товарную страницу
Добавление вплывающей формы на товарную страницу

Донастроим размеры и подписи кнопок, чтобы они были понятны посетителю сайта:

Настроенные кнопки на товарной странице
Настроенные кнопки на товарной странице

Теперь можно настроить саму форму заказа. Мы подробно описали этот процесс
в инструкции:
Блоки редактора : Новая форма


• Добавим описание товара. Его можно как разместить вручную через опции "Слот" или "Список вкладок", так и подтянуть из готовых настроек товара:

Добавление описания товара на странице
Добавление описания товара на странице

Мы разместим стандартное краткое описание товара:

Отображение краткого описания товара
Отображение краткого описания товара

С помощью опции "Стиль категории" настроим форматирование текста описания — увеличим шрифт и изменим его цвет:

Изменение стилей категории товара
Изменение стилей категории товара

Теперь текст описания стал более заметным:

На изображении: измененный цвет описания товара
На изображении: измененный цвет описания товара

Что еще можно разместить на странице товара?
Ответ очень прост — все, что вы посчитаете нужным :)


Это могут быть:
Глобальная шапка и подвал — для удобного перехода между разделами сайта, а также для размещения контактной информации о вашем магазине.

• Дополнительные секции с контентом и более подробной информацией о товаре — секции-галереи, видео-обзоры, описание дополнительных акций и т.д.

II. Изменение адреса страницы

Теперь, когда страница создана и заполнена контентом, нужно изменить ее адрес. Сейчас он не характеризует размещенный товар:

Просмотр актуального адреса товарной страницы
Просмотр актуального адреса товарной страницы

• Кликните по меню редактора и выберите параметр "Настройки страницы":

Переход в настройки страницы для изменения адреса
Переход в настройки страницы для изменения адреса

• Во вкладке "Общие" в опции "Адрес страницы" нажмите на кнопку "Изменить":

Изменения адреса страницы товара
Изменения адреса страницы товара

• Укажите подходящий адрес и нажмите на кнопку "Сохранить":

Сохранения адреса страницы в mottor
Сохранения адреса страницы в mottor

III. Указание ссылки на товар в его настройках

Адрес страницы заменен, теперь привяжем его в настройках товара.


• В меню редактора выберите раздел "Товары":

Переход в раздел товаров
Переход в раздел товаров

• Перейдите в настройки нужного товара:

Переход в настройки товара
Переход в настройки товара

• Укажите ссылку на созданную страницу в параметре "Специальная страница для просмотра товаров". Если адрес введен верно, система сообщит вам об этом:

Ввод актуального адреса страницы товара для подробного просмотра
Ввод актуального адреса страницы товара для подробного просмотра

• И не забудьте сохранить настройки товара:

Сохранение адреса
Сохранение адреса

Готово, страница для товара создана!

Создание копий страниц с товарами

Мы создали одну страницу для товара, теперь можно просто копировать ее нужное количество раз, чтобы не создавать каждую заново.

• Для этого вернитесь в список страниц сайта и нажмите на кнопку "•••" около страницы товара:

Клонирование страниц в mottor
Клонирование страниц в mottor

Далее останется только отредактировать созданные копии, заменить их адрес и указать эти адреса в настройках товаров :)

Часто задаваемые вопросы
1. Можно ли как-то автоматизировать создание таких страниц?

Пока такой возможности нет, потому их нужно создавать вручную.

2. Что такое "варианты" и "опции" в списке элементов секции-каталога?

Варианты — это функция, позволяющая создать несколько разновидностей одного товара. Отличаться они могут по цвету, размеру, материалу и т.д. Процесс настройки описан в инструкции.

Опции — это функция, позволяющая добавлять к товару дополнительные услуги. Например, дополнительные ингредиенты к блюду, влияющие на конечную стоимость товара. Процесс настройки описан в инструкции.

Итоги

Итак, в этой статье мы узнали, как можно создать отдельные страницы для товаров.

Если что-то будет непонятно — в конструкторе сайтов mottor есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat

Создать сайт с ИИ бесплатно

Не забудьте протестировать все возможности mottor прямо сейчас

Конструктор сайтов, чат-ботов, автоворонок, мобильных приложений

Конструктор сайтов, чат-ботов, автоворонок, мобильных приложений

Быстрый старт:

Премиум поддержка
Полезные материалы
Интеграции
Технологии
Шаблоны сайтов
Тарифы
Импорт из Figma
Сделано на mottor
Партнеры

Продукты:

Сайты + лендинги
Интернет-магазины
Квизы
Чат-боты
Автоворонки
Приложение
AI-агенты (n8n)
Партнерская программа
WhiteLabel

О нас:

О компании
Тур по сервису
Вакансии
Отзывы
Контакты

Шаблоны:

Популярные запросы:

Все шаблоны
Шаблон доставка еды
Шаблон строительство
Шаблон недвижимость
Шаблон онлайн-курс
Шаблон онлайн школа
Шаблон портфолио
Шаблон вебинар
Шаблон интернет-магазин мебели

ООО “ЛПМОТОР”, все данные защищены

Договор оферта
Согласие
Политика конфиденциальнсоти
Инструкция по установке
Бесплатный конструктор сайта
Одностраничный сайт
Конструктор интернет магазинов
Конструктор страниц
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Сайт конструктор бесплатно
Создать квиз
Конструктор создания сайтов
Создать сайт бесплатно конструктор
Многостраничный сайт
Создать бесплатно интернет магазин
Создать сайт онлайн бесплатно самому
Создать сайт конструктор

Стоимость:

Клиенты:

Материалы:

Обновления
Справочный центр
Бесплатный практикум
Mottor Campus

Подпишитесь на наши соцсети
и получайте кейсы, исследования и обновления первыми:

Бесплатный звонок по России

Бесплатный звонок по России

support@lpmotor.ru

support@lpmotor.ru