Comment créer une application alimentée par GPT3 sur WordPress sans code
Ce didacticiel étape par étape montre comment créer une application alimentée par GPT3 sur n’importe quel site WordPress auto-hébergé sans utiliser de code.
Dans ce didacticiel, nous allons créer une application simple qui prend une simple entrée de message et génère une réponse formatée dans un ton approprié pour le destinataire sélectionné.
Les étapes utilisées dans la construction de cette application peuvent être facilement adaptées à d’autres cas d’utilisation. Par exemple, GPT-3 pourrait être utilisé pour presque toutes les formes de génération de contenu, comme chatbot, traducteur ou pour classer des données. Voir plus d’exemples de cas d’utilisation ici ou regardez certains des outils alimentés par GPT que j’ai créés pour plus d’inspiration.
Conditions préalables
1) Accès à un site Web WordPress auto-hébergé.
2) Téléchargez et installez le plugin WordPress Gravity Forms (59 $).
3) Une clé API OpenAI. Enregistrez un compte gratuit sur OpenAI. Vous recevrez 18 $ de crédit gratuit en tant que nouvel utilisateur. Une fois votre compte OpenAI enregistré, récupérez votre clé API secrète et enregistrez-la dans un document sur votre appareil.
4) Téléchargez et installez le module complémentaire gratuit Gravity Forms OpenAI . Entrez votre clé API OpenAI dans les paramètres du module complémentaire.
Didacticiel vidéo
Première partie (22 minutes) – Configuration du formulaire
Deuxième partie (15 minutes) – Création de la page de l’application
Instructions et ressources
Création du formulaire
1) Créez un nouveau formulaire Gravity et notez le numéro d’identification du formulaire.
2) Ajoutez un seul champ de texte nommé « Réponse reçue ». Paramètres du champ : Avancé > Visibilité = Masqué Autoriser le remplissage dynamique du champ = Vrai Nom du paramètre = recd
3) Ajoutez un champ de texte Paragraphe nommé « AI Response ». Paramètres de champ : Avancé > Visibilité = Visible Utiliser l’éditeur de texte enrichi = Vrai Autoriser le remplissage dynamique du champ = Vrai Nom du paramètre = réponse
Logique de condition = Actif [Afficher] ce champ si [Toutes] les correspondances suivantes : [Réponse reçue] [est] [VRAI]
4) Ajoutez un seul champ de texte nommé « Nom de l’expéditeur ». Paramètres de champ : paramètres par défaut
5) Ajoutez un seul champ de texte nommé « Nom du destinataire ». Paramètres de champ : paramètres par défaut
6) Ajoutez un seul champ de texte nommé « Relation avec le destinataire ». Paramètres de champ : paramètres par défaut (facultatif : faites-en un champ « déroulant » pour améliorer la convivialité.
7) Ajoutez un seul champ de texte nommé ‘Message Tone’. Paramètres de champ : paramètres par défaut (facultatif : faites-en un champ « déroulant » pour améliorer la convivialité.
8) Ajoutez un champ de texte Paragraphe nommé « Votre message ». Paramètres de champ : Général > Caractères maximum = 500 (facultatif) Règles > Requis = Vrai
Enregistrer le formulaire
Paramètres OpenAI
1) Point de terminaison OpenAI = Achèvements
2) Complétions > Modèle OpenAI = text-davinci-003
Invite (Copiez et collez l’exemple d’invite ci-dessous) : générez un e-mail au format HTML à envoyer à un {Relationship to Recipient : 6} dans une tonalité {Message Tone : 7} en utilisant l’orthographe anglaise britannique. Le nom de l’expéditeur est {Sender\’s Name:4}. Le nom du destinataire est {Recipient\’s Name:5}. Le sujet de l’e-mail est : {Votre message :8}.
Remarque : Vérifiez que les noms de champ dans l’invite correspondent aux champs corrects de votre formulaire. Les valeurs d’ID de vos champs de formulaire peuvent différer de l’exemple ci-dessus.
Laissez tous les autres paramètres avancés à leurs valeurs par défaut.
4) Enregistrez les paramètres
Créer la page de l’application
1) Créez une nouvelle page WordPress.
2) Donnez à la page un nom pertinent.
3) Donnez à la page une URL pertinente.
4) (Facultatif) Utilisez le plugin Blank Slate (gratuit) si vous voulez un modèle propre pour votre page sans en-tête, pied de page ou autres éléments.
5) Passez en mode Texte dans l’éditeur de texte WordPress.
8) Remplacez la valeur du shortcode du formulaire Gravity par la valeur ID du formulaire que vous avez créé.
9) (Facultatif) Mettez à jour les paramètres de votre page Yoast (si installé) comme suit :
Autoriser les moteurs de recherche à afficher cette page dans les résultats de recherche ? = Non
Les moteurs de recherche doivent-ils suivre les liens sur cette page = Non
10) Prévisualisez la page pour vérifier que tout est comme il se doit.
11) Publiez la page.
Paramètres de confirmation de formulaire
1) Type de confirmation = Page
2) Page = [Nom de la page que vous venez de créer ci-dessus]
3) Transmettez les données de champ via la chaîne de requête = recd=TRUE&response={AI Response : 3}
Remarque : Vérifiez que le nom du champ dans la chaîne de requête correspond au champ AI Response dans votre formulaire. La valeur ID de votre champ de formulaire peut différer de l’exemple ci-dessus.
4) Visitez maintenant l’URL de la page que vous avez créée pour tester votre application.
Caractéristiques optionnelles
Le module complémentaire Gravity Forms suivant fournit des fonctionnalités supplémentaires à votre application :
Gravity Forms Post Content Merge Tags – Ce module complémentaire vous permet d’ajouter la réponse de l’API OpenAI à une balise de fusion qui peut être utilisée sur n’importe quel formulaire, page ou publication WordPress.
Gravity Forms Limit Submissions – Ce module complémentaire vous permet de limiter le nombre de soumissions de formulaires par heure, utilisateur ou adresse IP.
