--- site_name: WPlama site_description: Internetové stránky na WordPressu snadno a česky site_url: https://www.wplama.cz contact_email: tomas@wplama.cz title: Jak integrovat platební bránu Stripe do WooCommerce url: https://www.wplama.cz/jak-integrovat-platebni-branu-stripe-do-woocommerce/ date: 2024-02-05 modified: 2024-02-08 author: Tomáš Cirkl type: post categories: [WooCommerce] tags: [platební brána, Stripe, Woocommerce] --- V dnešním digitálním věku je zásadní nabídnout zákazníkům na vašem e-shopu plynulý a bezpečný způsob platby. Integrace platební brány Stripe do vašeho WooCommerce obchodu přináší právě to – jednoduchost, flexibilitu a bezpečnost. V tomto článku se podrobně podíváme na to, **jak integrovat Stripe do WooCommerce**, abyste mohli co nejrychleji a nejefektivněji začít přijímat platby. 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. Registrace i implementace platební brány Stripe se dá bez problémů zvládnout během jednoho dne. Obsah 1. Co je to Stripe 2. Jak WordPress WooCommerce propojit s platební bránou Stripe 3. Nastavení WooCommerce Stripe pluginu ## Co je to Stripe Stripe je technologická platforma, která umožňuje přijímat online platby. Nabízí řadu nástrojů a služeb, včetně zpracování plateb, fakturace, a správy předplatného. Stripe se zaměřuje na zjednodušení platebních procesů pro e-shopy a online podniky, poskytující bezpečné a efektivní řešení pro transakce. ### Výhody platební brány Stripe Rychlá registrace. Oficiální plugin pro WooCommerce zdarma. Jednoduché nastavení. Žádné měsíční fixní platby, platíte pouze % z obratu přes bránu. Opakované platby. Podpora Apple Pay a Google Pay. ### Nevýhody platební brány Stripe Dražší % sazby v porovnání s českými platebními bránami. Administrace platební brány v angličtině. Pro méně technické uživatele složitější implementace. ### Potřebujete pomoci? Rádi vám pomůžeme nasadit platební bránu Stripe na váš WooCommerce e-shop. [Najměte si nás](https://www.wplama.cz/najmete-si-nas/) ## Jak WordPress WooCommerce propojit s platební bránou Stripe Nejprve se musíte [zaregistrovat](https://dashboard.stripe.com/register) na stránkách platební brány Stripe. [![Registrace Stripe](https://www.wplama.cz/wp-content/uploads/2020/06/registrace-stripe-1024x519.png "Registrace Stripe")](https://www.wplama.cz/wp-content/uploads/2020/06 / registrace-stripe.png)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](https://www.wplama.cz/wp-content/uploads/2020/06/stripe-hlavni-obrazovka-1024x520.png "Stripe hlavní obrazovka")](https://www.wplama.cz/wp-content/uploads/2020/06 / stripe-hlavni-obrazovka.png)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](https://woocommerce.com/products/stripe/). Plugin stáhněte a [nainstalujte do WordPress](https://www.wplama.cz/3-zpusoby-jak-nainstalovat-wordpress-plugin/). Nastavení pluginu najdete v *WooCommerce → Nastavení → Pokladna → Stripe*. Plugin se vás zeptá, jestli chcete **vytvořit nebo připojit účet** (Create or connect an account) nebo **zadáte ručně klíče** (Enter account keys). ![Instalace Stripe do WooCommerce](https://www.wplama.cz/wp-content/uploads/2024/02/instalace-stripe-do-woocommerce-1024x509.png "Instalace Stripe do WooCommerce")*Instalace Stripe do WooCommerce* Vyberte doporučenou možnost propojení účtu a budete přesměrování na platební bránu, kde se můžete zaregistrovat nebo rovnou přihlásit (pokud již máte existující účet). ![Registrace nebo propojení účtu](https://www.wplama.cz/wp-content/uploads/2024/02/registrace-nebo-propojeni-uctu-1024x509.png "Registrace nebo propojení účtu")*Registrace nebo propojení účtu* V případě, že jste si již registraci udělali, stačí v dalším kroku vybrat doménu a kliknout na **Propojit**. ![Výběr domény pro platební bránu Stripe](https://www.wplama.cz/wp-content/uploads/2024/02/vyber-domeny-pro-platebni-branu-stripe-1024x509.png "Výběr domény pro platební bránu Stripe")*Výběr domény pro platební bránu Stripe* Pokud jste vše proběhlo správně, dostanete se zpět do nastavení WooCommerce, web a platební brána jsou propojené a vy můžete doladit nastavení pluginu. ### Nastavení pluginu WooCommerce Stripe Nastavení je rozděleno na dvě části. Settings (obecné nastavení fungování platební brány na e-shopu) a Payment Methods(nastavení povolených metod). #### Záložka Settings ![Nastavení pluginu Stripe ve WooCommerce](https://www.wplama.cz/wp-content/uploads/2024/02/nastaveni-pluginu-stripe-ve-woocommerce-1024x793.png "Nastavení pluginu Stripe ve WooCommerce")*Nastavení pluginu Stripe ve WooCommerce* ##### General – obecné nastavení - Enable Stripe– povolení/zakázání platební brány na e-shopu. - Display settings– název a popis platební metody v pokladně. - Enable test mode– povolí/zakáže možnost testovací brány. ##### Account details – informace a účtu Zda najdete stav propojení webu a platební brány. Nyní by měli zeleně svítit body Paymets a Payouts. Ještě bude **potřeba donastavit Webhooks** neboli koncové body. **Webhooks – koncové body** Webhooks slouží k příjímání oznámení o stavu plateb. Pozor, pro testovací i produkční bránu je potřeba vytvořit vlastní endpoint. Nyní je potřeba do nastavení platební brány zkopírovat webhook, který najdete šedivě označený a vypadá, viz níže. ``` https://www.vasedomena.cz/?wc-api=wc_stripe ``` Zkopírujte si jej a klikněte na odkaz **Stripe account settings(otevře se na nové záložce)**. V sekci Webhooks s klikněte na tlačítko **Add an endpoint**. [![Stripe Webhooks](https://www.wplama.cz/wp-content/uploads/2020/06/stripe-webhooks-1024x486.png "Stripe Webhooks")](https://www.wplama.cz/wp-content/uploads/2020/06 / stripe-webhooks.png)Stripe Webhooks Do zobrazeného okna vložte zkopírovanou **Endpoint URL** a klikněte na **+ Select events**. [![Stripe vytvoření události](https://www.wplama.cz/wp-content/uploads/2020/06/stripe-vytvoreni-udalosti-1024x466.png "Stripe vytvoření události")](https://www.wplama.cz/wp-content/uploads/2020/06 / stripe-vytvoreni-udalosti.png)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í](https://www.wplama.cz/wp-content/uploads/2020/06/stripe-pridani-udalosti-1024x527.png "Stripe přidání událostí")](https://www.wplama.cz/wp-content/uploads/2020/06 / stripe-pridani-udalosti.png)Stripe přidání událostí Nakonec klikněte na **Add endpoint**(na konci stránky) a máte webhook vytvořený. Můžete okno zavřít a vrátit se zpět do nastavení platební metody ve WooCommerce. ##### Payments & transactions – nastavení plateb **Enable payments via saved cards** – umožní zákazníkovi uložení karty pro rychlejší opakovaný nákup. --- **Enable separate credit card form** – zobrazení oddělený formulář pro zadání karty. --- **Customer bank statement**– nastavení informací, co se zobrazí u transakce ve výpisu karty --- #### Záložka Payment Methods ![Nastavení Stripe platebních metod ve WooCommerce](https://www.wplama.cz/wp-content/uploads/2024/02/nastaveni-stripe-platebnich-metod-ve-woocommerce-1024x509.png "Nastavení Stripe platebních metod ve WooCommerce")*Nastavení Stripe platebních metod ve WooCommerce* Zde můžete spravovat Stripe platební metody. Najdete zde platbu kartou a možnost aktivovat/deaktivovat platbu pomocí Apple Pay a Google pay. ### 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ě](https://www.wplama.cz/wp-content/uploads/2020/06/testovaci-zobrazeni-stripe-v-pokladne.png "Testovací zobrazení Stripe v pokladně")](https://www.wplama.cz/wp-content/uploads/2020/06 / testovaci-zobrazeni-stripe-v-pokladne.png)Testovací zobrazení Stripe v pokladně Ihned po otestování uvidíte v administraci Stripe různá data objednávek. [![Testovací data Stripe](https://www.wplama.cz/wp-content/uploads/2020/06/testovaci-data-stripe-1024x911.png "Testovací data Stripe")](https://www.wplama.cz/wp-content/uploads/2020/06 / testovaci-data-stripe.png)Testovací data Stripe Jakmile máte vše hotové, tak v nastavení pluginu vypněte Testovací mód a máte Stripe pro použití kreditních a debetních karet nastavený.