Как добавить и настроить виджет товара в магазине Wix Stores?

5 мин. чтения
Виджет товара позволяет отображать один товар в любом разделе вашего сайта. При этом вы сами решаете, что будет происходить при клике на виджет: будет ли открываться страница товара или товар будет добавляться в корзину.
Примечание
Виджет товара в настоящее время недоступен в Editor X. Однако вы можете продвигать товары и другими способами, например, с помощью лендинга. Подробнее о продвижении товаров (на английском языке).

Шаг 1 | Добавьте виджет товара

Виджет товара представлен в двух стилях: компактный и расширенный. Выберите тот стиль, который подходит вам.

Чтобы добавить виджет товара:

  1. Перейдите на страницу, где вы хотите разместить виджет товара.
  2. Нажмите на значок Добавить  в левой части редактора.
  3. Выберите пункт Магазин.
  4. Нажмите Виджет товара.
  5. Перетащите виджет товара на страницу.

Шаг 2 | Подключите виджет к товару

Виджет товара позволяет демонстрировать один из ваших товаров и упрощает его покупку. Для настройки виджета выберите товар, который вы хотите продвигать.

Чтобы подключить товар к виджету:

  1. Нажмите на виджет товара на странице в редакторе.
  2. Нажмите Настроить.
  3. Нажмите на значок стрелки .

  4. Выберите товар.

Шаг 3 | Настройте поведение виджета

Теперь выберите, хотите ли вы отобразить кнопку в виджете. Если вы показываете кнопку, вы можете выбрать, куда она ведет — на страницу товара или на всплывающее окно быстрого просмотра.

Чтобы настроить поведение виджета:

  1. Нажмите на виджет товара на странице в редакторе.
  2. Нажмите Настроить.
  3. Перейдите во вкладку Настройка.
  4. Выберите, когда будет отображаться кнопка виджета:
    • Постоянно: кнопка будет видна всегда.
    • Только при наведении: кнопка будет видна только при наведении курсора (в мобильной версии кнопка видна не будет).
    • Никогда: кнопка не отображается.
  5. Выберите, что произойдет при нажатии кнопки:
    • Перейти на страницу товара: покупатели переходят на страницу товара.
    • Добавить товар в корзину: покупатели переходят к быстрому просмотру товара, откуда они могут добавить товар в корзину.
  6. Отредактируйте текст кнопки по умолчанию.
  7. Отредактируйте сообщение «Нет в наличии», которое появляется автоматически, когда запас товара заканчивается.

Шаг 4 | Настройте макет виджета

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

Чтобы настроить макет:

  1. Нажмите на виджет товара на странице в редакторе.
  2. Нажмите Настроить.
  3. Перейдите во вкладку Макет.
  4. Выберите стиль, который хотите настроить:

Шаг 5 | Настройте дизайн виджета

Выберите для виджета идеально подходящие цвета, границы, шрифты и многое другое.

Чтобы обновить дизайн виджета:

  1. Нажмите на виджет товара на странице в редакторе.
  2. Нажмите Настроить.
  3. Перейдите во вкладку Дизайн.
  4. Обновите дизайн, используя любой из доступных вариантов.

Была ли статья полезна?

|