Настройка платежной системы Stripe
Для интернет-магазина, ориентированного на Европу и США
Stripe — это компания, которая работает в более чем 45 странах мира и дает возможность принимать онлайн-платежи на своем сайте как физическим лицам, так и бизнесу.
Главная страница сайта Stripe с кнопками "Sign in" в правом верхнем углу и "Start now" внизу слева.
Важно: Stripe не работает для магазинов из России и стран СНГ. Смотрите список поддерживаемых стран.
Stripe работает только на сайтах c протоколом HTTPS. Подключите сертификат и настройте переадресацию с HTTP на HTTPS.
Зарегистрируйтесь в Stripe и добавьте первоначальную информацию. Вы перейдете в контрольную панель платежной системы.
В личном кабинете Stripe: блок "For developers" с ключами "Publishable key" и "Secret key" справа на главной странице.
Добавьте имя в настройках аккаунта.
В панели Stripe в разделе «Account settings»: поле «Account name».
Загрузите иконку и логотип в настройках брендинга. Выберите основной цвет для инвойсов и чеков.
В панели управления Stripe в разделе «Branding»: настройки параметров "Icon", "Logo", "Use logo instead of icon", "Brand color" и "Accent color".
Перейдите на раздел Developers на верхней панели.
В панели управления Stripe: раздел «Developers» внизу левого бокового меню.
Перейдите на вкладку API. Среди ключей появятся Secret и Publishable ключи, их нужно скопировать.
В панели управления Stripe во вкладке «API keys» раздела Developers: ключи «Publishable key» и «Secret key».
Перейдите в раздел Webhook и нажмите на кнопку «Add an endpoint».

В панели Stripe в разделе «Developers»: вкладка «Webhooks» вверху и кнопка «Create an event destination» в центре страницы.
Вставьте URL из поля WEBHOOK URL (его можно найти в настройках Stripe на Тильде) в поле Endpoint URL и добавьте два события: charge.failed и charge.succeeded. Сохраните изменения.
Используйте только тот URL, который указан в настройках платежной системы Stripe именно внутри вашего проекта.
В панели Stripe в окне «Listen to Stripe events»: поле «Endpoint URL» и выбранные события в блоке «Select events to listen to».
На скриншоте указан только пример URL. Актуальный URL доступен только в настройках платежной системы вашего проекта.
В настройках этого вебхука появится дополнительный ключ Signing secret. Нужно кликнуть на него, чтобы раскрыть и скопировать.
В панели Stripe в разделе «Webhooks»: кнопка «Reveal» в пункте «Signing secret».
На скриншоте указан только пример URL. Актуальный URL доступен только в настройках платежной системы вашего проекта.
Теперь перейдите в настройки сайта → Платежные системы → Stripe.
Настройки сайта, раздел «Платежные системы»: карточка «Stripe» в списке платежных сервисов.
Вставьте Publishable key, Secret key, Signing secret, заполните остальные поля и сохраните изменения.
В настройках «Подключение к платежной системе: Stripe» поля «ПУБЛИЧНЫЙ КЛЮЧ», «СЕКРЕТНЫЙ КЛЮЧ» и «СЕКРЕТ ДЛЯ ПОДПИСИ».
Платежная система подключена. Данный алгоритм подходит и для тестового режима интеграции, так и для боевого.

Если вы подключите несколько платежных систем, то они будут показаны списком в корзине.
В форме оформления заказа: способ оплаты «Credit Card (Visa, Mastercard) via Stripe».
Для тестирования интеграции используйте тестовые данные карт.
Рекуррентные платежи в текущей версии интеграции не поддерживаются.
Made on
Tilda