> 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 %}