WooCommerce

Jak integrovat platební bránu Stripe do WooCommerce

Stripe
Autor příspěvku Tomáš Cirkl

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

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

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í 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

Stripe Webhooks

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

Stripe vytvoření události

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í

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

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ě

Testovací zobrazení Stripe v pokladně

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

Testovací data Stripe

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ý.

O autorovi

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

5 komentářů

  • Diky za super clanek, jen mensi poznamka k tomu upozorneni na DPH na zacatku clanku. V CR jsou financni sluzby osvobozene od DPH podle § 54, 235/2004 Sb. Zákon o dani z přidané hodnoty. Takze ani platcem DPH, ani IO neni se treba stavat v pripade prijeti financnich sluzeb od bank a podobnych instituci v EU.

    • Zdravím,
      přeptal jsem se své účetní a ta mi potvrdila nutnost se stát DPH plátce. Nicméně nejsem na to odborník, doporučuji se přeptat na finančním úřadě, pokud chcete jistotu.

      • Dobry den, dekuji za rychlou odpoved. Platce DPH byt musite to bezpochyby. Ale zajimalo me spise jak dodanit ty poplatky ktere si stripe uctuje.

        Jiz jsem odpoved nasel tak prikladam navod treba pro ostatni: V dashboardu Settings > Reporting and Documents > Documents. A faktura je k dispozici 10. dne nasledujiciho mesice. Pote pouze predate ucetni stejne jako faktury za google, fb atd.

        • Zdravím,
          aha, tak to jsme se nepochopili. 🙂

          Ano, ty faktury jsou dostupné do 10. v měsíci, já je tam obvykle mám kolem 4.

Zanechat komentář

Získejte více informací o WordPress!

Připojte se do našeho emailového seznamu a nenechte si ujít informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!