Witamy w naszym dzisiejszym samouczku na temat tworzenia generatora przepisów za pomocą ChatGPT na Divi ! W tym przewodniku przeprowadzę Cię krok po kroku, jak skonfigurować prosty formularz na swojej stronie internetowej Divi, który wykorzystuje Chat GPT do dynamicznego generowania pomysłów i instrukcji na przepisy na smoothie.
Na koniec będziesz mieć generator przepisów oparty na sztucznej inteligencji, z którego odwiedzający będą mogli uzyskać niestandardowe sugestie dotyczące przepisów na podstawie dostępnych składników. To naprawdę fajny sposób na dodanie unikalnego, interaktywnego elementu do witryny poświęconej jedzeniu lub gotowaniu.
Zacznijmy!
Podstawowa konfiguracja pola formularza
W tej sekcji skonfigurujemy podstawowe pola formularza dla naszego narzędzia do rekomendacji smoothie. Składniki, rodzaj koktajlu i ograniczenia dietetyczne to tylko niektóre z tych pól.
Twórz niesamowite strony internetowe
Z najlepszym darmowym kreatorem stron Elementor
Zacząć teraz
Dodaj formularz Divi
W kreatorze wizualnym Divi utwórz nową stronę i dodaj pojedynczy wiersz kolumny.
Dodaj do wiersza moduł Divi Form Builder o nazwie „Smoothie Doctor” lub innej odpowiedniej nazwie.
Pole wprowadzania składników
Składniki powinny pójść w nowe pole. Określ typ pola, które ma zostać wprowadzone.
Wprowadź łatwy do zapamiętania identyfikator pola, np. f_ingredients.
Utwórz etykietę u góry, ikonę i tekst zastępczy (np. „Wpisz składniki, oddzielając je przecinkami”) dla pola składników na karcie Układ.
Pole radiowe dla typu smoothie
W przypadku naszych smoothie dodaj nowe pole.
Określ typ pola jako Radio.
Wprowadź łatwy do zapamiętania identyfikator pola, taki jak f_type.
Dodaj opcje smoothie owocowego i wegetariańskiego do pola typu smoothie.
Ustaw styl pola radiowego/pola wyboru na domyślny lub styl przycisku w obszarze Opcje układu.
Ustaw „TAK” dla następujących opcji jednowierszowych.
Jeśli używasz stylu przycisku, pamiętaj o ustawieniu aktywnych stylów radia/pola wyboru na karcie Projekt.
Pole wyboru ograniczeń dietetycznych
Ze względu na nasze ograniczenia dietetyczne dodaj nowe pole.
Wybierz typ pola Checkbox.
Wprowadź niezapomniany identyfikator pola, taki jak f_restrictions.
Opcje Niskokaloryczne, Bez nabiału i Brak można dodać do pola ograniczeń dietetycznych, aby uczynić je bardziej wyjątkowymi.
Ustaw styl pola radiowego/pola wyboru na domyślny lub styl przycisku w obszarze Opcje układu.
Ustaw „TAK” dla następujących opcji jednowierszowych.
Jeśli używasz stylu przycisku, pamiętaj o ustawieniu aktywnych stylów radia/pola wyboru na karcie Projekt.
Dodanie pola AI i przeglądu formularza Divi Form
W tej sekcji zaktualizujemy nasz formularz za pomocą funkcji Divi Form AI. Za pomocą Divi Form AI będziemy w stanie tworzyć przepisy na smoothie wygenerowane przez sztuczną inteligencję i dostosowane do ewentualnych ograniczeń dietetycznych, jakie mogą mieć nasi użytkownicy. Definiując osobowość AI, podpowiedzi AI i nie tylko w tej formie Divi opartej na AI, podzielimy to na kilka sekcji.
Pole AI do wyprowadzania receptury
Dodaj do formularza pole dotyczące AI i nadaj mu nazwę „Przepis AI” lub inną odpowiednią.
Wybierz typ pola AI dla pola.
Wprowadź łatwy do zapamiętania identyfikator pola, np. f_recipe.
Skonfiguruj opcje podpowiedzi w sekcji Formularz AI, przewijając w dół. Tutaj określimy wytyczne dla modelu AI.
Ustawienia formularzy AI Divi Form
Wiem, że wszyscy jesteśmy gotowi zacząć korzystać z podpowiedzi AI, abyśmy mogli cieszyć się wspaniałymi koktajlami i słodkimi gadżetami Chat GPT, ale najpierw przyjrzyjmy się ustawieniom AI.
Znajdują się one w sekcji Form AI głównych ustawień formularza, a nie w ustawieniach pól.
Ustaw maksymalny dopuszczalny wydatek dla tego konkretnego formularza, który można zmienić w ustawieniach administratora.
Wybierz żądaną akcję, która ma zostać wykonana przez formularz po osiągnięciu limitu.
Przycisk przesyłania formularza można wyświetlić, ukryć lub wyłączyć do czasu utworzenia treści AI.
Aby ocenić terminowość i jakość odpowiedzi, zapisz odpowiedzi AI w bazie danych.
Ustaw limit szybkości wywołań API, aby zapobiec nadużyciom.
Jeśli otrzymujesz słabe odpowiedzi lub wydaje się, że sztuczna inteligencja nie rejestruje wszystkich danych wejściowych, włącz tę opcję.
Konfiguracja Divi AI – Definiowanie Persony AI
Kontekst utrzymuje te modele sztucznej inteligencji pod kontrolą i zapobiega im dziwacznych halucynacji i wypowiadaniu całkowicie nielogicznych bełkotów. Zdefiniujemy personę AI, aby zapewnić kontekst i konkretną rolę dla modelu AI. Osoba, używając terminologii sztucznej inteligencji, to sposób, w jaki zapewniamy jej kontekst, którego potrzebuje, aby sprawniej reagować na Twoje żądania.
Masz szczęście, ponieważ Divi Form Builder pozwala w pełni dostosować i stworzyć osobę od podstaw, a także oferuje kilka wstępnie zdefiniowanych osobowości AI. Przejdź do ustawień pola AI i przewiń w dół do opcji Formularz AI, aby zobaczyć te opcje.
Tworzenie niestandardowej persony AI
Wybierz opcję „Niestandardowy” spośród predefiniowanych opcji osoby podpowiedzi w sekcji Wstępnie zdefiniowana osoba podpowiedzi.
W niestandardowej osobie podpowiedzi opisz pozycję i zestaw umiejętności szefa kuchni AI. Korzystając z komponentów dostarczonych przez użytkownika i biorąc pod uwagę wszelkie ograniczenia dietetyczne, możesz na przykład powiedzieć: „Jesteś szefem kuchni AI z doświadczeniem w tworzeniu przepisów na pyszne koktajle”.
Osobie AI można nawet nadać nazwę, na przykład „Chef Engine”, dodając coś w stylu „Masz na imię Chef Engine i powinieneś się tak nazywać”. Twoja niestandardowa persona podpowiedzi dobiegła końca.
Budując osobowość AI, możemy zapewnić kontekst modelu AI i instrukcje dotyczące rodzaju danych, jakie chcemy, aby generowała. Dzięki temu możliwe jest dostosowanie receptur smoothie generowanych przez sztuczną inteligencję do danych wejściowych i preferencji użytkownika.
Konfiguracja Divi AI – Inżynieria podpowiedzi AI
Nadszedł czas, aby uporać się z najtrudniejszym problemem podczas pracy z dowolnym rodzajem sztucznej inteligencji, takim jak Divi Form AI lub ChatGPT, szybka inżynieria. Szybka inżynieria może wydawać się laikowi onieśmielająca, ale tak naprawdę wymaga jedynie nauczenia się, jak komunikować się z sztuczną inteligencją, aby zrozumiała, co mówisz i wykonała Twoje instrukcje.
Aby wygenerować przepis na smoothie, musimy zatem podać odpowiedni kontekst i instrukcje w ramach tej lekcji AI w formie Divi. Bierzemy pod uwagę uwagi użytkowników w naszym generatorze koktajli Divi, ponieważ dzięki Divi From AI robimy więcej niż tylko tworzenie treści. Aby to osiągnąć, przekazujemy do naszego podpowiedzi identyfikatory pól, które wcześniej zdefiniowaliśmy.
Teraz widzisz, dlaczego mnie to bolało.
Oto najważniejsze kwestie:
- Sprawdź, czy używasz prawidłowego identyfikatora pola.
- Pamiętaj, aby zawinąć identyfikator pola w
%%(np. f_ingredients staje się%%f_ingredients%%).
Biorąc to pod uwagę, pozostaje tylko poinstruować sztuczną inteligencję, jak zarządzać danymi wprowadzanymi przez użytkownika z formularza Divi i co ma z tym zrobić. Poinformujemy go o składnikach użytkownika, rodzaju smoothie, jakiego pragnie i wszelkich ograniczeniach dietetycznych, które należy wziąć pod uwagę.
Monit dotyczący tworzenia AI
Użyj identyfikatora pola %%f_ingredients%% , aby wyświetlić listę dostępnych składników użytkownika na początku sekcji podpowiedzi. Zagwarantuje to, że model AI będzie świadomy składników, które należy wziąć pod uwagę.
Następnie należy uwzględnić preferowany przez użytkownika rodzaj smoothie, używając identyfikatora pola %%f_type%% . Pomoże to modelowi AI opracować właściwy przepis.
Użyj identyfikatora pola %%f_restrictions%% , aby wskazać ograniczenia dietetyczne użytkownika. To zagwarantuje, że podczas tworzenia przepisu model AI uwzględni te ograniczenia.
Wyjaśnij, że chcesz, aby sztuczna inteligencja zaoferowała dokładny, krok po kroku przepis na smoothie, który uwzględnia Twoje składniki i ograniczenia dietetyczne.
Nalegaj, aby przepis uwzględniał ograniczenia dietetyczne użytkownika i preferowany rodzaj smoothie.
Zdecydowaliśmy się na następujący monit.
The user has the following list of ingredients available to them:
%%f_ingredients%%
They want a %%f_type%% smoothie recipe.
They have the following dietary restrictions:
%%f_restrictions%%
Please give me on detailed step-by-step smoothie recipe that takes the users ingredients and dietary restrictions into account. Make sure you adhere to their dietary restrictions and make the type of smoothie they want.
Do not ask me any follow-up questions, just provide the information.Zakładając, że wykonałeś każdy krok dokładnie zgodnie z instrukcją, Twoja odpowiedź GPT powinna wyglądać podobnie.
Konfiguracja Divi AI – ulepszenie podpowiedzi
Zmieniając sformułowanie lub dodając dodatkowy kontekst, możesz zwiększyć skuteczność początkowego monitu, jeśli nie przyniesie on pożądanego rezultatu. W ramach dodatkowej usługi dla naszych użytkowników możemy również chcieć umieścić dane o wartościach odżywczych na dole odpowiedzi.
Poprośmy sztuczną inteligencję o uwzględnienie szczegółów diety, dodając „ I also want you to output detailed nutritional information as an HTML table format for easy reading".
Pomyśl o sformatowaniu wyników tabeli za pomocą elementów HTML, idąc o krok dalej i dodając Use <table> <thead> <tr>
itp. w razie potrzeby, aby wyświetlić tabelę w wierszu zachęty .
Twój formularz Divi AI powinien być teraz bardziej dopracowany, a odpowiedź GPT powinna teraz przypominać tę.
Konfiguracja Divi AI – moduł wstępnego ładowania tekstu formularza
W zależności od używanego modelu GPT użytkownicy mogą poczekać kilka sekund, co nie jest rozwiązaniem idealnym. Nie będę Cię w tej kwestii okłamywać. Aby poprawić komfort użytkowania i przekonać ich, że Twoja witryna nie uległa awarii ani nie została zawieszona z jakiegokolwiek powodu, zawsze warto zainstalować moduł wstępnego ładowania.
Aby w tym pomóc, Divi Form AI oferuje szereg opcji wstępnego ładowania. Oprócz kilku animowanych, oferujemy również moduł wstępnego ładowania tekstu, który nadaje mu fajny, cyberpunkowy klimat.
- Przejdź do ustawień pola przepisu AI.
- Wybierz opcję Tekst w preferencjach stylu ładowania odpowiedzi AI, przewijając w dół do opcji Formularz AI.
- Wpisz tekst, który chcesz widzieć podczas wstępnego ładowania w obszarze Tekst odpowiedzi AI, np. „Analiza składników…” i „Rozważanie ograniczeń…”
- Używając kodów kolorów HTML pomiędzy nawiasami klamrowymi, możesz zmienić kolor tekstu w każdym wierszu (na przykład wpisz „#000000” w przypadku czarnego tekstu).
- Wynik tekstu można następnie ustawić tak, aby pojawiał się w różnych wierszach lub w tym samym wierszu, zgodnie z potrzebami.
Ostateczna perspektywa
Oto wizualna demonstracja, jak wygląda generator przepisów na smoothie.
Podsumowując
I to wszystko! Teraz masz swój własny, inteligentny generator przepisów obsługiwany przez ChatGPT na swojej stronie internetowej Divi . Dzięki prostemu formularzowi i uważnym podpowiedziom AI możesz stworzyć zabawne narzędzie, dzięki któremu odwiedzający będą mogli uzyskać spersonalizowane pomysły na przepisy.
Pamiętaj, aby poeksperymentować z modyfikowaniem osobowości AI i podpowiedzi, aby tworzyć różne rodzaje przepisów i instrukcji dostosowanych do tematyki Twojej witryny. Możliwości są naprawdę nieograniczone, gdy łączymy Divi i ChatGPT.
