Подключение онлайн-оплаты
База знаний Подключение онлайн-оплаты Как подключить платежную систему bePaid к своему сайту на Craftum?

Как подключить платежную систему bePaid к своему сайту на Craftum?

Пошаговая инструкция:

  1. Перейдите на сайт bePaid по ссылке и отправьте заявку на подключение. Либо напишите на почту sales@bepaid.tech

  2. Менеджер свяжется с вами, чтобы помочь заполнить документы и предоставить доступ к личному кабинету bePaid.

  3. Перейдите в bePaid API для выбора подходящего варианта виджета.

    bePaid API

  4. Скопируйте код нужного вам виджета.

    Пример кода виджета в bePaid API
  5. Войдите в свой аккаунт в Craftum и выберите сайт, для которого хотите подключить онлайн-оплату. Нажмите на «+» под тем блоком, где должна отображаться платежная форма.

    Добавление нового блока в конструкторе сайтов Craftum
  6. В категории «Другое» выберите блок «HTML-код».

    Блок HTML-код в конструкторе сайтов Craftum
  7. Добавьте скопированный ранее код виджета в блок и опубликуйте страницу.

    Добавление кода в конструкторе сайтов Craftum

  8. Таким образом на ваш сайт был добавлен виджет (кнопка). Теперь нужно добавить функцию вызова, которая находится под самим виджетом в API. Для этого перейдите по ссылке и скопируйте код вызова виджета.

    Пример функции вызова виджета в bePaid API

  9. Вернитесь к редактированию сайта и найдите в блоке с кодом виджета следующий фрагмент:
    <!-- Подключение библиотеки bePaid для вызова виджета -->  <script defer type="text/javascript" src="https://checkout.bepaid.tech/widget/be_gateway.js"></script>  <script defer type="text/javascript" src="./index.js"></script>

    Работа с кодом в конструкторе Craftum
  10. Сразу после js"></script> вставьте скопированный из API код для вызова виджета.

    Работа с кодом в конструкторе Craftum

  11. Настройте параметры виджета. Например, высоту и ширину или валюту приема платежей (по умолчанию установлено USD). Затем опубликуйте страницу.
    Пример:
    •     <style>
    •      #root {
    •      height: 100vh;  (высота)
    •      width: 10%;     (ширина)
        }

  12. Всё почти готово — осталось добавить индивидуальный публичный ключ магазина. Для этого войдите в личный кабинет bePaid по ссылке, используя свой адрес электронной почты и пароль.

  13. Перейдите во вкладку «Магазины» и нажмите «Подробнее».

    Личный кабинет bePaid

  14. На открывшейся странице нажмите «Показать публичный ключ магазина» и скопируйте ключ.

    Публичный ключ магазина в bePaid

  15. Вернитесь к редактированию сайта и найдите в блоке с кодом строку "public_key":

    Работа с кодом в конструкторе Craftum

  16. Замените тестовый публичный ключ магазина на индивидуальный, который вы скопировали из личного кабинета. 

Готово, опубликуйте страницу и принимайте платежи!

Платежная форма bePaid на сайте

По вопросам работы с платежным сервисом вы можете обращаться к сотрудникам bePaid:

  • телефон: +7 (495) 799-11-05 
  • почта: sales@bepaid.tech