Jak integrovat platební bránu Stripe do WooCommerce

Platební brána Stripe se před nedávnem oficiálně dostala do Česka a Slovenka a tak se v tomto článku podíváme na to, jak ji integrovat do WooCommerce e-shopu.

Stripe je moderní platební brána, která podporuje oblíbené platební metody jako Apple nebo Google Pay a díky její API je možné snadno využívat předuložených karet v zařízení. Její použití je pro zákazníky pohodlné a rychlé.

Celý proces zřízení a integrace brány je otázkou chvíle a nemusíte čekat na různé schválení a posílat naskenované dokumenty.

POZOR: Stripe sídlí v Irsku a poplatky, které za bránu musíte platit se strhávají bez DPH. Ty pak kvůli přenesené daňové povinnosti musíte dodanit zde. Doporučuji konzultovat tuto skutečnost s vaším účetním nebo místním finančním úřadem.

Jak WordPress WooCommerce propojit s platební bránou Stripe

Nejprve se musíte zaregistrovat na stránkách platební brány Stripe.

Registrace Stripe

Po založení účtu vám na registrační e-mail dojde odkaz pro potvrzení. Nezapomeňte na něj kliknout.

Dokončení registrace vás vezme na nástěnku, kde byste měli začít možností Activate your Stripe account a vyplnit základní informace o obchodu.

Vyplnit zde musíte základní informace o businessu jako jeho adresu, fakturační údaje, zaměření, účet a další. Nakonec vše uložte a počkejte na schválení účtu. Schválení u nás trvalo zhruba 15 minut.

Stripe hlavní obrazovka

Nastavení WooCommerce Stripe pluginu

Ihned po prvním přihlášení máte k dispozici testovací i produkční API klíče a můžete se pustit do integrace platební brány do e-shopu.

Pro integraci je zdarma dostupný ke stažení plugin přímo od vývojářů WooCommerce. Najít ho můžete na stránkách WooCommerce.com. Plugin stáhněte a nainstalujte do WordPress.

Nastavení pluginu najdete v WooCommerce → Nastavení → Pokladna → Stripe.

Nastavení Stripe

Nastavení je přeloženo do češtiny a orientace je velmi jednoduchá.

Nastavení pluginu WooCommerce Stripe

• Povolit/Zakázat – zaškrtnutím aktivujete bránu.
• Název – zobrazený název platební metody v e-shopu.
• Popis – zobrazený popis platební metody v e-shopu.

Koncové body webhooku

Dále je potřeba do nastavení platební brány zkopírovat webhook, který najdete pod nadpisem Koncové body webhooku. Endpoint slouží k přímání oznámení o stavu plateb. Pozor, pro testovací i produkční bránu je potřeba vytvořit vlastní endpoint.

Proklikněte se odkazem do nastavení a v boxu Endpoints klikně na tlačítko Add endpoint.

Stripe Webhooks

Do zobrazeného okna vložte Endpoint URL a klikněte na + Select events.

Stripe vytvoření události

Zobrazí se nabídka událostí (eventů). V horní části klikněte na Select all events a poté na tlačítko Add events.

Stripe přidání událostí

Nakonec klikněte na Add endpoint (na konci stránky).

• Testovací mód – zaškrtnutá položka ovlivňuje vkládání klíčů. Pokud máte zaškrtnuto využívá se Test brána, zadávejte testovací klíče.

Nyní je potřeba zadat klíče platební brány. Ty najdete v administraci Stripe. Zobrazení testovacích/produkčních informací se odvíjí podle přepínače Test mode v pravém horním rohu.

Stripe API klíče

• Test Publishable Key/Live Publishable Key – zadejte klíč.
• Test Secret Key/Live Secret Key – zadejte klíč.
• Testovací Webhook tajný klíč/Webhook tajný klíč – zadejte klíč, který najdete v sekci Webhooks (tam, kde jste přidávali endpoint). Pozor, Webhook Secret key je jiný pro testovací i produkční bránu.
• Inline formulář platební karty – zaškrtnutím povolíte inline formulář.
• Deskriptor výkazů – text, který se zobrazí jako poznámka u zákazníka ve výpise bankovního účtu.
• Zachytit – nechte zaškrtnuté, zajistí automatické zablokování sumy z účtu zákazníka.
• Tlačítka požadavku na platbu – zaškrtnutím povolíte zobrazení platebních tlačítek doplňkových platebních metod jako je Apple Pay, Google Pay, Microsoft Pay a Samsung Pay. Tyto tlačítka je ještě potřeba donastavit.
• Typ tlačítka požadavku na platbu – vyberte typ zobrazení platebního tlačítka.
• Motiv tlačítka požadavku na platbu – vyberte požadovaný design.
• Výška tlačítka požadavku na platbu – nastavte výšku tlačítka v px.
• Uložené karty – zaškrtnutím povolíte zákazníkům využít předvyplnění formuláře.
• Ladění – použijte jen v případě nutnosti zobrazení logů při chybě.

Testovací mód

Na začátek doporučuji platební bránu otestovat. Při zapnutím testovacím režimu se bude v pokladně zobrazovat klasická platební metoda s informací, jakou platební kartu máte použít.

Testovací zobrazení Stripe v pokladně

Ihned po otestování uvidíte v administraci Stripe různá data objednávek.

Testovací data Stripe

Jakmile máte vše hotové, tak v nastavení pluginu vypněte Testovací mód, zadejte produkční klíče a máte Stripe pro použití kreditních a debetních karet nastavený.