WPForms + ChatGPT: Jak wysyłać powiadomienia generowane przez AI

Opublikowany: 2023-04-07

Czy wiesz, że możesz tworzyć przydatne automatyzacje, łącząc swoje formularze WordPress z ChatGPT?

Obecnie wszelkiego rodzaju firmy używają ChatGPT do poprawy wydajności.

Dobrą wiadomością jest to, że właściciele witryn WordPress mogą teraz korzystać z unikalnych możliwości ChatGPT w zakresie automatyzacji procesów.

W tym poście pokażemy, jak zintegrować formularze WordPress z ChatGPT, aby wspomóc rutynowe zadania biznesowe.

Połącz swój formularz z ChatGPT teraz

Czy możesz połączyć ChatGPT z WordPress?

Tak, połączenie ChatGPT z witryną WordPress jest dość łatwe.

WPForms to najlepsza wtyczka WordPress Form Builder. Zdobądź to za darmo!

Potrzebujesz tylko wtyczki innej firmy, znanej jako Uncanny Automator. Ta wtyczka pozwala stworzyć automatyzację, która łączy ChatGPT z inną wtyczką Twojej witryny WordPress, taką jak narzędzie do tworzenia formularzy.

Po nawiązaniu połączenia istnieje nieskończona liczba sposobów wykorzystania ChatGPT do szybszego rozwoju firmy i ułatwienia procesów.

Jak korzystać z formularzy WordPress z ChatGPT

Skorzystaj z poniższych szybkich łączy, aby łatwo poruszać się po tym samouczku krok po kroku dotyczącym integracji WordPress ChatGPT.

W tym artykule

  • 1. Zainstaluj potrzebne wtyczki
  • 2. Utwórz nowy formularz WordPress
  • 3. Dodaj pola do swojego formularza
  • 4. Utwórz konto Uncanny Automator
  • 6. Połącz Uncanny Automator z ChatGPT
  • 7. Skonfiguruj działanie automatyzacji
  • 8. Użyj odpowiedzi wygenerowanej przez ChatGPT
  • 9. Opublikuj swój formularz

1. Zainstaluj potrzebne wtyczki

Przede wszystkim musisz zainstalować wtyczkę WPForms. WPForms to najpotężniejsza, ale przyjazna dla początkujących wtyczka do tworzenia formularzy dla WordPress. Ma ocenę 4,9 na WP.org, najwyższą ze wszystkich wtyczek formularza.

WPForms ma obszerną bibliotekę ponad 600 szablonów formularzy, dzięki którym proces tworzenia formularzy jest bardzo wygodny. Co więcej, łatwo integruje się z mnóstwem usług marketingowych, a teraz także z ChatGPT.

Zalecamy zakup licencji WPForms Pro, aby odblokować najbardziej zaawansowane funkcje potrzebne do rozwoju firmy.

The WPForms pricing page

Aby uzyskać instrukcje dotyczące instalowania wtyczki, zobacz nasz przewodnik instalacji WPForms.

Będziemy używać WPForms do tworzenia naszych formularzy WordPress. Ale potrzebujemy innej wtyczki, która będzie służyć jako brama między WPForms a ChatGPT.

Ta wtyczka to Uncanny Automator.

Uncanny Automator

Więc skoro już to robisz, śmiało zainstaluj Uncanny Automator.

Na potrzeby tego artykułu użyjemy darmowej wersji Uncanny Automator, chociaż możesz chcieć później zaktualizować, aby odblokować dodatkowe wyzwalacze i zdarzenia akcji dla swoich integracji.

2. Utwórz nowy formularz WordPress

Teraz, gdy mamy potrzebne wtyczki, jesteśmy gotowi do działania.

W tym samouczku utworzymy formularz New Hire i połączymy go z ChatGPT. Następnie ChatGPT automatycznie wyśle ​​unikalną wiadomość e-mail do każdego nowego pracownika po przesłaniu formularza, witając go w zespole.

Brzmi interesująco?

Ale aby to zrobić, musimy najpierw zbudować formularz. Otwórz panel administracyjny WordPress i przejdź do WPForms » Dodaj nowy .

Adding a new form in WPForms

Spowoduje to przejście do ekranu konfiguracji formularza. Na górze ekranu możesz wpisać nazwę swojego formularza, aby później łatwo go było znaleźć na pulpicie nawigacyjnym po podanej nazwie.

Następnie możesz wybrać szablon formularza. Chociaż mamy wbudowany szablon New Hire, jest on nieco bardziej zaawansowany niż formularz, którego potrzebujemy w tej chwili.

