Dobrodošli v naši današnji vadnici o tem, kako narediti generator receptov z uporabo ChatGPT na Divi ! V tem priročniku vas bom korak za korakom vodil skozi nastavitev preprostega obrazca na vašem spletnem mestu Divi, ki izkorišča Chat GPT za dinamično ustvarjanje idej in navodil za recepte za smoothije.
Na koncu boste imeli generator receptov, ki ga poganja umetna inteligenca, s katerim lahko obiskovalci dobijo predloge receptov po meri na podlagi sestavin, ki jih imajo pri roki. To je res kul način za dodajanje edinstvenega interaktivnega elementa vaši hrani ali mestu za kuhanje.
Začnimo!
Nastavitev osnovnega polja obrazca
V tem razdelku bomo konfigurirali temeljna polja obrazca za naše orodje za priporočila smutijev. Sestavine, vrsta smutija in prehranske omejitve so nekatera od teh področij.
Ustvarite neverjetna spletna mesta
Z najboljšim brezplačnim graditeljem strani Elementor
Začni zdaj
Dodajte obrazec Divi
V vizualnem graditelju Divi ustvarite novo stran in dodajte eno vrstico stolpca.
V vrstico dodajte modul Divi Form Builder z imenom "Smoothie Doctor" ali drugim primernim imenom.
Vnosno polje za sestavine
Sestavine naj gredo na novo področje. Določite vrsto polja, ki naj bo Vnos.
Vnesite ID polja, ki si ga je enostavno zapomniti, na primer f_ingredients.
Ustvarite oznako na vrhu, ikono in nadomestno besedilo (na primer »Vnesite sestavine, ločene z vejico«) za polje sestavin pod zavihkom Postavitev.
Radio Field for Smoothie Type
Za naše vrste smutijev dodajte novo polje.
Določite, da bo vrsta polja Radio.
Vnesite ID polja, ki si ga je enostavno zapomniti, na primer f_type.
V polje za vrsto smutija dodajte možnosti za sadni smuti in zelenjavni smuti.
Nastavite Radio/Slog polja potrditvenega polja na Privzeto ali Slog gumba pod Možnosti postavitve.
Nastavite "DA" za naslednje enovrstične možnosti.
Prepričajte se, da ste na zavihku Oblikovanje nastavili aktivne sloge radia/potrditvenega polja, če uporabljate slog gumba.
Polje za preverjanje prehranskih omejitev
Za naše prehranske omejitve dodajte novo polje.
Izberite vrsto polja Potrditveno polje.
Vnesite ID polja, ki si ga je mogoče zapomniti, na primer f_restrictions.
Možnosti Nizkokalorično, Brez mlečnih izdelkov in Brez lahko dodate v polje prehranskih omejitev, da postane bolj edinstveno.
Nastavite Radio/Slog polja potrditvenega polja na Privzeto ali Slog gumba pod Možnosti postavitve.
Nastavite "DA" za naslednje enovrstične možnosti.
Prepričajte se, da ste na zavihku Oblikovanje nastavili aktivne sloge radia/potrditvenega polja, če uporabljate slog gumba.
Dodajanje polja in pregleda Divi Form AI
Naš obrazec bomo posodobili z uporabo funkcije Divi Form AI v tem razdelku. S pomočjo Divi Form AI bomo lahko izdelali recepte za smoothieje, ki jih ustvari umetna inteligenca in so prilagojeni morebitnim prehranskim omejitvam, ki jih morda imajo naši uporabniki. Ko definiramo osebnost umetne inteligence, pozive umetne inteligence in več za to obliko, ki jo poganja umetna inteligenca Divi, bomo to razdelili na nekaj razdelkov.
Polje AI za izpis recepta
V obrazec dodajte polje za AI in ga poimenujte »AI Recipe« ali poljubno primerno ime.
Za polje izberite vrsto polja AI.
Vnesite ID polja, ki si ga je enostavno zapomniti, na primer f_recipe.
Konfigurirajte možnosti poziva v razdelku Form AI, tako da se pomaknete navzdol. Tukaj bomo določili smernice za model AI.
Nastavitve obrazcev Divi Form AI
Vem, da smo vsi pripravljeni začeti uporabljati naše pozive AI, da bomo lahko uživali v čudovitih smutijih in sladkih dobrotah Chat GPT, vendar si najprej poglejmo nastavitve AI.
Te se nahajajo v razdelku Form AI v glavnih nastavitvah obrazca, ne v nastavitvah polja.
Nastavite najvišjo dovoljeno porabo za ta obrazec, ki jo lahko spremenite v skrbniških nastavitvah.
Izberite želeno dejanje, ki ga bo obrazec izvedel, ko bo dosežena omejitev.
Gumb za oddajo obrazca je mogoče prikazati, skriti ali onemogočiti, dokler ni izdelana vsebina AI.
Če želite oceniti hitrost in kakovost odziva, shranite odgovore AI v bazo podatkov.
Nastavite omejitev hitrosti klicev API, da preprečite zlorabo.
Če prejemate slabe odzive ali se zdi, da AI ne registrira vseh vnosov, vklopite to.
Nastavitev Divi AI – Definiranje osebe z umetno inteligenco
Kontekst je tisto, kar ohranja te modele umetne inteligence pod nadzorom in jim preprečuje, da bi imeli bizarne halucinacije in bruhanje popolnoma nelogičnih blebetanja. Opredelili bomo osebo AI, da bi zagotovili kontekst in specifično vlogo za model AI. Oseba, če uporabimo terminologijo umetne inteligence, je način, na katerega ji zagotovimo kontekst, ki ga potrebuje, da se lahko bolj spretno odzove na vaše zahteve.
Imate srečo, saj vam Divi Form Builder omogoča, da popolnoma prilagodite in ustvarite osebnost iz nič, poleg tega, da ponuja nekaj vnaprej določenih osebnosti AI. Pojdite na nastavitve AI Field in se pomaknite navzdol do Form AI, da vidite te izbire.
Ustvarjanje osebnosti AI po meri
Izberite »Po meri« med vnaprej določenimi možnostmi pozivne osebe v razdelku Vnaprej določena pozivna oseba.
V Custom Prompt Persona opišite položaj in nabor spretnosti kuharja z umetno inteligenco. Z uporabo uporabniških komponent in upoštevanjem morebitnih prehranskih omejitev bi lahko na primer rekli: "Ste kuhar z umetno inteligenco z izkušnjami pri ustvarjanju prijetnih receptov za smoothije."
Osebi umetne inteligence je mogoče celo dati ime, na primer "Chef Engine", tako da dodate nekaj v smislu "Vaše ime je Chef Engine in tako se morate zvati." vaša Custom Prompt Persona se je končala.
Z izgradnjo osebnosti AI lahko zagotovimo kontekst modela AI in navodila o vrsti podatkov, ki jih želimo ustvariti. To omogoča prilagoditev receptov za smoothije, ki jih ustvari umetna inteligenca, vnosom in željam uporabnika.
Nastavitev Divi AI – Inženiring vašega poziva AI
Čas je, da se spopademo z najtežjo težavo pri delu s katero koli vrsto umetne inteligence, kot sta Divi Form AI ali ChatGPT, takojšnje inženirstvo. Hiter inženiring se morda zdi zastrašujoč za laike, toda vse, kar v resnici vključuje, je naučiti se komunicirati z AI, tako da razume, kaj govorite, in izvaja vaša navodila.
Da bi ustvarili recept za smoothie, moramo torej zagotoviti ustrezen kontekst in navodila v okviru te lekcije Divi Form AI. Pri našem Divi Smoothie Generatorju upoštevamo prispevke uporabnikov, ker z Divi From AI naredimo več kot samo ustvarjanje vsebine. Da bi to dosegli, našemu pozivu posredujemo ID-je polj, ki smo jih predhodno definirali.
Zdaj vidite, zakaj me je to mučilo.
Najpomembnejši vidiki so naslednji:
- Preverite, ali uporabljate pravi ID polja.
- Poskrbite, da boste ID polja zavili v
%%(npr. f_ingredients postane%%f_ingredients%%).
Glede na to je vse, kar ostane, da umetni inteligenci naročite, kako upravljati uporabniški vnos iz obrazca Divi in kaj želite, da z njim naredi. Obvestili ga bomo o uporabnikovih sestavinah, vrsti smutija, ki ga želi, in morebitnih prehranskih omejitvah, ki jih je treba upoštevati.
Poziv za izdelavo AI
Uporabite ID polja %%f_ingredients%% za seznam uporabnikovih razpoložljivih sestavin na začetku razdelka s pozivom. To bo zagotovilo, da se model AI zaveda sestavin, ki jih je treba upoštevati.
Uporabnikovo želeno vrsto smutija je treba nato vključiti z ID polja %%f_type%% . To bo modelu AI pomagalo ustvariti pravi recept.
Uporabite ID polja %%f_restrictions%% , da označite uporabnikove prehranske omejitve. To bo zagotovilo, da bo model AI pri ustvarjanju recepta upošteval te omejitve.
Jasno povejte, da želite, da umetna inteligenca ponudi temeljit recept za smoothie po korakih, ki upošteva vaše sestavine in prehranske omejitve.
Vztrajajte, da mora recept upoštevati prehranske omejitve uporabnika in želeno vrsto smutija.
Odločili smo se za naslednji poziv.
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.Ob predpostavki, da ste vsak korak izvedli natančno po mojih navodilih, bi moral biti vaš odgovor GPT podoben temu.
Nastavitev Divi AI – izboljšanje poziva
Če spremenite besedno zvezo ali dodate dodaten kontekst, lahko naredite začetni poziv učinkovitejši, če ne prinese želenega rezultata. Kot dodatno storitev za naše uporabnike bi morda želeli vključiti podatke o hranilni vrednosti na dnu odgovora.
Prosimo AI, da vključi podrobnosti o prehrani tako, da doda " I also want you to output detailed nutritional information as an HTML table format for easy reading".
Razmislite o oblikovanju izpisa tabele z elementi HTML, tako da naredite korak dlje in dodate Use <table> <thead> <tr>
itd., kot je potrebno za izpis tabele v vaš poziv .
Vaš obrazec Divi AI bi moral biti zdaj bolj izpopolnjen in odgovor GPT bi moral biti zdaj podoben temu.
Nastavitev Divi AI – Prednalagalnik besedila obrazca
Odvisno od modela GPT, ki ga uporabljate, bodo uporabniki morda morali počakati nekaj sekund, kar ni idealno. Glede tega ti ne bom lagal. Če želite izboljšati uporabniško izkušnjo in prepričati uporabnike, da se vaše spletno mesto ni zrušilo ali zamrznilo iz kakršnega koli razloga, je vedno dobro namestiti prednalagalnik.
Za pomoč pri tem ponuja Divi Form AI številne izbire možnosti prednalaganja. Poleg nekaj animiranih ponujamo tudi prednalagalnik besedila, ki mu daje kul, kiberpunk terminalsko vzdušje.
- Pomaknite se do nastavitev polja AI Recipe.
- Izberite Text v nastavitvah AI Response Loading Style, tako da se pomaknete navzdol do Form AI.
- Pod Besedilo odziva AI vnesite besedilo, ki ga želite videti med postopkom prednalaganja, na primer »Analiza sestavin…« in »Upoštevanje omejitev…«
- Z barvnimi kodami HTML med zavitimi oklepaji lahko spremenite barvo besedila za vsako vrstico (na primer vnesite "#000000" za črno besedilo).
- Izpis besedila lahko nato nastavite tako, da se prikaže v različnih vrsticah ali v isti vrstici, kot želite.
Končni obeti
Tukaj je vizualna predstavitev, kako izgleda generator receptov za smoothie.
V zaključku
In to je to! Zdaj imate na svojem spletnem mestu Divi svoj lasten inteligentni generator receptov, ki ga poganja ChatGPT. Samo s preprostim obrazcem in nekaj previdnimi pozivi AI lahko ustvarite zabavno orodje, s katerim lahko obiskovalci dobijo prilagojene ideje za recepte.
Bodite prepričani, da eksperimentirate s spreminjanjem osebnosti AI in pozivov za ustvarjanje različnih vrst receptov in navodil, prilagojenih temi vašega spletnega mesta. Možnosti so resnično neskončne pri kombinaciji Divi in ChatGPT.
