Ako prijímať platby kartou vo WordPress – 2. časť

Plugin Accept Stripe Payments (starší názov bol len Stripe Payment) je jeden z tých, ktoré umožňujú jednoducho prijímať na vašom webe WordPress platby kartou.

Plugin umožňuje prijímať platby kartou za fyzické aj digitálne produkty prostredníctvom platobnej brány Stripe. Accept Stripe Payments používa tzv. skrátené kódy (shortcodes – krátke textové reťazce, za ktorými sa skrýva naprogramovaná nejaká funkčnosť). Krátky kód generovaný pluginom vám umožňuje umiestniť tlačidlá s nápisom „Kúpiť teraz“, „Zaplatiť“, „Prispieť“, alebo s iným textom na ľubovoľnom mieste vášho webu k tovaru alebo službe. Text tlačidla je nastaviteľný v plugine.

Pomocou pluginu môžete tiež cez Stripe prijať napríklad predplatné, dar, príspevok,…

Postup pri nastavení pluginu Accept Stripe Payments

Postup pri nastavení platieb kartou online cez tento plugin v niečom trochu pripomína nastavenie pluginu WooCommerce. Inštaluje sa takisto ako iné pluginy – nájdete ho v „sklade pluginov“ cez WordPress. Predtým než sa pustíte do sprevádzkovania pluginu, je nevyhnutné – ak ešte nemáte – vytvoriť účet v Stripe (nestojí to nič, len trochu času). Ak neviete, čo je Stripe, viac sa dozviete v predchádzajúcej časti článku Ako prijímať platby kartou vo WordPress. Pretože údaje z vášho účtu Stripe budete potrebovať na prepojenie s pluginom.

Máte?

Poďme na to! Pekne od začiatku.

1. Prihláste sa do redakčného systému stránok, na ktorých chcete použiť platobné tlačidlo,
2. V ľavom hlavnom menu WordPress vyberte položku Pluginy a zvoľte Pridať nový,
3. Do vyhľadávacieho poľa vpravo hore napíšte „accept stripe payments“,
4. Prvý nájdený by mal byť plugin Accept Stripe Payments, zvoľte na ňom Nainštalovať,
5. Po ukončení procesu inštalovania na váš hosting použite tlačidlo Aktivovať,
6. V ľavom menu v položke Stripe Payments vyberte Settings (Nastavenia), objavia sa nastavenia rozdelené do 4 záložiek,
7. V prvej záložke General Settings zadajte údaje na prepojenie so svojim účtom Stripe (verejný a tajný kľúč),
8. Vyplňte ostatné polia a polia na ostatných záložkách (Email Settings, Advanced Settings a Captcha),
9. V menu pod Stripe Payments vyberte položku Add New Product a vytvorte produktový profil toho, čo má klient uhradiť (uveďte meno produktu, stručný popis, cenu, cenu dopravu, prípadnú daň, foto produktu, nastavte vzhľad platobného tlačidla,…)
10. …a už len pridajte shortcode zo Stripe Payments na ľubovoľné miesto na stránkach, kde chcete umiestniť tlačidlo na prijímanie platieb.

A to je všetko.

Celé spracovanie platieb má na starosti Stripe a plugin Accept Stripe Payments. V rámci WordPressu môžete pridávať ku vzhľadu prvky podľa svojej predstavy, prispôsobovať tiež pokladňu a niektoré iné časti (texty, kontroly a i.) nastaveniami polí na záložkách pluginu.

Po zaplatení kartou bude platiaci návštevník presmerovaný na stránku „Výsledok platby“. Táto stránka zobrazuje podrobnosti o transakcii (o položke, za ktorú bola vykonaná úhrada).

Informácie o transakcii nájdete v prehľade objednávok v ľavom menu. Obdržané platby si môžete pozrieť na svojom administrátorskom paneli WordPress.

Plugin funguje dobre so všetkými stránkami, poskytuje vysokú flexibilitu na vloženie jednoduchého krátkeho kódu na predaj vašich produktov na akéhokoľvek miesto na stránke. Umožňuje zobraziť pomocou krátkeho kódu produkt na vybranom mieste na stránke alebo v článku, a tiež dáva možnosť alternatívneho vypĺňania polí v ponuke „produkty“. Toľko stručná charakteristika – je teda celkom na vás, ako ho použijete.

Nastavenie pluginu Accept Stripe Payments po krokoch

Hoci obsah stránky Stripe, kde máte prístup ku svojmu účtu, i samotného pluginu sa čas od času trochu mení, podstata ostáva. Prejdime si dôležité kroky nastavenia pluginu podrobnejšie.

Je dobre vedieť, že plugin pri aktivácii automaticky vytvorí a pridá medzi stránky dve nové – stránku Products a Checkout-Result. Bude ich používať pri svojej činnosti.

Prvých 5 krokov je podobných ako keď inštalujete iné pluginy WordPressu. Začnime preto až šiestym v poradí – nastavenia pluginu.

Záložka General Settings (všeobecné nastavenia)

Pod názvom záložky – General Settings – začína prvá sekcia Global settings. Záložka je kvôli členitosti rozdelená do sekcií, v ktorých je potrebné postupne nastaviť parametre prostredia a spôsob používania pluginu. V prvej sekcii nastavujeme globálne parametre:

• URL adresu stránky s poďakovaním. Ďakovaciu stránku vytvorí plugin automaticky hneď pri inštalácii. Nájdete ju v prehľade stránok pod názvom Checkout-Result – obsahuje skrátený kód, ktorý na ňu umiestňuje ďakovný text predávajúceho (uvediete ho na druhej záložke). Túto stránku neodstraňujte, pretože plugin posiela na ňu zákazníka po zaplatení. Ak nebude nastavená, platiaci nedostane žiadnu informáciu o prebehnutej transakcii.
  V prípade, že ju premenujete, zmeňte jej adresu práve na tomto mieste nastavenia pluginu.
• URL adresu katalógu, teda stránky s prehľadom produktov (ak máte viacero produktov alebo viacero dôvodov na platbu). Stránku vytvorí plugin pri inštalácii doplnku. Zobrazenie katalógu je prednastavené na mriežkové rozloženie. V katalógu sa zobrazí každý nový produkt. Túto stránku môžete pridať i do menu (ak chcete dať návštevníkom vášho webu k dispozícii katalóg ako formu prehľadu produktov).
• Ďalším krokom je nastavenie meny (EUR) a symbolu meny (€) – samozrejme, ak čakáte úhradu z „eurových“ krajín, inak podľa potreby.
• Nasleduje text na platobnom tlačidle, ktorý uvidí návštevník vašej stránky – napríklad Zaplatiť, Kúp teraz, Uhradiť a pod.
• Text vyskakovacieho tlačidla platby funguje len v nových API, odskúšajte, či bude fungovať aj vám. Umožňuje zobraziť na tlačidle text i sumu súčasne – napr. Na úhradu 24,90 €. Text v podobe Pay prepíšte (napr. Na úhradu) a percentá ponechajte.
• Zaškrtnutím políčka Neukladať údaje o karte na Stripe nastavíte pre plugin pokyn, aby pri transakcii neukladal v Stripe žiadne informácie o karte, teda nasledujúci raz bude musieť zákazník opäť všetky údaje vypisovať. Prednastavené je ukladanie údajov, ktoré zvyšuje komfort návštevníka pri opakovanej platbe.
• Políčko nastavenia jazyka, ktorý sa má použiť vo vyskakovacom okne pokladnice Stripe neponúka slovenčinu ani češtinu, takže ani voľba „Autodetect“ nepomôže. No v súčasnosti ovplyvňuje iba zástupné symboly „Číslo karty“, „MM/RR“ a „CVC“, takže toto by nemalo byť prekážkou plugin používať. V prípade potreby napíšte do sprievodného textu na stránke pre svojich návštevníkov, čo ktorý anglický symbol v políčku znamená.
• Z ďalších políčok je užitočné nastaviť jazyk krajiny, pre ktorú je web určený (Popup Default Country) a – ak nepredávate do niektorej federatívnej krajiny – vypnite začiarknutím zobrazovanie poľa špecifikácie štátu (Hide the State Field).

V druhej sekcii – Credentials – nastavujeme dôležité prepojenie pluginu a účtu. Bez tohoto prepojenia nebude plugin fungovať.

Keď nie je začiarknuté prvé políčko v sekcii Credentials (Live Mode), plugin bude fungovať automaticky v testovacom režime. Ak chcete testovať, nastavte si testovací režim aj v účte Stripe. Začiarknutím políčka Live Mode spustíte transakcie do ostrej prevádzky.

Aby ste však mohli úspešne prijímať platby, je potrebné „pokamarátiť“ váš účet v Stripe s pluginom na vašom webe. Do nasledujúcich štyroch políčok preto uveďte prístupové kľúče, ktoré nájdete vo svojom účte Stripe. Ak ich nenájdete priamo na titulnej obrazovke vpravo dolu (Publishable/Public Key a Secret/Private Key), nájdete ich v časti Developer. Podľa toho, aký režim máte zvolený vo svojom účte, uvidíte vždy príslušnú dvojicu kľúčov (Public key a Secret Key pre režim Live alebo Public key a Secret Key pre režim Test). Neprepínajte sa medzi nimi zbytočne, pretože ak nemáte tajný kľúč zapísaný, treba v účte vždy generovať nový.
Do pluginu stačí uviesť podľa zvoleného režimu aktuálnu dvojicu kľúčov.

Sekcia Debug je užitočná pri riešení problémov po zlyhaní platby. Aktivujte ju až keď budete hľadať (najlepšie v spolupráci s niekým, kto sa vyzná vo WordPrese) chybu pri platbách. Buďte optimisti, že chyby nebudú (nebývajú často) 🙂

Aby bola vaša stránka naozaj funkčná, nezabudnite zaškrtnúť políčko Live Mode. Stáva sa, že všetko poctivo vyplníte a v eufórii zabudnete použiť tlačidlo Uložiť zmeny na konci stránky. Venujte aj jemu jedno kliknutie myšou. Zapíšete tak práve nastavené údaje do svojej databázy na serveri a plugin bude môcť fungovať.

Záložka Email Settings (nastavenia e-mailov)

Email Settings je tiež pomerne členitá záložka. Hoci nie je rozdelená do sekcií, obsahuje nastavenia rôznych možných e-mailových správ – ako pre platiaceho, tak pre administráciu. Kvôli skráteniu tohoto článku si môžete stiahnuť obrázok nižšie s popisnými textami na záložke Email Settings v slovenčine (otvorí sa v novej karte prehliadača).

Záložka Advanced Settings (pokročilé nastavenia)

Na záložke Pokročilé nastavenia nastavíte vzhľad údajov meny, prípadné vlastné pole a podmienky. Kvôli skráteniu tohoto článku si môžete stiahnuť obrázok s popisnými textami na záložke Advanced Settings v slovenčine (otvorí sa v novej karte prehliadača).

Záložka Captcha

Záložka Captcha umožňuje výber spôsobu testovania návštevníka, či sa nejedná o robota (ktorý pravdepodobne testuje odcudzené čísla kariet, či ich už majiteľ zablokoval). CAPTCHA má pomerne veľa podôb, vo všeobecnosti je to označenie pre jednoduchý Turingov test na rozoznanie robotov od človeka. Stripe odporúča ako najefektívnejší postup na ochranu pred robotmi použiť reCAPTCHA od Google.

Obrázok so slovenskými textami na záložke Captcha si môžete otvoriť na novej karte prehliadača týmto odkazom (záložka Captcha v slovenčine).

Ako vytvoriť v plugine Accept Stripe Payments produkt

Na vygenerovanie krátkeho kódu potrebného na umiestnenie tlačidla na stránke je potrebné vytvoriť produkt. Stačí pár základných údajov a tlačidlo bude fungovať. Tu je postup:

• V hlavnom menu WordPressu v položke menu Stripe Payments zvoľte položku „Add New Product“ (Pridať nový produkt)
• Uveďte názov produktu Description (popis – ak chcete), Short Description (krátky popis – ak chcete), do Price & Currency zadajte cenu (Price) a ponechajte menu (Currency) prednastavenú v Nastaveniach (default).
• Začiarknite políčko Collect Adress on Checkout.
• Ak máte položku na stiahnutie, zadajte adresu URL súboru do poľa začínajúceho https://…, alebo zvoľte tlačidlo „Select File“ a vyberte súbor na stiahnutie. Nahrajte nový súbor do knižnice médií, prípadne vyberte existujúci súbor. Kliknite na „Insert“, čím sa do textového poľa s adresou automaticky vyplní URL adresa súboru.
• V časti Product Thumbnail môžete pridať miniatúru produktu
• V Appearance (vzhľad) môžete prispôsobiť text tlačidla, ak ponecháte prázdne, použije text z predvolených nastavení, ktorý ste nastavili v časti Settings. Ďalšie dve políčka sú dôležité. Ak chcete zobraziť iba tlačidlo bez ďalších informácií o produkte, začiarknite prvé políčko Show Button Only. Ak chcete zobraziť vyskakovacie okno celkovej sumy objednávky s podrobnými informáciami o produkte (doprava, výška dane, variácie atď.), začiarknite druhé políčko Show Order Total On Payment Popup.
• Produktové informácie uložte tlačidlom Publikovať v pravom hornom rohu ako zvyčajne pri publikování stránok/článkov.

Použitie produktu a platobného tlačidla Stripe

Ak informácie k platbe komunikujete na stránke, kde potrebujete použiť platobné tlačidlo, nemusíte produktovú stránku vôbec používať. Je na vás, akým spôsobom odkomunikujete v priestore stránky návštevníkovi informácie, na základe ktorých bude posielať peniaze na váš účet. Shortcode produktu umiestnite na vybranom mieste na stránke a platobné tlačidlo s prednastaveným (alebo na stránke produktu upraveným) textom bude tam. Umožní vašim návštevníkom vykonať úhradu.

Návštevníkovi stránky, ktorý poslal úhradu, sa po úspešnej transakcii zobrazí ďakovná správa. Ak máte digitálny produkt, objaví sa i odkaz na stiahnutie položky.
Ako správca stránky uvidíte prípadnú objednávku v položke Orders (objednávky), kde sa nachádza prehľad objednávok realizovaných prostredníctvom pluginu.

Bezpečnosť prenášaných informácií

V prvej časti Ako prijímať platby kartou vo WordPress nájdete zhrnutý prehľad žiadúcich zabezpečení WordPressu. V každom prípade – ak nespravíte nič iné a risknete prípadnú stratu povesti – je nevyhnutné nastaviť pre WordPress aspoň SSL. Buď pluginom Really Simply SSL, alebo si aktivujte prostredníctvom služby vášho hostingu SSL známy bezplatný certifikát Let’s Encrypt. Secure Sockets Layer (SSL) zabezpečí šifrovanie všetkej komunikácie medzi webovou stránkou a webovým prehliadačom návštevníka.

Samotný plugin má oveľa viac nastavení, mnohé z nich nie sú však pre vlastnú platbu potrebné (kupóny atď.). Ak im potrebujete porozumieť viac, alebo nie je niečo z článku jasné, príďte na kurz WordPressu III a IV – radi vám poradíme. Zoznámite sa na ňom nielen s nastavením účtu Stripe, platobnou bránou Stripe, a jej implementovaním do e-shopu. Oveľa viac. Hoci predovšetkým je kurz určený pre WordPress s prostredím e-shopu WooCommerce, podobnosť nastavení pluginov je výrazná. Dozviete sa oveľa viac aj o predaji a jeho nastaveniach cez e-shop.

Prijímajte peniaze a s rozvahou ich užívajte! 🙂

Pomohol vám tento článok? Myslíte, že by pomohol aj niekomu vo vašom okolí? Zdieľajte ho pokojne na FB
(tlačidlo Zdieľať pod nadpisom sa objaví len ak ste prihlásený na pozadí vo svojom konte), IG, LI, alebo naň prepošlite svojim známym odkaz. Autor sa neurazí 🙂