Stworzymy więc prostszy formularz od podstaw, aby integracja była jak najprostsza.

Po nadaniu nazwy formularzowi na ekranie konfiguracji formularza kliknij opcję Utwórz pusty formularz .

Create a Blank Form

Znajdziesz się teraz w kreatorze formularzy, gdzie możesz zacząć dodawać pola do swojego formularza.

Doskonały! Dodajmy kilka pól do tego formularza.

3. Dodaj pola do swojego formularza

Wstawianie pól do formularza jest niezwykle łatwe dzięki WPForms. Po prostu przesuń kursor do panelu po lewej stronie i kliknij pole, które chcesz dodać. Możesz także przeciągać i upuszczać pole, jeśli chcesz mieć większą kontrolę nad tym, gdzie pole ma się pojawiać w formularzu.

Dwa najważniejsze pola to Imię i E-mail . Zacznijmy więc od ich dodania.

Adding Fields

Możesz łatwo zmienić nazwę dowolnego pola. Zmienimy nazwę pola Imię i nazwisko na „Nazwa nowego pracownika”. Po prostu kliknij pole po dodaniu go do formularza, aby otworzyć jego Opcje pola, a następnie wpisz nową nazwę pola w opcji Etykieta .

Renaming Field

Następnie dodajmy również następujące pola przed zmianą ich nazw, tak jak zmieniliśmy nazwy pól powyżej:

  • Stanowisko (tekst jednowierszowy)
  • Dział (rozwijane)
  • Menedżer (rozwijane)
  • Data rozpoczęcia (data/godzina)

New Hire Form Fields

W przypadku pól rozwijanych możesz dodać opcje do wyboru, klikając pole, aby otworzyć Opcje pola i wprowadzając tekst dla każdego wyboru w sekcji Wybory.

Dropdown choices

W przypadku pola Data/Godzina używamy formatu Data, ponieważ nie potrzebujemy pola Czas do naszych celów. Możesz zmienić format w Opcje pola » Ogólne .

Date Format

Jeśli chcesz, możesz także wyłączyć przeszłe daty, aby w polu wyboru dat pokazywały się tylko teraźniejsze i przyszłe daty do wyboru.

To ustawienie można znaleźć na karcie Zaawansowane w Opcjach pola. Użyj przycisku przełączania Wyłącz przeszłe daty , aby wyłączyć wszystkie przeszłe daty.

Disable Past Dates Option

Doskonały! Dodaliśmy wszystkie pola potrzebne do tego formularza i jest on prawie gotowy.

Teraz jest dobry moment, aby zapisać formularz, aby nie utracić wprowadzonych zmian. Przycisk Zapisz można znaleźć w górnej części narzędzia do tworzenia formularzy, obok przycisku Osadź.

Save form changes

Zakończyliśmy już tworzenie formularza. W kolejnym kroku czas rozpocząć proces łączenia tego formularza z ChatGPT.

4. Utwórz konto Uncanny Automator

Zanim będziesz mógł połączyć ChatGPT ze swoją witryną WordPress, musisz najpierw mieć aktywne konto Uncanny Automator.

Z pulpitu nawigacyjnego WordPress wybierz Automator » Ustawienia.

Uncanny Automator settings

Spowoduje to przejście do sekcji Licencja w Twoich ustawieniach. Kliknij przycisk Połącz swoją witrynę , aby kontynuować.

Kliknij ten przycisk, aby połączyć swoją witrynę z Uncanny Automator

Jak tylko naciśniesz ten przycisk, pojawi się nowe okno podręczne. Wybierz przycisk Połącz darmowe konto i postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby utworzyć bezpłatne konto Uncanny Automator i połączyć z nim swoją witrynę.

Przycisk uruchamiający kreatora konfiguracji Uncanny Automator

Po pomyślnym utworzeniu konta możesz rozpocząć tworzenie przepisu na automatyzację.

5. Skonfiguruj wyzwalacz automatyzacji

W Uncanny Automator każda automatyzacja nazywana jest „przepisem”. Każda receptura składa się z dwóch komponentów: wtyczki uruchamiającej automatyzację oraz innej aplikacji lub wtyczki, która wykonuje akcję na podstawie zdarzenia wyzwalającego.

Możesz tworzyć przepisy Uncanny Automato bezpośrednio z pulpitu nawigacyjnego WordPress. W menu administratora najedź kursorem na Automator , a następnie naciśnij Dodaj nowy .

