Integracja WPForms z WooCommerce: łącz się bez kodu

Opublikowany: 2023-09-06

Szukasz łatwej metody integracji WPForms + WooCommerce?

Zarówno WPForms, jak i WooCommerce to potężne wtyczki dla Twojej witryny eCommerce. WooCommerce oferuje elastyczne rozwiązania do zarządzania produktami i realizacji transakcji, podczas gdy WPforms ułatwia tworzenie formularzy kontaktowych, formularzy subskrypcji i formularzy zamówień, a nawet zawiera dodatki do przyjmowania płatności i generowania kuponów.

Możesz stworzyć lepszą obsługę klienta, usprawnić przepływ pracy, zaoszczędzić czas i zarobić więcej pieniędzy, łącząc WPForms z WooCommerce.

W tym samouczku pokażemy, jak używać wtyczki Uncanny Automator do połączenia WPForms z WooCommerce w ciągu zaledwie kilku minut, bez konieczności stosowania kodu!

Utwórz teraz formularz WordPress

Czy WPForms integruje się z WooCommerce?

Chociaż WPForms nie integruje się bezpośrednio z WooCommerce, możesz łatwo połączyć dwie wtyczki za pomocą Uncanny Automator.

Uncanny Automator

Uncanny Automator to wtyczka automatyzująca, która umożliwia szybkie i łatwe łączenie wtyczek, aplikacji i stron internetowych bez skomplikowanego kodu i interfejsów API.

Prosty interfejs Automatora pozwala ustawić „wyzwalacze” w jednej wtyczce, które wywołają akcję w drugiej wtyczce. Na przykład wyzwalaczem w WPForms może być użytkownik przesyłający formularz.

Kiedy to nastąpi, możesz wybrać, jaką akcję chcesz automatycznie aktywować w WooCommerce, na przykład ustawienie statusu zamówienia na „anulowane”.

Najlepszym sposobem, aby zrozumieć, jak to działa, jest przejrzenie przykładu. Czytaj dalej, aby uzyskać instrukcje krok po kroku dotyczące konfiguracji WPForms i WooCommerce oraz wykorzystania Uncanny Automator do połączenia ich ze sobą w celu utworzenia automatycznego formularza anulowania zamówienia.

Integracja WPForms z WooCommerce

W tym artykule

  • Krok 1: Zainstaluj WPForms
  • Krok 2: Zainstaluj WooCommerce
  • Krok 3: Utwórz formularz anulowania zamówienia
  • Krok 4: Zainstaluj Uncanny Automator
  • Krok 5: Utwórz niesamowity przepis na automatora, aby połączyć WPForms z WooCommerce
  • Krok 6: Przetestuj integrację WPForms z WooCommerce
  • Często zadawane pytania

Krok 1: Zainstaluj WPForms

Jeśli jeszcze nie zainstalowałeś wtyczki WPForms, możesz skorzystać z tego przewodnika, jak zainstalować i aktywować wtyczki w WordPress.

Możesz podłączyć dowolną wersję WPForms do WooCommerce, w tym WPForms Lite.

Krok 2: Zainstaluj WooCommerce

Teraz, gdy masz już zainstalowany WPForms, możesz przystąpić do instalacji WooCommerce, jeśli nie jest jeszcze uruchomiony w Twojej witrynie.

WooCommerce to darmowa wtyczka, którą możesz zainstalować bezpośrednio z poziomu panelu WordPress. Jeśli nie masz pewności co do procesu, postępuj zgodnie z instrukcją instalacji wtyczki.

Krok 3: Utwórz formularz anulowania zamówienia

W tym przykładzie utworzymy formularz anulowania zamówienia w WPForms. Następnie połączymy ten formularz z WooCommerce, aby po przesłaniu formularza status zamówienia został automatycznie ustawiony na „anulowane”.

Na początek musimy stworzyć podstawowy formularz anulowania zamówienia.

Przejdź do WPForms »Dodaj nowy i wprowadź nazwę swojego formularza – na przykład „Anulowanie zamówienia”.

Ponieważ będzie to bardzo prosty formularz, zamiast korzystać z szablonu, zaczniemy od pustego formularza. Kliknij przycisk Utwórz pusty formularz .

Create a blank form in WPForms

Aby utworzyć formularz wystarczy przeciągnąć i upuścić pola formularza z panelu po lewej stronie.

Zacznij od przeciągnięcia pola E-mail , a następnie pola Liczby .

Add an email field and a numbers field to your form in the form builder

Kliknij pole Liczby i zmień etykietę w panelu Opcje pola na „Numer zamówienia”.

Change numbers label to "order number"

