Если цель одностраничного сайта - продажа товара, то для её достижения можно разместить на странице кнопки обратного звонка и формы обратной связи, а можно установить корзину. Страница будет работать как интернет-магазин: размещаем карточки товаров, цену, кнопки "Заказать" и настраиваем корзину - товары будут сразу попадать туда.

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

Как добавить карточку товара?

Выбираем виджет “Блок”, перемещаем его на страницу и в настройках виджета назначаем роль “Карточка товара”.

Добавляем изображение товара

1. Выбираем виджет “Картинка” и перемещаем его в карточку товара.
2. В настройках виджета “Картинка” во вкладке "Роль" выбираем “Фото товара”.
3. Загружаем изображение.

Добавляем название, описание и цену товара

1. Выбираем виджет “Текст” и перемещаем его в карточку товара.
2. В настройках виджета “Текст” во вкладке "Роль" выбираем “Название товара”.
3. Редактируем название.
   

Чтобы добавить описание товара, добавляем еще один виджет "Текст" и назначаем роль "Текст".

Чтобы добавить стоимость товара, добавляем третий виджет "Текст" и назначаем роль "Цена товара".

Устанавливаем кнопку добавления товара в корзину

1. Выбираем виджет “Кнопка ссылка” и перемещаем его в карточку товара.
2. В настройках кнопки во вкладке “Действие” назначаем “Добавить в корзину”.
3. Теперь, нажимая кнопку "Купить", мы перемещаем товар в корзину.
   

Чтобы установить две цены на одну карточку товара, добавляем два виджета “Текст”. На старой цене установим роль “Текст” и перечеркиваем её. На новой цене оставляем роль “Цена товара”. Теперь цена будет отображаться со скидкой и в корзину будет передаваться только та цена, в которой установлена роль “Цена товара”.

Как установить корзину?

Размещаем на станице виджет “Кнопка-корзина”.

Настраиваем корзину

Нажимаем на установленный виджет “Корзина” и открываем окно корзины.

В окне корзины есть две вкладки:

• Вкладка с товаром отображает, как будет выглядеть корзина с добавленным товаром.
• Пустая вкладка отображает, как будет выглядеть корзина без товара.

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

• Обычные виджеты будут использоваться для настройки дизайна и информации.

• Специальные виджеты из вкладки “Корзина” будут использоваться для добавления информации о товаре и таких функций как удалить товар, задать нужное количество, итоговую стоимость и другие.

Добавляем необходимые виджеты на в окно корзины, и корзина готова!

После того, как клиент добавит товар в корзину и оформит заявку, она попадёт в личный кабинет в раздел «Заявки». Чтобы быстро реагировать на заявки, подключаем уведомления на почту, по sms и в Telegram.

Пример использования корзины на странице

Все статьи о редакторе Платформы в рубрике #сделайлендинг.

Видеоурок, как настроить интернет-магазин: