fbpx

ChatGPT - Comment intégrer l'IA dans son formulaire de recherche WordPress ?


ChatGPT – Comment intégrer l’IA dans son formulaire de recherche WordPress ? ChatGPT – Comment intégrer l’IA dans son formulaire de recherche WordPress ?

Vous souhaitez intégrer l’IA dans son formulaire de recherche WordPress ? Dans cet article, nous allons voir ensemble les étapes nécessaires pour y arriver. En effet, l’intelligence Artificielle (IA) peut offrir plusieurs avantages à une entreprise. Notamment, mieux faire la recherche dans la base de données, générer des informations au-delà de ce que vous avez de disponible… et bien plus encore. Ses fonctionnalités peuvent contribuer à améliorer l’expérience de vos utilisateurs et accroitre vos revenus. Dans cet article, nous allons particulièrement nous focaliser sur l’utilisation de l’API de ChatGPT. Nous verrons comment vous pouvez l’exploiter pour enrichir votre formulaire de recherche WordPress.

Avant de commencer…

Pour faire une telle intégration, vous devez avoir des compétences en informatique. Si vous souhaitez un module d’intégration de l’IA dans son formulaire de recherche WordPress sans compétence en informatique, vous pouvez utiliser notre plugin.

Ce donc vous avez besoin :

  • compétences en programmation php
  • quelques notions en modification de thèmes WordPress
  • notions en manipulation des API

Étapes 1. Créer un modèle Enfant.

Si vous ne disposez pas de modèle enfant, vous devez dans un premier temps en créer. Pour créer un thème enfant, il faudra créer un dossier dans l’onglet themes de votre site web WordPress. Par exemple prositeweb-child.

Dans ce dossier, vous devez créer le fichier functions.php et styles.css. En plus, vous devez ajouter un code semblable à ceci dans le fichier styles.css


/
*
Theme Name:   Prositeweb Child
Theme URI:        https://www.prositeweb.ca/prositeweb-child/
Description:  prositeweb child description
Author:           Prositeweb Inc.
Author URI:   https://www.prositeweb.ca/
Template:         prositeweb
Version:          1.0.0
License:          GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  prositeweb
 
*/

Le thème enfant de votre vous permet de faire des ajustements supplémentaires sur votre site web sans affecter le modèle principal. Vous pouvez en savoir plus sur le thème enfant via cet article de blog.

Étape 2. Abonnez-vous au compte de ChatGPT OpenAI API.

Open AI vous propose une interface sur laquelle vous pouvez générer les clés API pour votre projet. Il sera donc question de créer un compte et générer la clé API et la clé de votre organisation.

Pour créer votre compte, vous pouvez suivre les étapes suivantes :

#1 – Visitez le site web OpenAI Product 

Visitez le site web OpenAI Product 

Allons-y,

#2 – Dans le menu, cliquez sur Log in et ensuite API (sur la page qui va s’ouvrir)

À partir d’ici, il sera question de créer un compte ou se connecter à un compte existant.

#3 – générez votre clé API. 

Dans le menu de gauche, vous verrez une option appeler «API Keys». Depuis cet onglet, cliquer sur « Create new secret key » et suivez les étapes pour générer votre clé API.

#4 ID de votre organisation

Toujours sur le menu de gauche, vous verrez settings ⇒ Organization, cliquez et vous verrez l’identifiant de votre organisation.

Étape 3 : Utiliser notre fonction PHP pour générer les textes à partir d’une question.

Nous avons écrit cette fonction PHP qui permet de prendre la valeur de recherche et générer du texte grâce à ChatGPT.  Pour utiliser cette fonction, vous aurez besoin de :

  • La clé API
  • L’identifiant de votre organisation
  • Le modèle que vous souhaitez utiliser

Il sera tout simplement question de copier le code et coller dans le fichier functions.php de votre thème WordPress enfant.


<?php 
function chatGPT($values) {

$apiKey =  'votre clé de secrete';
$organisation = "l'identifiant de votre organisation";

if(!empty($apiKey) && !empty($organisation)) {
$url = 'https://api.openai.com/v1/chat/completions';
$headers = array(
    "Authorization: Bearer {$apiKey}",
    "OpenAI-Organization: {$organisation}",
    "Content-Type: application/json"
);
$model = "modèle"; // "gpt-4", "gpt-3.5" ; 
$max_token = 3500; // Nombre maximum de caractères

// Define messages
$messages = array();
$message = array();
$message["role"] = "user";
$message["content"] = $values;
$messages[] = $message;

// Define data
$data = array();
$data["model"] = $model;
$data["messages"] = $messages;
$data["max_tokens"] = (int)$max_token;

// init curl
$curl = curl_init($url);
curl_setopt($curl, CURLOPT_POST, 1);
curl_setopt($curl, CURLOPT_POSTFIELDS, json_encode($data));
curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);

$result = curl_exec($curl);
curl_close($curl);

$valeur =  json_decode($result, true); 
if (array_key_exists('choices',$valeur))
  {
      $contenu = $valeur['choices'][0]['message']['content'];
return $contenu;
  }
else
  {
return "";
  }
}

}


Utiliser le filtre de WordPress pour intercepter la recherche avant le résultat.

Pour intégrer le résultat de votre fonction chatGPT($values) afin qu’il s’affiche avant les résultats de recherche WordPress, vous pouvez utiliser plusieurs approches. L’une des méthodes les plus simples consiste à utiliser le hook the_posts, qui vous permet de modifier les posts retournés par une requête WordPress, y compris l’ajout de contenu personnalisé avant les résultats de recherche. Voici un exemple de comment vous pourriez procéder avec the_posts


<?php 
add_filter('the_posts', 'prepend_chatgpt_result_to_search', 10, 2);

function prepend_chatgpt_result_to_search($posts, $query) {
    // Vérifiez si nous sommes dans une recherche
    if ($query->is_search() && !is_admin()) {
        // Obtenez la requête de recherche
        $search_query = get_search_query();
        
        // Interrogez ChatGPT avec cette requête
        $chatgpt_response = chatGPT($search_query);
        
        // Préparez le contenu de ChatGPT comme un post virtuel
        $chatgpt_post = new WP_Post((object) array(
            'ID' => -1,
            'post_title' => 'Réponse de ChatGPT',
            'post_content' => $chatgpt_response,
            'post_status' => 'publish',
            'post_type' => 'post',
            // Autres champs nécessaires...
        ));
        
        // Préfixez le post virtuel au début des résultats de recherche
        array_unshift($posts, $chatgpt_post);
    }

    return $posts;
}


Notes Importantes

  • Sécurité et Performances : Assurez-vous que l’interaction avec ChatGPT ne ralentisse pas significativement l’affichage des résultats de recherche pour les utilisateurs. Vous pourriez envisager de mettre en cache les réponses de ChatGPT pour des requêtes fréquentes. Ou sauvegarder les requêtes afin de recherche moins via l’API.
  • Affichage Customisé : Le post virtuel créé dans cet exemple apparaîtra comme un post normal dans les résultats de recherche. Vous voudrez peut-être personnaliser la façon dont il est affiché. Cela peut être fait en modifiant votre thème pour vérifier l’ID du post et afficher différemment le post de ChatGPT.

Conclusion concernant l’intégrer l’IA dans son formulaire de recherche WordPress

En résumé, pour intégrer l’intelligence artificielle dans votre formulaire de recherche, vous pouvez utiliser notre plugin WordPress ou plusieurs autres plugins que vous trouverez certainement en ligne. Alternativement, vous pouvez suivre les étapes que nous avons énumérées ci-dessus.

Nous sommes également ouverts à une personnalisation. En effet, notre équipe vous propose l’intégration des outils d’intelligence artificielle au sein de votre organisation. Contactez-nous pour une évaluation gratuite.

Lire aussi …

#1: Comment transformer un site WordPress en application mobile ou web ?

Pour transformer un site WordPress en application, vous pouvez opter pour le pWA, les application hybride, les plugins, le sur mesure.

#2: WordPress 6.5 est déjà Disponible — Quels sont les principaux ajouts ?

WordPress 6.5 est déjà disponible. Nous vous proposons un aperçu des nouvelles fonctionnalités. En résumé : font, accessibilité, performance

#3: Qu’est-ce qu’une API ? Comment utiliser les API pour communiquer avec des solutions tierces

Une API est une composante essentielle du développement logiciel moderne. Dans cet article et vidéo, nous expliquons ses avantages.

#4: Qu’est-ce qu’un plugin WordPress ou pour d’autres CMS ? – Définition et conseils pour le choix.

Un plugin WordPress est essentiellement un bout de code conçu pour étendre et ajouter de nouvelles fonctionnalités. Écoutez la vidéo.

#5: Comment traduire son site web WordPress?

Traduire son site web WordPress donne un avantage concurrentiel. Utilisez WPML, Weglot, Polylang ou WordPress network. Lire l’article.

#6: Plugin WordPress – estimation de bien immobilier

Plugin WordPress – estimation de bien immobilier est une extension qui permet aux courtiers d’ajouter le formulaire d’évaluation sur un site.

#7: Comment attirer de Vrais potentiels clients grâce à Google Analytics et à la Search Console de Google ?

Comment attirer de Vrais potentiels clients grâce à Google Analytics et à la Search Console de Google ? Revoir sa stratégie de contenu

#8: Yoast SEO — Tutoriel pour optimiser votre site Web WordPress pour Google et Bing

C’est quoi Yoast SEO ? Comment configurer et l’utiliser pour améliorer sa visibilité sur Google ? Suivez nos conseils et guide.

Gilblas Ngunte Possi

Gilblas Ngunte Possi

Fondateur et Développeur Full-Stack chez Prositeweb.

Ma maîtrise des outils modernes, combinée à un sens d’analyse approfondi des technologies de l’information, me permet d’offrir un accompagnement de qualité dans la conception et la mise en place de vos solutions web.

Laisser un commentaire

Votre adresse courriel ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Gilblas Ngunte Possi

Gilblas
Répond généralement dans 1 heure

Gilblas
Salut👋

Comment puis-je vous aider?
1:40
Discutez avec nous