Na koniec zmodyfikujmy wiadomość potwierdzającą, gdy użytkownik prześle formularz. W kreatorze formularzy przejdź do Ustawienia » Potwierdzenia.

Form confirmations

Dostosuj komunikat potwierdzający na przykład „Twoje zamówienie zostało anulowane”.

Order cancelled confirmation message

W tym przykładzie stworzyliśmy bardzo prosty formularz anulowania zamówienia, ale jeśli chcesz, możesz dodać więcej pól, a nawet użyć logiki warunkowej, aby utworzyć formularz o większej funkcjonalności.

Teraz Twój formularz jest już gotowy, możesz opublikować go na swojej stronie. Kliknij przycisk Osadź , co spowoduje wyświetlenie wyskakującego okienka.

Form builder embed button

Kliknij opcję Utwórz nową stronę , aby utworzyć stronę dla formularza.

Create new page

Wpisz nazwę swojej strony i kliknij przycisk Let's Go! Przycisk umożliwiający utworzenie strony.

embed form in a page

Jeśli chcesz, możesz dodać tekst i inne elementy do tej strony. Kiedy będziesz zadowolony, kliknij przycisk Publikuj .

Publish order cancellation form

Zostaniesz poproszony o ponowne sprawdzenie ustawień. Dobrym pomysłem jest także zmiana widoczności strony na Prywatną lub chronioną hasłem, aby móc przetestować formularz przed jego upublicznieniem. Kliknij ostatni przycisk Publikuj , aby formularz pojawił się w witrynie.

Confirm form publication

Teraz formularz anulowania zamówienia jest gotowy do użycia. Następnym krokiem jest instalacja Uncanny Automator, dzięki czemu będziesz mógł wysyłać wpisy z formularza do WooCommerce.

Krok 4: Zainstaluj Uncanny Automator

Jeśli chcesz wypróbować Uncanny Automator, możesz zacząć od darmowej wersji, która zawiera setki wyzwalaczy automatyzacji, takich jak użytkownik przesyłający formularz w WPForms lub użytkownik kończący zamówienie produktu WooCommerce.

Uncanny Automator Pro zawiera ponad 1000 wyzwalaczy i akcji, w tym dodatkowe wyzwalacze dla WooCommerce, takie jak:

  • Użytkownik dodaje produkt do swojego koszyka
  • Użytkownik recenzuje produkt
  • Status zamówienia użytkownika zmienia się na określony status
  • Płatność za zamówienie nie powiodła się

Niektóre z profesjonalnych działań, które możesz utworzyć w WooCommerce i WPForrns, obejmują:

  • Utwórz zamówienie z produktem
  • Zmień cenę produktu
  • Ustaw zamówienie na określony status
  • Zarejestruj nowego użytkownika

W tym przykładzie chcemy nadać konkretnemu zamówieniu określony status („anulowane”), dlatego musimy zainstalować Uncanny Automator Pro.

Przejdź do strony z cennikiem Uncanny Automator i kliknij przycisk, aby otrzymać wybrany plan.

Get Uncanny Automator

Podaj szczegóły płatności i kliknij przycisk Dokończ realizację transakcji.

Po zakupie wtyczki możesz zalogować się na swoje konto Uncanny Automator i pobrać ją ze strony Pobieranie .

Download Uncanny Automator

Będziesz także potrzebował klucza licencyjnego, który możesz skopiować po kliknięciu Licencje w menu.

Uncanny Automator license key

Teraz wróć do swojej witryny WordPress i zainstaluj wtyczkę. Przejdź do Wtyczki » Dodaj nową i kliknij przycisk Prześlij wtyczkę .

Upload plugin

Kliknij przycisk Wybierz plik i znajdź plik zip pobrany z Uncanny Automator. Kliknij przycisk Zainstaluj teraz , aby zainstalować wtyczkę. Powinno to zająć tylko kilka chwil.

Install Uncanny Automator

Na koniec kliknij przycisk Aktywuj wtyczkę .

Activate Uncanny Automator

Pamiętaj, aby aktywować wtyczkę, wprowadzając klucz licencyjny. Możesz to zrobić z poziomu panelu Uncanny Automator. Po prostu przejdź do Automatora w menu panelu WordPress i kliknij przycisk Aktywuj licencję .

Activate Uncanny Automator license

Wklej licencję skopiowaną ze strony Uncanny Automator i kliknij przycisk Aktywuj licencję .

Activate license

Powinieneś zobaczyć komunikat potwierdzający, że Twoja licencja jest aktywna.

Uncanny Automator license active

Po zainstalowaniu i aktywowaniu Uncanny Automator możesz przystąpić do łączenia WooCommerce i WPForms.

Krok 5: Utwórz niesamowity przepis na automatora, aby połączyć WPForms z WooCommerce

Aby połączyć WPForms z WooCommerce, musimy stworzyć automatyzację przepływu pracy. W Uncanny Automatorze nazywa się to przepisem.

W panelu WordPress przejdź do Automatora »Dodaj nowy plik .

Add new Uncanny Automator recipe

Zobaczysz zaproszenie do wybrania typu przepisu. Jeśli wybierzesz opcję Zalogowani użytkownicy , tylko użytkownicy zalogowani w Twojej witrynie WordPress będą mogli uruchomić przepis. Przepisy dla każdego mogą być uruchamiane zarówno przez zalogowanych użytkowników, jak i zwykłych gości.

Ważne jest, aby wybrać tutaj odpowiednią opcję, ponieważ nie można jej później zmienić. Przepisy dla każdego dostępne są wyłącznie w Uncanny Automator Pro.

Na potrzeby tego samouczka będziemy używać zalogowanych użytkowników. Pomoże to również zapobiec wysyłaniu formularza przez spamerów. Jeśli jednak włączyłeś opcję Kasa gościnna w WooCommerce, będziesz musiał utworzyć przepis dla wszystkich, ponieważ Twoi klienci nie będą mieli konta w Twojej witrynie.

Wybierz opcję Zalogowani użytkownicy i kliknij przycisk Potwierdź , aby kontynuować.

Create recipe for logged-in users

Wprowadź nazwę przepisu. Podobnie jak w tym przykładzie, będziemy wywoływać zmianę statusu zamówienia po przesłaniu formularza, nazwaliśmy nasz przepis „Anulowaniem zamówienia”.

Następnie kliknij WPForms , aby wybrać wyzwalacz.

Create WPForms trigger

Wybierz opcję „ Użytkownik przesyła formularz ” jako wyzwalacz.

Choose "User submits a form" as the trigger

Teraz przewiń menu, aby znaleźć utworzony wcześniej formularz anulowania zamówienia. Wybierz go i kliknij przycisk Zapisz .

Choose order cancellation form as the trigger

Twój wyzwalacz powinien teraz działać.

Uncanny Automator trigger is live

Przewiń w dół do opcji Działania i kliknij przycisk Dodaj akcję .

Add action

Przewiń w dół, aby znaleźć integrację WooCommerce i kliknij, aby ją wybrać.

WooCommerce integration

Znajdź w rozwijanym menu akcję „ Nadaj konkretnemu zamówieniu określony status ” i wybierz ją.

Set a specific order to a specific status

Kliknij ikonę gwiazdki obok pola Identyfikator zamówienia .

Select order ID

W wyświetlonym menu przewiń w dół do opcji Wyzwalacze . Kliknij strzałkę obok „ Użytkownik przesyła anulowanie zamówienia 1 raz ”, aby wybrać pole formularza umożliwiające połączenie z identyfikatorem zamówienia w WooCommerce.

Order ID Trigger

Przewiń w dół, aby znaleźć pole Numer zamówienia i kliknij, aby je wybrać.

Choose order number as order ID

Kliknij przycisk Zapisz i kontynuuj wybieranie konkretnej akcji, którą chcesz wykonać.

Save order number as order ID

W menu przewiń w dół i wybierz „ Anulowano ”.

Choose "cancelled" as order status to set

Kliknij przycisk Zapisz , aby zapisać swoje działanie.

Save Action

Twoja akcja powinna być teraz aktywna .

Uncanny Automator action is live

Na koniec nie zapomnij przełączyć statusu przepisu z wersji roboczej na aktywną .

Set recipe to live to activate the WPForms WooCommerce integration.

Sprawdźmy, czy to działa!

Krok 6: Przetestuj integrację WPForms z WooCommerce

Możesz utworzyć fikcyjne zamówienia w WooCommerce do testów. Można to łatwo zrobić, aktywując opcję „Za pobraniem” jako metodę płatności w ustawieniach płatności WooCommerce. Następnie możesz swobodnie dokończyć transakcję i złożyć zamówienie z fałszywymi danymi.

Zanotuj numer zamówienia i adres e-mail podany przy kasie, a następnie sprawdź, czy zamówienie zostało zrealizowane i jest widoczne w panelu WordPress w sekcji WooCommerce »Zamówienia .

WooCommerce order

Teraz wróć do frontu swojej witryny i przejdź do strony anulowania zamówienia.

Wprowadź adres e-mail i numer zamówienia fikcyjnego i wyślij formularz.

test order cancellation form

Zobaczysz wiadomość z potwierdzeniem, że Twoje zamówienie zostało anulowane. Powinieneś także otrzymać e-mail z powiadomieniem o anulowaniu.

Order has been cancelled