Add new recipe in automator

Zostaniesz teraz przeniesiony do ekranu edytora receptur. Tutaj wybierz typ przepisu. Uncanny Automator pozwala wybrać przepis według typu użytkownika, który może go zainicjować.

Ponieważ zakładamy, że nasz formularz będzie używany wewnętrznie przez firmę do wysyłania automatycznych wiadomości e-mail do nowych pracowników, wybierzemy opcję Zalogowani użytkownicy . Dzięki temu automatyzacja zostanie uruchomiona tylko wtedy, gdy upoważniony, zalogowany personel prześle ten formularz.

Możesz jednak wybrać dowolny typ w zależności od potrzeb. Po wybraniu typu przepisu kliknij Potwierdź u dołu, aby kontynuować.

Select recipe type

Teraz możesz nadać tytuł temu przepisowi i wybrać wtyczkę trippera. Ponieważ zbudowaliśmy nasz formularz przy użyciu WPForms, jako wyzwalacz wybierzemy WPForms.

WPForms trigger

Wybierz zdarzenie wyzwalające z dostępnych opcji. W większości przypadków, w tym w tym, wyzwalacz „ Użytkownik przesyła formularz ” będzie działał dobrze.

Select trigger event

Gdy skończysz wybierać zdarzenie wyzwalające, musisz teraz wybrać konkretny formularz, który powinien wyzwolić tę automatyzację. W tym miejscu musisz wybrać formularz utworzony w poprzednim kroku.

W naszym przypadku ten formularz nazywa się Formularz nowego zatrudnienia. Użyjemy więc listy rozwijanej, aby wybrać ten formularz.

Select form for the trigger event

Naciśnij przycisk Zapisz , gdy skończysz.

W tym momencie pomyślnie skonfigurowałeś zdarzenie wyzwalające. Przejdźmy do łączenia Uncanny Automator z ChatGPT.

6. Połącz Uncanny Automator z ChatGPT

Przewiń w dół i kliknij przycisk Dodaj akcję , aby rozpocząć konfigurowanie zdarzenia akcji swojej automatyzacji.

Adding action for automation

Gdy to zrobisz, otworzy się lista ze wszystkimi dostępnymi aplikacjami, które możesz zintegrować z WPForms. Poszukaj ikony OpenAI na tej liście i kliknij ją.

Select OpenAI

Po kliknięciu tej ikony na ekranie pojawi się nowe wyskakujące okienko, wymagające połączenia konta OpenAI z Uncanny Automator. Kliknij opcję Połącz konto , aby przejść dalej.

Connect with ChatGPT

Tutaj musisz wprowadzić swój tajny klucz API dla OpenAI. Aby znaleźć swój klucz, najpierw upewnij się, że masz konto OpenAI. Jeśli posiadasz konto, po prostu odwiedź ten link na nowej karcie przeglądarki, aby uzyskać dostęp do strony klucza OpenAI.

Kliknij przycisk Utwórz nowy tajny klucz .

Create New Secret Key

Kliknij ikonę schowka, aby skopiować klucz API. Wróć do poprzedniej karty przeglądarki, w której konfigurowałeś przepis Uncanny Automator i wprowadź swój tajny klucz API w modalu. Następnie naciśnij przycisk Połącz konto OpenAPI .

Connect with OpenAI

Gdy tylko się połączysz, otrzymasz komunikat o powodzeniu potwierdzający, że OpenAI jest teraz gotowy do użycia z Uncanny Automator.

OpenAI ready to use

Teraz możemy skonfigurować ChatGPT jako naszą akcję automatyzacji.

7. Skonfiguruj działanie automatyzacji

Po połączeniu konta ChatGPT z Uncanny Automator wróć do ekranu edytora przepisów. Tym razem ikona OpenAI nie będzie już wyszarzona, co sugeruje, że jest gotowa do użycia.

Kliknij ikonę OpenAI .

Select OpenAI

Spowoduje to otwarcie listy rozwijanej z listą dostępnych opcji akcji OpenAI. Wybierz opcję „ Użyj monitu, aby wygenerować tekst z modelem GPT ”.

Select GPT Model

