У цій статті:

• Кнопка зі спливним вікном
• Своя кнопка
• Кілька кнопок на сторінці
• Одразу до оформлення замовлення
• Картка на сторінці
• Форма підписки
• Для розробників: вебхук і API
• Питання й відповіді

Покупців не обов'язково вести на сторінку продукту в BlackSea. Кнопку або картку продукту можна вставити просто на свій сайт — у Tilda, WordPress, Webflow, Carrd чи будь-який інший конструктор, де можна додати власний HTML-код.

Усі коди лежать у Налаштування → Віджети.

Кнопка зі спливним вікном

1. Відкрийте Налаштування → Віджети і виберіть «Спливне вікно».
2. Оберіть продукт.
3. За бажанням змініть текст кнопки (за замовчуванням — «Купити на BlackSea») і її колір: чорна, зелена або біла. Праворуч одразу видно, як виглядатиме кнопка.
4. Натисніть «Скопіювати код» і вставте його в HTML свого сайту там, де має бути кнопка.

Коли покупець натисне кнопку, сторінка продукту відкриється у вікні поверх вашого сайту, а оплата пройде на захищеній сторінці BlackSea.

Якщо конструктор не дає вставити код, пошукайте в його довідці блок на кшталт «HTML», «Embed» чи «Код» або напишіть у його підтримку.

Своя кнопка

Замість кнопки BlackSea можна використати власну кнопку, картинку чи звичайний текст. Приберіть із посилання атрибут class — спливне вікно все одно працюватиме:

<script src="https://blacksea.in.ua/js/blacksea.js"></script>
<a href="https://user.blacksea.in.ua/l/prod1">Купити курс</a>

Кілька кнопок на сторінці

Рядок зі <script> потрібен на сторінці лише один раз, скільки б кнопок там не було. Якщо вставити його кілька разів, кнопки можуть працювати неправильно.

<script src="https://blacksea.in.ua/js/blacksea.js"></script>
<a class="blacksea-button" href="https://user.blacksea.in.ua/l/prod1">Купити на</a>
<a class="blacksea-button" href="https://user.blacksea.in.ua/l/prod2">Купити на</a>

Одразу до оформлення замовлення

Щоб кнопка вела не на сторінку продукту, а одразу до оплати, перед копіюванням коду увімкніть перемикач «Одразу відкривати оформлення замовлення».

Картка на сторінці

Якщо хочете показати продукт прямо на сторінці, а не у спливному вікні, виберіть «Картка на сторінці», оберіть продукт і натисніть «Скопіювати код». На вашому сайті з'явиться картка з обкладинкою, назвою, ціною та кнопкою покупки.

Форма підписки

У тому ж розділі є форма підписки на ваші розсилки:

• «Скопіювати посилання» — посилання на сторінку підписки, яким можна поділитися будь-де;
• «Скопіювати код» під «Код форми підписки» — готова форма з полем для пошти, яку можна вставити на сайт.

Перш ніж вставляти, перевірте форму на своїй пошті прямо там, у налаштуваннях. Нові підписники з'являться в Розсилки → Підписники.

Для розробників: вебхук і API

• Вебхук надсилає дані про кожен продаж на ваш сервер. Адреса вказується в Налаштування → Додатково.
• API дає змогу працювати з продуктами, продажами й підписниками з коду. Щоб отримати токен, створіть застосунок у Налаштування → Додатково → Додатки.

Питання й відповіді

Чи можна прийняти оплату просто на моєму сайті?

Ні. Оплата завжди проходить на захищеній сторінці BlackSea — так ми відповідаємо за безпеку платежу, чеки й доступ покупця до продукту.

Чи працюють промокоди?

Так. Скопіюйте посилання на продукт із промокодом і вставте його в код кнопки замість звичайного посилання, у атрибут href.

У мене вже стоїть старий код з gumroad.js. Його треба міняти?

Ні, старий код і далі працює. Новий потрібен, лише якщо хочете обрати колір кнопки.