База знаний no-code платформы Taptop

Как создать интернет-магазин

Содержание
Шаг 1. Откройте вкладку «Коллекции» (или «Страницы»)
Шаг 2. Создайте магазин
Шаг 3. Наполните магазин категориями и товарами
Шаг 4. Соберите и стилизуйте страницы магазина

Магазин создаётся из редактора дизайна, а каталог наполняется через отдельную панель управления. После создания магазина в проекте сразу появляются пять стандартных страниц магазина — дальше их нужно наполнить каталогом и собрать в редакторе.

Шаг 1. Откройте вкладку «Коллекции» (или «Страницы»)

В редакторе дизайна откройте вкладку «Коллекции» на левой панели. Если магазин на сайте ещё не создан, в разделе «Интернет-магазин» вы увидите кнопку «Создать магазин».

BlockNote image

На вкладке «Страницы» есть аналогичная кнопка: раздел МагазинСоздать магазин.

BlockNote image

Можно использовать любой способ. 

Шаг 2. Создайте магазин

Нажмите кнопку «Создать магазин». Появится окно с подтверждением:

BlockNote image

Нажмите «Создать магазин» ещё раз, чтобы подтвердить.

В разделе «Магазин» на панели «Страницы» появятся пять страниц: Главная магазина, Карточка товара, Категория товаров, Оформление заказа, Оформленный заказ.

BlockNote image

Обратите внимание: магазин — не отдельный сайт, а набор страниц внутри вашего текущего проекта. Главной страницей сайта после создания магазина по-прежнему остаётся Page 1, которая создаётся автоматически вместе с сайтом. «Главная магазина» появляется как ещё одна обычная страница и сама по себе главной не становится.
Если по задумке магазин и есть главная страница сайта — назначьте «Главную магазина» главной сайта вручную: откройте её в панели «Страницы», откройте настройки и нажмите на значок домика. Лучше сделать это сразу, до начала оформления, — иначе есть риск сверстать дизайн на обычной главной, а потом переносить его на страницу магазина.

BlockNote image

Шаг 3. Наполните магазин категориями и товарами

Сразу после создания магазина в новой вкладке браузера откроется Панель управления магазином. В ней нужно добавить хотя бы одну категорию и один товар — без этого страницам каталога будет нечего показывать. Подробно о работе с панелью — в статье

BlockNote image

Когда наполните каталог, нажмите «Вернуться в редактор» в правой части верхней панели — далее откроется редактор дизайна в новой вкладке.

Панель управления магазином можно открыть повторно в любой момент. На вкладке «Коллекции» в левой панели редактора есть блок «Интернет-магазин» с кнопкой «Управление магазином».

BlockNote image

Шаг 4. Соберите и стилизуйте страницы магазина

При создании страницы магазина наполняются по-разному:

Оформление заказа и Оформленный заказ уже собраны — на них стоят нужные виджеты, остаётся только стилизовать их под дизайн сайта.

Карточка товара заполнится автоматически, но только после того, как в каталоге появится хотя бы один товар, — то есть после шага 3. Дальше её тоже нужно только стилизовать.

Главная магазина и Категория товаров создаются пустыми — виджеты для них нужно добавить самостоятельно.

Похожие статьи

Уведомления о заказах
Импорт, экспорт и массовые операции
Параметры магазина
Заказы в панели управления
Корзина и оформление заказа
Как создать интернет-магазин | База знаний конструктора сайтов Taptop