Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak zintegrować płatności Square w WordPress (krok po kroku)

Czy chcesz akceptować płatności Square na twojej witrynie WordPress?

Domyślnie WordPress nie zawiera opcji płatności kartą kredytową. Square to doskonała bramka płatności, którą można podłączyć do twojej witryny za pomocą kilku popularnych wtyczek WordPress.

W tym artykule pokażemy, jak zintegrować płatności Square z WordPressem, abyś mógł łatwo akceptować płatności kartą kredytową na swojej witrynie internetowej.

How to Connect Square Payments in WordPress

Dlaczego warto podłączyć Square Payments w WordPress?

Square to popularna bramka płatnicza, która ułatwia dokonywanie płatności kartą kredytową. Możesz użyć Square na swojej witrynie internetowej WordPress, aby bezpiecznie akceptować płatności za pośrednictwem prostego formularza płatności lub w pełni funkcjonalnego sklepu e-handel.

Podobnie jak bramka płatności Stripe, zapewnia elastyczną opcję przyjmowania płatności kartą kredytową online lub osobiście.

Akceptacja kart kredytowych jest dostępna w USA, Kanadzie, Australii, Japonii, Wielkiej Brytanii, Republice Irlandii, Francji i Hiszpanii. Square oferuje poprawkę stawki transakcyjnej, która różni się w zależności od kraju.

Uwaga: Będziesz musiał włączyć HTTPS/SSL na swojej witrynie internetowej, aby móc bezpiecznie akceptować płatności kartą kredytową. Aby uzyskać więcej informacji, możesz skorzystać z naszego przewodnika na temat tego, jak uzyskać bezpłatny certyfikat SSL dla twojej witryny WordPress.

Mając to na uwadze, przyjrzyjmy się, jak podłączyć płatności Square w WordPress.

Pokażemy, jak dodać formularz płatności Square za pomocą WPForms, a następnie omówimy inne metody, takie jak akceptowanie płatności Square w sklepie internetowym za pomocą WooCommerce:

Łączenie Square z WordPressem za pomocą WPForms

Najprostszym sposobem na stworzenie formularza dla płatności Square jest użycie WPForms. Jest to najlepsza wtyczka do tworzenia formularzy WordPress, z której korzysta ponad 6 milionów witryn internetowych. Możesz użyć ich kreatora przeciągnij i upuść, aby szybko utworzyć dowolny rodzaj formularza, w tym formularze płatności, dla twojej witryny internetowej WordPress.

W tym poradniku będziemy używać wersji WPForms Pro, ponieważ daje ona dostęp do dodatku Square, który pozwoli ci akceptować płatności kartą kredytową bez pisania kodu.

Możesz również użyć WPForms do akceptowania płatności kartą kredytową za pomocą Stripe, Authorize.Net i PayPal.

Uwaga: Istnieje darmowa wersja WPForms, ale pozwala ona tylko na akceptowanie płatności Stripe.

Instalacja i włączanie WPForms

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie wtyczki WPForms Pro. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu WPForms, przejdź do WPForms ” Ustawienia w twoim kokpicie WordPress.

WPForms' pro settings

Na tym ekranie musisz wpisz klucz licencyjny w polu „Klucz licencyjny”. Klucz ten znajdziesz na swoim koncie WPForms.

Następnie kliknij przycisk „Zweryfikuj klucz”, aby włączyć twoją licencję. Umożliwi to łatwe włączanie dodatku Square dla WordPress.

Podłączanie WPForms do Square

Po włączaniu rdzeń wtyczki, nadszedł czas, aby zainstalować dodatek Square.

W twoim kokpicie WordPress przejdź do strony WPForms ” Addons, a następnie przewiń, aż znajdziesz dodatek Square. Następnie należy kliknąć przycisk „Zainstaluj dodatek”.

Install the WPForms Square Addon

Po zainstalowaniu i włączaniu dodatku, przejdź do strony WPForms ” Ustawienia i kliknij kartę Płatności.

Domyślnie WPForms będzie pobierać płatności w dolarach amerykańskich. Jeśli chcesz akceptować płatności w innej walucie, po prostu otwórz menu rozwijane Waluta i wybierz z listy.

Set Your Currency in WPForms Payments Settings

Następnym krokiem jest połączenie WPForms z twoim kontem Square.

Aby nawiązać takie połączenie, należy przewinąć stronę w dół do sekcji Status połączenia. Następnie wystarczy kliknąć przycisk „Connect with Square”.

Click the Connect With Square Button

Możesz teraz postępować zgodnie z instrukcjami wyświetlanymi na ekranie, aby utworzyć nowe konto Square lub połączyć WPForms z twoim istniejącym kontem Square.

Jeśli chcesz przetestować twój formularz płatności, powinieneś zaznaczyć opcję „Tryb testowy”. Pozwala to na dokonywanie fikcyjnych płatności, aby upewnić się, że formularz działa poprawnie. Nie zapomnij odznaczyć tego pola po zakończeniu testowania.

Upewnij się, że kliknąłeś przycisk „Zapisz ustawienia” na dole, aby zapisać twoje ustawienia.

Tworzenie formularza płatności Square w WordPress

Po pomyślnym połączeniu ze Square, musisz utworzyć formularz płatności. Aby to zrobić, przejdź do WPForms ” Add New w twoim obszarze administracyjnym WordPress.

Najpierw musisz podać tytuł twojego formularza. Następnie należy przewinąć w dół do szablonu „Formularz rozliczeniowy / zamówienia” i kliknąć przycisk „Użyj szablonu”.

Select the Billing Order Form Template in WPForms

WPForms będzie teraz automatycznie wczytywać twój szablon formularza w kreatorze przeciągnij i upuść. Zawiera on większość potrzebnych pól i ułatwia dodawanie, usuwanie lub zmianę pól w twoim formularzu.

Na przykład, do formularza została dodana lista Wiele pozycji, dzięki czemu Twój użytkownik może wybrać produkt lub usługę, za którą chce zapłacić. Po kliknięciu na to pole, będziesz mógł dostosować jego etykietę wraz z nazwą i ceną każdego elementu.

Customize the Multiple Items List

Jeśli oferujesz tylko jeden przedmiot, powinieneś usunąć pole Wiele przedmiotów, klikając ikonkę kosza w prawym górnym rogu pola.

Następnie możesz przewinąć w dół do pola Single Item i przeciągnąć je na twój formularz.

Add a Single Item Field to Your Form

Możesz kliknąć to pole, aby dostosować je do własnych potrzeb.

Możesz na przykład zmienić etykietę, opis i cenę pola. Podgląd twojego formularza po prawej stronie zostanie zaktualizowany automatycznie.

Configure the Single Item Field

Jeśli oferujesz tylko jeden przedmiot, pole Razem jest niepotrzebne. Można je usunąć.

Następnie musisz dodać pole Square do twojego formularza, aby zebrać informacje o płatności klienta. Wystarczy kliknąć kartę „Dodaj pola” i przewinąć do sekcji Pole płatności.

Add the Square Field to Your Form

Możesz teraz przeciągnąć pole Square na swoje miejsce w formularzu płatności.

Jak tylko to zrobisz, pojawi się powiadomienie informujące, że musisz włączyć płatności Square dla tego formularza.

Notification to Enable Square Payments

Po kliknięciu przycisku „OK” przejdź do Płatności ” Square w edytorze WPForms. Tam będziesz musiał przełączyć ustawienie „Włącz Square Payments” na pozycję włączoną.

Następnie można wpisać rodzaj opisu w polu „Opis płatności”. Tekst ten pojawi się na wyciągu z karty kredytowej klienta.

Toggle the Enable Square Payments Setting to the On Position

Dobrym pomysłem jest również uzupełnienie innych opcjonalnych ustawień. Dzięki nim Square wie, gdzie znaleźć adres e-mail klienta, imię i nazwisko oraz adres rozliczeniowy w utworzonym formularzu, aby można było wysłać potwierdzenie e-mailem.

Wreszcie, WPForms pozwala również na skonfigurowanie inteligentnej logiki warunkowej dla twoich formularzy. Jest to przydatne, gdy chcesz umożliwić swoim klientom wybór spośród kilku metod płatności, takich jak karty kredytowe lub PayPal.

Kiedy będziesz zadowolony z wyglądu twojego formularza płatności kartą kredytową, nadszedł czas, aby zapisać zmiany. Aby to zrobić, wystarczy kliknąć przycisk „Zapisz” u góry ekranu.

Konfigurowanie e-maili z powiadomieniami dla Square Payments

Następnie możesz skonfigurować powiadomienia e-mail wysyłane po przesłaniu formularza. Możesz także skonfigurować e-maile z powiadomieniami do twoich klientów po złożeniu przez nich zamówienia.

Za każdym razem, gdy klient wypełni formularz płatności, WPForms domyślnie wyśle e-mail do twojego administratora WordPress. Możesz jednak chcieć wysłać te e-maile na inny adres lub nawet powiadomić wiele osób.

Można to łatwo zrobić za pomocą WPForms. Aby dostosować własne powiadomienia e-mail, wystarczy kliknąć kartę „Ustawienia”, a następnie wybrać „Powiadomienia”.

Creating credit card payment notifications

Na tym ekranie znajdź pole „Wyślij na adres e-mail”. Domyślnie jest ono ustawione na {admin_email} i mówi WordPressowi, aby używał e-maila administratora WordPress.

Możesz usunąć ten dynamiczny tekst i zastąpić go dowolnym innym adresem e-mail. Wystarczy wpisać nowy adres w polu „Wyślij na adres e-mail”. Jeśli chcesz wysłać e-mail do wielu osób, oddziel każdy adres przecinkiem.

Creating email notifications

Można również edytować temat e-maila, wiadomość i inne elementy.

Następnie skonfigurujemy powiadomienie e-mail dla twoich klientów, potwierdzając ich zakup i dziękując im. Aby to zrobić, należy kliknąć przycisk „Utwórz nowe powiadomienie”.

Creating a new WPForms notification

WPForms poprosi o podanie nazwy dla tego powiadomienia. Na potrzeby tego poradnika nazwiemy je „Powiadomienie klienta”.

Następnie WPForms wyświetli wszystkie pola powiadomień, które można dostosować.

How to easily accept credit card payments in WordPress

Możesz wpisz inteligentne tagi, aby wiadomość e-mail z powiadomieniem była wysyłana na adres e-mail twojego klienta. Wystarczy kliknąć odnośnik „Pokaż tagi inteligentne” obok opcji „Wyślij na adres e-mail”.

Następnie należy wybrać pole „E-mail” formularza. Dzięki temu WPForms użyje adresu e-mail podanego przez klienta podczas przesyłania płatności.

Adding smart tags to your credit card payment emails

Teraz możesz dostosować pozostałą część wiadomości e-mail z powiadomieniem, taką jak wiersz tematu lub wiadomość e-mail. Możesz na przykład spersonalizować treść e-maila za pomocą inteligentnych tagów dla imienia i nazwiska klienta lub informacji o zakupionym przez niego produkcie.

WPForms wyświetli również powiadomienie na ekranie po złożeniu zamówienia. Można to dostosować, klikając kartę „Potwierdzenia” i edytując wiadomość potwierdzającą.

Creating a payment confirmation message

Zamiast wyświetlać komunikat, możesz preferować pokazanie konkretnej strony lub przekierowanie klientów na inny adres URL.

Aby dokonać tej zmiany, wystarczy otworzyć menu rozwijane „Rodzaj potwierdzenia”. Możesz teraz wybrać jedną z dostępnych opcji.

Changing the payment confirmation settings

Wreszcie, należy upewnić się, że powiadomienia e-mail są dostarczane do skrzynki odbiorczej e-mail odbiorcy, a nie do katalogu spamu. Najlepszym sposobem na to jest skorzystanie z usług dostawcy usług SMTP w celu poprawy dostarczalności e-maili.

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat tego, jak poprawić problem z niewysyłaniem e-maili przez WordPress.

Dodanie formularza płatności do twojej witryny internetowej WordPress

Ostatnim krokiem jest dodanie twojego nowego formularza płatności Square do witryny internetowej WordPress. WPForms bardzo ułatwia dodawanie formularzy w dowolnym miejscu.

Wystarczy utworzyć nowy wpis lub stronę albo edytować istniejący. Następnie kliknij znak plus (+) u góry i dodaj blok WPForms w edytorze WordPress.

Drag the WPForms Block Onto Your Post or Page

Następnie wybierz twój formularz płatności z rozwijanego menu w bloku WPForms.

Po zakończeniu możesz zapisać lub opublikować swoją stronę i kliknąć przycisk „Podgląd”, aby zobaczyć twój formularz w działaniu.

Preview of Square Payment Form

Gratulacje, podłączyłeś już płatności Square w WordPress.

Możesz połączyć swój formularz płatności Square z usługami e-mail marketingu, Arkuszami Google i innymi aplikacjami, aby jeszcze bardziej usprawnić przepływ pracy za pomocą natywnych integracji WPForms.

Dodatkowe sposoby na połączenie Square z WordPressem

WPForms oferuje prosty sposób na stworzenie formularza płatności, który łączy płatności Square z twoją witryną WordPress. Jednak niektórzy użytkownicy mogą mieć inne potrzeby.

Na przykład, możesz chcieć założyć witrynę członkowską, stworzyć sklep internetowy do sprzedaży produktów fizycznych, sprzedawać eBooki na twoim blogu, sprzedawać kursy online, a nawet przyjmować darowizny.

Square nie zawsze jest najlepszym wyborem. To dlatego, że Stripe ma znacznie lepszą pomoc techniczną wtyczek niż Square w WordPress, co czyni go lepszym wyborem, jeśli chcesz dodać opcję karty kredytowej.

Wiele popularnych wtyczek, takich jak MemberPress, WP Simple Pay i Easy Digital Downloads, oferuje wbudowane integracje Stripe. Więcej szczegółów znajdziesz w naszym przewodniku po najlepszych wtyczkach do płatności Stripe.

Jeśli jednak prowadzisz sklep WooCommerce, możesz łatwo dodać obsługę Square za pomocą oficjalnego rozszerzenia Square for WooCommerce.

Square WooCommerce Extension

To rozszerzenie synchronizuje produkty między twoją witryną internetową a kontem Square. Oznacza to, że gdy dodasz produkty do swojego konta Square, zostaną one automatycznie dodane również do Twojego sklepu WooCommerce.

Poza tym obsługuje płatności cykliczne, gdy jest używany wraz z rozszerzeniem WooCommerce Subscriptions.

Przewodniki ekspertów na temat akceptowania płatności w WordPress

Teraz, gdy już wiesz, jak podłączyć płatności Square, możesz zapoznać się z innymi przewodnikami na temat akceptowania innych rodzajów płatności w WordPress.

Mamy nadzieję, że ten poradnik pomógł ci dowiedzieć się, jak połączyć płatności Square w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat prowadzenia rozdań lub konkursów w WordPress lub z naszą ekspercką listą najlepszych wtyczek do mediów społecznościowych.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

2 komentarzeZostaw odpowiedź

  1. Michele

    It was easy to set the form up and connect with Square, however I continue to get the following message on the form ” Web Payments SDK was initialized with an application ID created in production however you are currently using sandbox.” I don’t know how to modify this. Does anyone know?

    • WPBeginner Support

      That normally means your Square account is currently in sandbox for testing which means it would not send charges but is used for testing. You would log into Square and change to production to start charging.

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.