Teraz wróć do swoich zamówień WooCommerce w panelu WordPress i sprawdź status zamówienia.

Jeśli wszystko zostało poprawnie skonfigurowane, powinieneś zobaczyć, że status zamówienia zmienił się na „Anulowane”.

Confirm order cancelled

Dobrze zrobiony! Pomyślnie połączyłeś WPForms z WooCommerce i utworzyłeś formularz anulowania zamówienia.

Pamiętaj, że to tylko jeden przykład automatyzacji, którą możesz skonfigurować za pomocą Uncanny Automator. Oprócz połączenia WPForms z WooCommerce, możesz także wysyłać dane z formularzy online do swojego CRM, platformy e-mail marketingu i Zapiera, aby stworzyć niemal nieograniczone integracje i automatyzacje.

Zobacz pełną listę wyzwalaczy i akcji, aby dowiedzieć się, co jeszcze możesz zautomatyzować, gdy już opanowałeś łączenie wtyczek.

Często zadawane pytania

Nadal masz pytania dotyczące integracji i automatyzacji WPForms WooCommerce? Poniżej znajduje się kilka odpowiedzi na często zadawane pytania

Jak automatycznie wysyłać faktury w WooCommerce?

WooCommerce pozwala tylko na ręczne wysyłanie faktur, ale możesz zautomatyzować proces za pomocą wtyczki Uncanny Automator. Wszystko, co musisz zrobić, to utworzyć nowy przepis z użytkownikiem kończącym zamówienie jako wyzwalaczem. Po zakończeniu zamówienia można to ustawić tak, aby automatycznie wysyłano do użytkownika wiadomość e-mail z fakturą, spersonalizowaną ze szczegółami zamówienia.

Czy mogę utworzyć formularz zamówienia w WPForms?

Możesz łatwo tworzyć formularze zamówień i formularze płatności w WPForms za pomocą narzędzia do tworzenia formularzy typu „przeciągnij i upuść”. WPForms ma również wbudowaną integrację ze Stripe, dzięki czemu możesz pozwolić użytkownikom płacić za zamówienia bezpośrednio kartą kredytową, bez potrzeby stosowania kolejnej wtyczki eCommerce.

Jak automatycznie tworzyć zamówienia w WooCommerce?

Możesz automatycznie tworzyć zamówienia w WooCommerce za pomocą wtyczki Uncanny Automator. Na przykład, jeśli chcesz wysłać darmowy prezent użytkownikom rejestrującym się w Twojej witrynie, możesz połączyć WPForms z WooCommerce, aby zamówienie zostało utworzone automatycznie po przesłaniu formularza rejestracyjnego.

Jak mogę utworzyć niestandardowy formularz rejestracyjny WooCommerce?

Formularz rejestracyjny użytkownika WooCommerce jest dość prosty. Chociaż możesz go dostosować, edytując kod, znacznie łatwiej jest użyć wtyczki formularza, takiej jak WPForms, do zbudowania własnego niestandardowego formularza rejestracyjnego. Następnie możesz połączyć ten formularz z WooCommerce, aby automatycznie utworzyć użytkownika po przesłaniu formularza.

Czy istnieje alternatywa dla WooCommerce?

Jeśli chcesz sprzedawać produkty na swojej stronie WordPress bez instalowania WooCommerce, powinieneś rozważyć WPForms jako alternatywę. WPForms ułatwia przyjmowanie zamówień i płatności, jeśli sprzedajesz tylko kilka produktów i nie chcesz kłopotów z instalacją i utrzymaniem pełnej platformy eCommerce.

Utwórz teraz formularz WordPress

Następnie zainstaluj więcej wtyczek WooCommerce, aby ulepszyć swój sklep

Teraz, gdy już trochę posmakowałeś, jak inne wtyczki WordPress mogą poprawić obsługę klienta oraz sprawić, że zarządzanie sklepem stanie się szybsze i łatwiejsze, możesz rozważyć inne opcje.

Przygotowaliśmy listę najlepszych wtyczek WooCommerce, które pomogą Ci w pełni wykorzystać możliwości Twojego sklepu internetowego.

Możesz także dowiedzieć się, jak przechowywać wpisy WPForms w Arkuszach Google, aby móc śledzić anulowania zamówień i inne przesłania formularzy.

Gotowy do zbudowania formularza? Zacznij już dziś od najłatwiejszej wtyczki do tworzenia formularzy WordPress. WPForms Pro zawiera wiele bezpłatnych szablonów i oferuje 14-dniową gwarancję zwrotu pieniędzy.

Jeśli ten artykuł Ci pomógł, śledź nas na Facebooku i Twitterze, aby uzyskać więcej bezpłatnych samouczków i przewodników WordPress.