Teraz zobaczysz kilka opcji, które pozwolą ci kontrolować zachowanie twojego modelu ChatGPT:

  • Model: jeśli wybrałeś zalecaną powyżej opcję działania, będziesz mieć dostęp tylko do GPT-3, który jest najlepszym modelem językowym dostępnym obecnie w OpenAI. Możesz także wybierać między modelami Curie, Babbage i Ada, jeśli wybierzesz inną opcję akcji w darmowej wersji Uncanny Automator. W tym samouczku zalecamy pozostawienie tej opcji jako domyślnej.
  • Temperatura: To ustawienie pozwala kontrolować stopień losowości odpowiedzi generowanej przez GPT-3. Możesz wprowadzić wartości od 0 do 2. Jeśli nie masz pewności, lepiej pozostaw domyślną wartość 1.
  • Maksymalna długość: To pole akceptuje maksymalną liczbę tokenów. OpenAI liczy długość w kategoriach tokenów, które są jednostkami „znaczenia”, a nie słowami. Według OpenAI: „Możesz myśleć o tokenach jako o fragmentach słów, gdzie 1000 tokenów to około 750 słów”. Ponownie możesz pozostawić to pole puste, aby użyć wartości domyślnej.
  • Komunikat systemowy: Tutaj możesz wprowadzić dowolne instrukcje lub nadać GPT-3 dodatkowy kontekst dotyczący oczekiwanej odpowiedzi.
  • Podpowiedź: To jest najważniejsza część tych ustawień. GPT-3 użyje wszystkiego, co napiszesz, jako zachęty do wygenerowania i odesłania odpowiedzi.

Oto komunikat systemowy i zachęta, których użyliśmy:

Message and Prompt

Możesz zauważyć, że monit zawiera pewne dane bezpośrednio pobrane z formularza, który wcześniej połączyliśmy jako wyzwalacz.

To najfajniejsza funkcja tej integracji, ponieważ możesz spersonalizować swój e-mail, dodając rzeczywiste dane z każdego wpisu formularza.

Aby pobrać dane z formularza i dodać je do monitu, po prostu naciśnij ikonę gwiazdki ( * ) obok pola Prompt.

Pulling data from trigger app

Po otwarciu moda przewiń w dół i wybierz zdarzenie wyzwalające, które ustawiłeś wcześniej.

Pulling data from trigger plugin

Teraz możesz pobierać dane bezpośrednio z dowolnego pola dodanego do formularza, o ile są dostępne dodatkowe metadane, takie jak adres IP użytkownika.

Selecting form data

Gdy skończysz, naciśnij Zapisz .

8. Użyj odpowiedzi wygenerowanej przez ChatGPT

Po skonfigurowaniu integracji z ChatGPT ostatnim krokiem jest wykorzystanie wygenerowanego tekstu w sposób, który może być dla Ciebie pomocny.

W naszym scenariuszu używamy tej integracji, aby ChatGPT wygenerował wiadomość e-mail i wysłał ją do zamierzonego odbiorcy. Jednak ChatGPT nie może wysłać wiadomości e-mail, więc potrzebujemy oddzielnej akcji, aby obsłużyć proces wysyłania wiadomości e-mail.

Aby to zrobić, skonfigurujemy drugą akcję w Uncanny Automator. Po prostu kliknij przycisk Dodaj akcję pod właśnie utworzoną akcją OpenAI.

Add Action

Tak jak poprzednio, zobaczysz teraz listę aplikacji dostępnych do integracji. Tym razem kliknij E-maile.

Selecting email integration

Po wykonaniu tej czynności kliknij element akcji „ Wyślij wiadomość e-mail ”.

Set up email action

Wypełnij pola, aby skonfigurować ustawienia poczty e-mail. Upewnij się, że używasz pola E-mail z formularza w polu Do. Możesz to zrobić, klikając przycisk gwiazdki (*) po prawej stronie pola i wybierając E-mail z opcji wyzwalacza formularza, tak jak zrobiliśmy to we wcześniejszym kroku.

Send an Email Action Settings

Przewiń w dół, aby znaleźć pola tematu i treści wiadomości e-mail. Najpierw wprowadź odpowiedni tekst dla tematu.

Ponieważ możemy uzyskać tylko kompletną odpowiedź ChatGPT w jednym kawałku, nie możemy wyciągnąć tylko wiersza tematu z odpowiedzi, aby użyć go w polu Temat.

Zamiast tego na potrzeby tego samouczka użyjemy stałego, ręcznie napisanego wiersza tematu.

Writing the subject line

W przypadku treści musimy pobrać tekst wiadomości e-mail, który wygenerował dla nas ChatGPT na podstawie monitów skonfigurowanych w poprzednim kroku.

Być może zauważyłeś, że wcześniej poinstruowaliśmy ChatGPT, aby nie wstawiał wiersza tematu w swojej odpowiedzi.

