> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/shop/site/products.md).

# Предложение товаров на сайте

Вы можете добавить товар или услугу на сайт или к любому проекту на диске. Товар (услугу) можно сразу купить или оставить заявку на покупку.

## Как добавить товар на сайт

* Создайте [карточку товара](/shop/products/add-product.md) в разделе **«Магазин»**.
* Заполните страницу нужной информацией с описанием товаров или услуг. Описание и цену товаров особенно важно указывать при подключении платежной системы.
* Нажмите на кнопку <mark style="background-color:blue;">**(+)**</mark> для добавления новых блоков. Выберите блок из вкладки **«Кнопки»**. Перейдите в настройки кнопки.

<figure><img src="/files/ZN67XrH1kNgUcnTKKCK4" alt=""><figcaption></figcaption></figure>

* Дайте кнопке название. Выберите действие **«Открыть товар/услугу»**. Чтобы страница открывалась в новой вкладке, активируйте переключатель «Открыть товар в новой вкладке».
* Добавьте карточку товара.

<figure><img src="/files/YCcDdYKIeVkvszLHaoNb" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/1ngHY9yjLacy2vSrDQol" alt=""><figcaption><p>Пример страницы с формой заявки на услугу — форма открывается в модальном окне на странице услуг</p></figcaption></figure>

<figure><img src="/files/9mezbRO3iJliVLcfs9Aa" alt=""><figcaption><p>Пример страницы с формой заявки на услугу — страница товара с формой открывается в новой вкладке</p></figcaption></figure>

### Как поделиться ссылкой на товар <a href="#kak-podelitsya-ssylkoi-na-tovar" id="kak-podelitsya-ssylkoi-na-tovar"></a>

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

В разделе магазина **«Товары»** нажмите на стрелку возле карточки товара или услуги. Скопируйте ссылку или поделитесь ею напрямую в мессенджере.

<figure><img src="/files/5Y6in8vvOksLMcDMsbaq" alt=""><figcaption></figcaption></figure>

При переходе по ссылке откроется уникальная страница с вашим товаром или услугой и формой для оформления заказа.

### Как настроить продажи с оплатой онлайн

Платежная система подключается для сайта, который полностью готов к работе и открыт для посетителей.&#x20;

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

* Создайте товары в разделе **«Магазин»:** физический товар или цифровой продукт, запись на консультацию или съемку и т.д.
* Подробно опишите товар или услугу, а также укажите, каким способом покупатель получит товар после оплаты, добавьте фотографии в карточку товара, укажите стоимость и настройте действия после заказа. В поле **«Способ оплаты»** выберите **«Оплата наличными»**.
* Добавьте товары на страницу по [инструкции](#kak-dobavit-tovar-na-sait).

До подключения платежной системы проверьте ваш сайт по [чек-листу](/shop/payment/online-payments.md).

{% hint style="warning" %}
Если в настройках товара выбрать способ оплаты «Онлайн-оплата», до подключения платежной системы кнопки для перехода к товарам на сайте и в галерее будут неактивны. Для успешного прохождения проверки установите способ «Оплата наличными» — так кнопки будут кликабельными, а весь сценарий покупки доступен для проверки.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.wfolio.pro/shop/site/products.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.