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

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

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

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

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FxekJ2pNzpyJrSNyOIrUp%2Fadd%20product%20to%20button%202%20ru.png?alt=media&#x26;token=ced34ee1-b8b2-4e8c-a779-6e7e979b5c45" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FqHe22mG5FAGP0YtFH6qb%2Fadd%20product%20card%20site%20ru.png?alt=media&#x26;token=088ed1a2-f51d-4e82-9bf4-29eb9c5ccba0" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FwMe3y35cPfaN4DBwisVL%2Fproduct%20site%20modal%20ru.png?alt=media&#x26;token=7a5cd7ff-66ef-452a-bf4c-f01ba0a984c4" alt=""><figcaption><p>Пример страницы с формой заявки на услугу — форма открывается в модальном окне на странице услуг</p></figcaption></figure>

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FgG49wFAxR9yZ0r5LOFnW%2Fproduct%20site%20separate%20page%20ru.png?alt=media&#x26;token=6137148e-c33b-493b-9ac9-3e00b6701c09" alt=""><figcaption><p>Пример страницы с формой заявки на услугу — страница товара с формой открывается в новой вкладке</p></figcaption></figure>

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

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

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

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FwsLoYN5M9lvfrtusvzSG%2Fshare%20product%20ru.png?alt=media&#x26;token=0012a38d-d855-465c-b48e-8d43eb26daca" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

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

#### Похожие страницы

{% content-ref url="../gallery/products" %}
[products](https://docs.wfolio.pro/shop/gallery/products)
{% endcontent-ref %}

{% content-ref url="../gallery/digital-photos" %}
[digital-photos](https://docs.wfolio.pro/shop/gallery/digital-photos)
{% endcontent-ref %}

{% content-ref url="../gallery/photoprint" %}
[photoprint](https://docs.wfolio.pro/shop/gallery/photoprint)
{% endcontent-ref %}