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. Pokud plátci DPH nejste, automaticky se jím stáváte nebo musíte být Identifikovaná osoba.

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.

Aktivace Stripe účtu

Aktivace Stripe účtu

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.

Nastavení WooCommerce Stripe pluginu

Ihned po prvním přihlášení máte k dispozici testovací 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 Add endpoint.

Přidání koncového bodu do Stripe

Přidání koncového bodu do Stripe

Do zobrazeného okna vložte Endpoint URL a v sekci Events to send klikněte na receive all events.

Nastavení endpointu

Nastavení endpointu

Nakonec klikněte na Add endpoint.

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

Klíče Stripe

Klíče Stripe

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

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!

Tomáš Cirkl

Tomáš Cirkl

WordPress specialista

Blog WPlama.cz píši už více než 5 let. O WordPress přednáším a pořádám školení. Pro své klienty vytvářím a spravuji webové stránky.