Instructions in the prompt

W ten sposób możemy zapewnić, że zwracany tekst jest wolny od przypadkowych wzmianek o temacie w treści wiadomości e-mail.

Teraz musimy tylko wstawić tekst ChatGPT do treści wiadomości e-mail.

Jeszcze raz idź dalej i przycisk gwiazdki ( * ) obok pola Treść, aby otworzyć listę dostępnych danych, których możesz użyć z ChatGPT.

Ponieważ potrzebujemy tutaj tylko odpowiedzi opartej na monitach ChatGPT, wybierzemy dane wyjściowe odpowiedzi z listy rozwijanej akcji modelu GPT.

Returning ChatGPT response to email

Kiedy jesteś zadowolony z tego, jak wszystko wygląda, śmiało i naciśnij Zapisz.

Save 2nd Action

Prawie skończyliśmy! Pozostaje nam tylko opublikować formularz, który stworzyliśmy w kroku 3.

9. Opublikuj swój formularz

W ostatnim kroku po prostu wróć do głównego pulpitu nawigacyjnego WordPress i przejdź do WPForms » Wszystkie formularze .

Forms overview page

Wybierz utworzony wcześniej formularz z tej listy, aby uzyskać do niego dostęp w kreatorze. W środku kliknij przycisk Podgląd u góry.

Previewing your form

Spowoduje to przejście do podglądu formularza, w którym możesz go przetestować. To dobry moment, aby wypełnić fikcyjny wpis adresem e-mail, który należy do Ciebie, i nacisnąć Prześlij, aby zainicjować automatyzację.

Jeśli integracja została skonfigurowana prawidłowo, otrzymasz starannie napisaną odpowiedź (która w naszym przypadku jest powitalną wiadomością e-mail) od ChatGPT.

Po zakończeniu testowania i przeglądania formularza wróć ponownie do narzędzia do tworzenia formularzy i naciśnij Osadź .

Embed your form with the embed button

Spowoduje to wyświetlenie okna modalnego z pytaniem, czy chcesz osadzić formularz na istniejącej stronie, czy na nowej.

Będziemy osadzać formularz na nowej stronie, chociaż proces w obu przypadkach przebiega prawie tak samo.

Embed form in new page

Teraz będziesz musiał nazwać swoją nową stronę. Po nadaniu mu odpowiedniej nazwy kliknij przycisk Let's Go , aby kontynuować.

Naming a new page to embed your form on

Po naciśnięciu tego przycisku znajdziesz się w edytorze WordPress z formularzem już osadzonym w nim za pomocą bloku.

To dobre miejsce, aby po raz ostatni spojrzeć na swoją formę i upewnić się, że wszystko jest dla Ciebie satysfakcjonujące. Kiedy będziesz gotowy, naciśnij przycisk Publikuj u góry, aby uruchomić formularz WordPress zintegrowany z ChatGPT.

Publish the Form

Możesz teraz korzystać z tego formularza do wyzwalania powiadomienia e-mail generowanego przez sztuczną inteligencję.

Taking the form live

Oto e-mail powitalny wygenerowany przez sztuczną inteligencję, który wysłał nam ChatGPT na podstawie użytych przez nas podpowiedzi:

AI generated welcome email

Czy to nie jest po prostu idealne?

To tylko jeden przykład tego, co możesz osiągnąć dzięki integracji WPForms + ChatGPT. Możesz swobodnie eksplorować, eksperymentować i kształtować tę integrację, aby dostosować ją do konkretnych potrzeb biznesowych.

I to wszystko! Nauczyłeś się łączyć formularze WordPress z ChatGPT.

Następnie wypróbuj więcej pomysłów na integrację Aweomse ChatGPT

Istnieje mnóstwo kreatywnych sposobów wykorzystania połączenia między WPForms i ChatGPT do świetnego wykorzystania.

Jednym ze sposobów na to byłoby skorzystanie z naszego szablonu formularza adopcji kota i wysłanie przez ChatGPT e-maila potwierdzającego z losowym zabawnym faktem na temat kotów. Chociaż po pewnym czasie ChatGPT zabraknie unikalnych odpowiedzi, nadal będziesz w stanie zwiększyć różnorodność faktów wysyłanych za pomocą e-maili, dzięki czemu będzie to interesujące dla użytkowników!

Połącz swój formularz z ChatGPT teraz

Gotowy do zbudowania formy? Zacznij już dziś z najłatwiejszą wtyczką 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.