{"id":27449,"date":"2025-11-30T00:24:58","date_gmt":"2025-11-30T00:24:58","guid":{"rendered":"https:\/\/purethemes.net\/?p=27449"},"modified":"2026-04-01T22:23:58","modified_gmt":"2026-04-01T22:23:58","slug":"comment-ajouter-chatgpt-ou-gemini-a-wordpress-guide-pas-a-pas","status":"publish","type":"post","link":"https:\/\/purethemes.net\/fr\/comment-ajouter-chatgpt-ou-gemini-a-wordpress-guide-pas-a-pas\/","title":{"rendered":"Comment ajouter ChatGPT ou Gemini \u00e0 un site WordPress\u00a0: guide 2026 \u00e9tape par \u00e9tape"},"content":{"rendered":"<p class=\"translation-block\">Vous voulez ajouter un plugin de chatbot <strong>AI<\/strong> \u00e0 votre site web <strong>WordPress<\/strong> ? <strong>Vous \u00eates au bon endroit.<\/strong> Dans ce tutoriel \u00e9tape par \u00e9tape, je vous montrerai exactement<strong>comment int\u00e9grer ChatGPT (OpenAI) ou Google Gemini dans WordPress<\/strong>, m\u00eame si vous n'avez jamais rien fait de tel auparavant.<\/p>\n\n\n\n<p>Aucun codage n'est n\u00e9cessaire. Cela prend environ 10 minutes. Allons-y \ud83d\ude80<\/p>\n\n\n\n        <div class=\"listeo-ai-chat-wrapper\" id=\"listeo-ai-chat-27449\" style=\"height: 460px\" data-hide-images=\"1\"><script>(function(){var s=localStorage.getItem('listeo_ai_chat_dark_mode'),e=document.getElementById('listeo-ai-chat-27449');if(s==='dark')e.classList.add('dark-mode');else if(s==='light')e.classList.remove('dark-mode');})();<\/script>            <div class=\"listeo-ai-chat-container\">\n                <div class=\"listeo-ai-chat-header\">\n                    <div class=\"listeo-ai-chat-header-left\">\n                                                    <div class=\"listeo-ai-chat-avatar-wrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/purethemes.webp\" alt=\"Assistant IA\" class=\"listeo-ai-chat-avatar\" \/>\n                                <span class=\"listeo-ai-chat-status-dot\"><\/span>\n                            <\/div>\n                                                <div class=\"listeo-ai-chat-title\">Assistant IA<\/div>\n                    <\/div>\n                <\/div>\n                <style>\n                \/* Shortcode menu positioned absolutely in container *\/\n                .listeo-ai-chat-menu-shortcode { position: absolute; top: 15px; right: 15px; z-index: 112; }\n                .listeo-ai-chat-menu-shortcode .listeo-ai-chat-menu-dropdown { right: 0; left: auto; }\n                \/* Style 2: position menu on left like old clear btn *\/\n                .elementor-chat-style .listeo-ai-chat-menu-shortcode { top: 15px; left: 15px; right: auto; }\n                .elementor-chat-style .listeo-ai-chat-menu-shortcode .listeo-ai-chat-menu-dropdown { left: 0; right: auto; }\n                \/* Style 2: hide menu when collapsed (no messages) *\/\n                .elementor-chat-style .listeo-ai-chat-wrapper:not(.expanded) .listeo-ai-chat-menu-shortcode { display: none; }\n                <\/style>\n                <div class=\"listeo-ai-chat-menu listeo-ai-chat-menu-shortcode\">\n                                        <div class=\"listeo-ai-chat-darkmode-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Toggle dark mode\">\n                        <svg class=\"icon-sun\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line><\/svg>\n                        <svg class=\"icon-moon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"><\/path><\/svg>\n                    <\/div>\n                                        <div class=\"listeo-ai-chat-menu-trigger\" role=\"button\" tabindex=\"0\" aria-haspopup=\"menu\" aria-expanded=\"false\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M3 6.5C2.17 6.5 1.5 7.17 1.5 8C1.5 8.83 2.17 9.5 3 9.5C3.83 9.5 4.5 8.83 4.5 8C4.5 7.17 3.83 6.5 3 6.5ZM8 6.5C7.17 6.5 6.5 7.17 6.5 8C6.5 8.83 7.17 9.5 8 9.5C8.83 9.5 9.5 8.83 9.5 8C9.5 7.17 8.83 6.5 8 6.5ZM13 6.5C12.17 6.5 11.5 7.17 11.5 8C11.5 8.83 12.17 9.5 13 9.5C13.83 9.5 14.5 8.83 14.5 8C14.5 7.17 13.83 6.5 13 6.5Z\" fill=\"currentColor\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"listeo-ai-chat-menu-dropdown\" role=\"menu\" data-state=\"closed\">\n                        <div class=\"listeo-ai-chat-menu-item listeo-ai-chat-clear-btn\" role=\"menuitem\" tabindex=\"-1\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n                                <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"13\"><\/line>\n                                <line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"><\/line>\n                            <\/svg>\n                            Start a new chat                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"listeo-ai-chat-messages\" id=\"listeo-ai-chat-27449-messages\">\n                    <!-- Welcome message added by JavaScript to avoid flash of wrong content -->\n                <\/div>\n\n                        <div class=\"listeo-ai-chat-quick-buttons\">\n                        <div class=\"listeo-ai-quick-btn\"\n                 data-type=\"contact\"\n                 data-value=\"\"\n                 >\n                <span>Contact humain<\/span>\n                                <svg class=\"listeo-ai-btn-icon\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n                            <\/div>\n                        <div class=\"listeo-ai-quick-btn\"\n                 data-type=\"chat\"\n                 data-value=\"How it works?\"\n                 >\n                <span>Comment \u00e7a marche&nbsp;?<\/span>\n                            <\/div>\n                    <\/div>\n        \n                                <div class=\"listeo-ai-chat-input-wrapper\">\n                                        <div\n                        class=\"listeo-ai-chat-image-btn\"\n                        data-chat-tooltip=\"Attach Image\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                    >\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <\/svg>\n                        <span class=\"image-count-badge\">1<\/span>\n                    <\/div>\n                    <input type=\"file\" class=\"listeo-ai-chat-image-input\" accept=\"image\/jpeg,image\/jpg,.jpg,.jpeg,image\/png,image\/gif,image\/webp\" style=\"display: none;\" \/>\n                                        <textarea\n                        id=\"listeo-ai-chat-27449-input\"\n                        class=\"listeo-ai-chat-input has-image-input\"\n                        placeholder=\"Type a message\"\n                        rows=\"2\"\n                        maxlength=\"1000\"\n                    ><\/textarea>\n                            <div\n            class=\"listeo-ai-chat-mic-btn\"\n            data-chat-tooltip=\"Voice Input\"\n            aria-label=\"Record voice message\"\n            role=\"button\"\n            tabindex=\"0\"\n        >\n            <!-- Default state: mic icon -->\n            <svg class=\"mic-icon\" viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\n                <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line>\n                <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line>\n            <\/svg>\n            <!-- Recording state: red dot + timer + stop button -->\n            <span class=\"mic-recording-ui\" style=\"display:none\">\n                <span class=\"mic-recording-dot\"><\/span>\n                <span class=\"mic-recording-timer\">0:00<\/span>\n                <svg class=\"stop-icon\" viewbox=\"0 0 24 24\" width=\"14\" height=\"14\">\n                    <rect fill=\"currentColor\" x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n                <\/svg>\n            <\/span>\n            <!-- Transcribing state: spinner -->\n            <span class=\"mic-transcribing-loader\" style=\"display:none\"><\/span>\n        <\/div>\n                            <button\n                        id=\"listeo-ai-chat-27449-send\"\n                        class=\"listeo-ai-chat-send-btn\"\n                    >\n                        <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/plugins\/ai-chat-search\/assets\/icons\/arrow-up.svg\" alt=\"Envoyer\" width=\"16\" height=\"16\" \/>\n                    <\/button>\n                <\/div>\n\n                \n                \n\n        <!-- Contact Form Overlay -->\n        <div class=\"listeo-ai-contact-form-overlay\" style=\"display: none;\">\n            <div class=\"listeo-ai-contact-form\">\n                <div class=\"listeo-ai-contact-form-header\">\n                    <h3>Contact Us<\/h3>\n                    <div class=\"listeo-ai-contact-form-close\" role=\"button\" aria-label=\"Fermer\">\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <form class=\"listeo-ai-contact-form-body\" action=\"\">\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-name\">Name <span class=\"required\">*<\/span><\/label>\n                        <input type=\"text\" id=\"listeo-contact-name\" name=\"name\" required \/>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-email\">Courriel <span class=\"required\">*<\/span><\/label>\n                        <input type=\"email\" id=\"listeo-contact-email\" name=\"email\" required \/>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-message\">Message <span class=\"required\">*<\/span><\/label>\n                        <textarea id=\"listeo-contact-message\" name=\"message\" rows=\"4\" required><\/textarea>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-actions\">\n                        <button type=\"submit\" class=\"listeo-ai-contact-form-submit\">\n                            <span class=\"button-text\">Send Message<\/span>\n                            <span class=\"button-spinner\" style=\"display: none;\">\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\" opacity=\"0.25\" fill=\"currentColor\"\/>\n                                    <path d=\"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z\" fill=\"currentColor\">\n                                        <animatetransform attributename=\"transform\" dur=\"0.75s\" repeatcount=\"indefinite\" type=\"rotate\" values=\"0 12 12;360 12 12\"\/>\n                                    <\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-message\" style=\"display: none;\"><\/div>\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n            <\/div>\n        <\/div>\n                    <\/div>\n        <\/div>\n        \n\n\n\n<p><\/p>\n\n\n\n<p>Un v\u00e9ritable chatbot d'IA n'est pas comme ces vieux robots avec des r\u00e9ponses pr\u00e9-\u00e9crites.<strong> Il utilise ChatGPT ou Gemini pour comprendre les questions des visiteurs.<\/strong> et<strong> des recherches sur le contenu de votre site web<\/strong> de donner des r\u00e9ponses pertinentes.<\/p>\n\n\n\n<p class=\"translation-block\">Si les d\u00e9tails techniques vous int\u00e9ressent, consultez notre article sur le <a href=\"https:\/\/purethemes.net\/how-ai-chatbots-work-rag-vector-embeddings-explained\/\" target=\"_self\">fonctionnement des chatbots RAG<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ce dont vous avez besoin<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Site web WordPress \ud83d\ude42 .<\/li>\n\n\n\n<li>Un plugin de chatbot AI (je couvrirai les options ci-dessous)<\/li>\n\n\n\n<li>Cl\u00e9 API d'OpenAI ou de Google (2 minutes pour la cr\u00e9er)<\/li>\n\n\n\n<li>Environ 10 \u00e0 15 minutes<\/li>\n<\/ul>\n\n\n\n<p><strong>Voil\u00e0, c'est fait. C'est parti.<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 1 : Installer un plugin de chatbot<\/h2>\n\n\n\n<p>Vous avez maintenant besoin d'un plugin WordPress pour tout connecter. Il existe plusieurs options - AI Engine, Tidio, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/fr\/chatbot-ia-pour-wordpress\/\"><img decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39-1024x535.png\" alt=\"\" class=\"wp-image-27453\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39-1024x535.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39-300x157.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39-768x401.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39-710x371.png 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39.png 1517w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>J'utilise <a href=\"https:\/\/purethemes.net\/fr\/chatbot-ia-pour-wordpress\/\">Assistant IA<\/a> qui dispose d'une version gratuite que vous pouvez utiliser pour commencer.<strong> Il s'agit d'une v\u00e9ritable version native de WordPress <\/strong>fonctionne avec n'importe quel th\u00e8me WordPress et forme le chatbot sur le contenu r\u00e9el de votre site.<\/p>\n\n\n\n<p><strong>Pour l'installation :<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>T\u00e9l\u00e9chargez le plugin \u00e0 partir du site web : <a href=\"https:\/\/purethemes.net\/fr\/chatbot-ia-pour-wordpress\/\">AI Chat &amp; Search T\u00e9l\u00e9charger<\/a><\/li>\n\n\n\n<li>Aller \u00e0 <strong>WordPress \u2192 Plugins \u2192 Add New \u2192 Upload Plugin<\/strong><\/li>\n\n\n\n<li><strong>T\u00e9l\u00e9charger le fichier zip<\/strong> fichier, installer, activer<\/li>\n<\/ol>\n\n\n\n<p>C'est tout pour la configuration de base.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 2 : Obtenir votre cl\u00e9 API<\/h2>\n\n\n\n<p>Tout d'abord, vous avez besoin d'un <strong>Cl\u00e9 API pour connecter votre site \u00e0 ChatGPT ou Gemini.<\/strong> Il s'agit essentiellement d'un mot de passe qui permet \u00e0 votre chatbot de parler \u00e0 l'IA.<\/p>\n\n\n\n<p>Vous pouvez choisir entre OpenAI (ChatGPT) et Google (Gemini). Les deux fonctionnent tr\u00e8s bien. Voici comment les obtenir :<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Option A : Cl\u00e9 API OpenAI (ChatGPT)<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Comment obtenir une cl\u00e9 API OpenAI\/ChatGPT en moins de 2 minutes !\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/J_Mlp7BjtP8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Aller \u00e0 <a href=\"https:\/\/platform.openai.com\" rel=\"nofollow noopener\" target=\"_blank\">plateforme.openai.com<\/a> et cr\u00e9er un compte<\/li>\n\n\n\n<li>Cliquez sur Cl\u00e9s API dans la barre lat\u00e9rale (ou allez directement \u00e0 <a href=\"https:\/\/platform.openai.com\/api-keys\" rel=\"nofollow noopener\" target=\"_blank\">plateforme.openai.com\/api-keys<\/a>)<\/li>\n\n\n\n<li>Cliquez sur \u201cCr\u00e9er une nouvelle cl\u00e9 secr\u00e8te\u201d<\/li>\n\n\n\n<li>Nommez-le quelque chose comme \u201cWordPress Chatbot\u201d<\/li>\n\n\n\n<li><strong>Copiez-le imm\u00e9diatement<\/strong> - vous ne le reverrez plus<\/li>\n<\/ol>\n\n\n\n<p>Ajoutez ensuite des cr\u00e9dits - allez dans Facturation \u2192 Ajouter des cr\u00e9dits. Le minimum est de $5, ce qui vous permet d'obtenir \u00e0 peu pr\u00e8s :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>~2,000 messages with GPT-4.1 Mini<\/li>\n\n\n\n<li>~5 000 messages avec GPT-5.1<\/li>\n\n\n\n<li>~3 000 messages avec GPT-4.1<\/li>\n<\/ul>\n\n\n\n<p>Pour la plupart des petits sites, $5 dure une quarantaine de jours. OpenAI utilise des cr\u00e9dits pr\u00e9pay\u00e9s afin d'\u00e9viter tout d\u00e9passement accidentel.<\/p>\n\n\n\n<p>Il y a un <a href=\"https:\/\/youtu.be\/J_Mlp7BjtP8\" rel=\"nofollow noopener\" target=\"_blank\">Tutoriel vid\u00e9o de 2 minutes ici<\/a> si vous pr\u00e9f\u00e9rez regarder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Option B : Cl\u00e9 API Google Gemini<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Comment cr\u00e9er une cl\u00e9 API Gemini AI ?\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/n8DFXqRiods?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>Gemini dispose d'un niveau gratuit, ce qui est int\u00e9ressant pour les tests :<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Aller \u00e0 <a href=\"https:\/\/aistudio.google.com\/api-keys\" rel=\"nofollow noopener\" target=\"_blank\">aistudio.google.com\/api-keys<\/a><\/li>\n\n\n\n<li>Cliquez \u201c<strong>Cr\u00e9er une cl\u00e9 API<\/strong>&#8220;<\/li>\n\n\n\n<li>Choisissez un projet Google Cloud (ou cr\u00e9ez-en un)<\/li>\n\n\n\n<li><strong>Copiez votre cl\u00e9<\/strong><\/li>\n<\/ol>\n\n\n\n<p><strong>Fait. Litt\u00e9ralement 30 secondes.<\/strong><\/p>\n\n\n\n<p><strong>Limites du niveau gratuit<\/strong>: 10 requ\u00eates par minute, 250 requ\u00eates par jour pour Gemini 2.5 Flash. Suffisant pour les tests et les sites \u00e0 faible trafic.<\/p>\n\n\n\n<p>Pour une utilisation en production, vous devrez activer la facturation. Gemini 2.5 Flash co\u00fbte environ $0.30 par million de jetons d'entr\u00e9e - tr\u00e8s bon march\u00e9 - similaire \u00e0 ChatGPT ~$5 pour 5000 messages. Gardez \u00e0 l'esprit que Gemini vous facture apr\u00e8s le cycle (pas de pr\u00e9paiement comme OpenAI), donc surveillez votre utilisation.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 3 : Connecter votre cl\u00e9 API<\/h2>\n\n\n\n<p>Maintenant, nous allons tout brancher :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Dans la barre lat\u00e9rale de WordPress, trouvez <strong>Assistant IA<\/strong><\/li>\n\n\n\n<li>Aller \u00e0 <strong>Param\u00e8tres<\/strong> onglet<\/li>\n\n\n\n<li>Collez votre cl\u00e9 d'API OpenAI ou Gemini<\/li>\n\n\n\n<li>Choisissez votre mod\u00e8le d'IA (j'aime bien <strong>GPT-5.1<\/strong> et <strong>Gemini Flash 2.5<\/strong>)<\/li>\n\n\n\n<li>\u00c9conomiser<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38.png\"><img decoding=\"async\" width=\"1024\" height=\"603\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-1024x603.png\" alt=\"\" class=\"wp-image-27452\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-1024x603.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-300x177.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-768x452.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-1536x905.png 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-2048x1206.png 2048w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-710x418.png 710w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 4 : Former le chatbot<\/h2>\n\n\n\n<p>C'est la partie la plus importante - le chatbot doit apprendre ce qu'il y a sur votre site.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Aller \u00e0 la page <strong>Formation aux donn\u00e9es<\/strong> onglet<\/li>\n\n\n\n<li>Cliquez sur <strong>\u201c\ud83d\ude80 Start Training\u201d<\/strong><\/li>\n\n\n\n<li>Attendre la fin de l'op\u00e9ration<\/li>\n<\/ol>\n\n\n\n<p>Le plugin analyse votre contenu et cr\u00e9e des liens (en fait un index consultable) que l'IA utilise pour trouver des \u00e9l\u00e9ments pertinents lorsqu'elle r\u00e9pond \u00e0 des questions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40.png\"><img decoding=\"async\" width=\"1024\" height=\"755\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-1024x755.png\" alt=\"\" class=\"wp-image-27454\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-1024x755.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-300x221.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-768x566.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-1536x1132.png 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-710x523.png 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40.png 1914w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"translation-block\">&lt;Dans la version gratuite, vous disposez de 1000 caract\u00e8res, ce qui est suffisant pour inclure vos coordonn\u00e9es, votre politique d&#039;exp\u00e9dition, votre politique de retour, vos heures d&#039;ouverture et les r\u00e9ponses aux questions les plus courantes. L&#039;IA s&#039;en sert pour r\u00e9pondre sans m\u00eame chercher dans votre base de donn\u00e9es.<\/p>\n\n\n\n<p>La version gratuite permet la formation sur tous les articles de blog. Vous pouvez ajouter des articles et les utiliser comme source pour votre site web et en faire des articles optimis\u00e9s pour le r\u00e9f\u00e9rencement. <strong>Tout le monde y gagne !<\/strong> La version Pro d\u00e9bloque les pages, les produits, les Custom Post Types et les PDF t\u00e9l\u00e9charg\u00e9s.<\/p>\n\n\n\n<p>Exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Nous sommes un torr\u00e9facteur bas\u00e9 \u00e0 Portland. Nous exp\u00e9dions des grains frais chaque semaine.\n\nEXP\u00c9DITION : Gratuit \u00e0 partir de $35, sinon $5.99. Exp\u00e9dition sous 2 jours.\nRETOURS : Remboursement int\u00e9gral dans les 14 jours si le produit n'a pas \u00e9t\u00e9 ouvert.\nCONTACT : hello@coffeeshop.com, lun-ven 9-5 PST\n\nPopulaire : Yirgacheffe \u00e9thiopien ($18), M\u00e9lange maison ($14)\nAbonnements : 10% de r\u00e9duction, annulation \u00e0 tout moment sur la page du compte.<\/code><\/pre>\n\n\n\n<p>L'IA utilisera ces informations pour r\u00e9pondre aux questions, m\u00eame sans effectuer de recherche dans votre base de donn\u00e9es. Quelqu'un demande \u201cproposez-vous des abonnements ?\u201d - l'IA le sait d\u00e9j\u00e0.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 5 : Personnaliser les r\u00e9ponses<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Des r\u00e9ponses courtes<\/h3>\n\n\n\n<p>Ajoutez ceci \u00e0 l'invite de votre syst\u00e8me :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Les r\u00e9ponses doivent \u00eatre br\u00e8ves, moins de 100 mots. Renvoyez aux pages pertinentes pour plus de d\u00e9tails.<\/code><\/pre>\n\n\n\n<p>R\u00e9ponses courtes = r\u00e9ponses rapides. <\/p>\n\n\n\n<p>Le chatbot fonctionne bien, mais vous pouvez l'am\u00e9liorer en lui parlant de votre site. Trouvez le champ des instructions personnalis\u00e9es ou de l'invite syst\u00e8me et ajoutez-y un peu de contexte :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>IMPORTANT:\n- This is &#091;describe your site - what you sell\/do]\n- If users ask about &#091;common question], tell them &#091;answer]\n- If users ask about &#091;another common thing], explain &#091;how it works]\n\nCONTACT INFO:\n- Email: your@email.com  \n- Phone: your number\n- Hours: when you're available<\/code><\/pre>\n\n\n\n<p>Par exemple, un magasin en ligne peut utiliser :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>IMPORTANT :\n- Il s'agit d'un magasin de meubles en ligne avec livraison dans le monde entier.\n- Si les utilisateurs ont des questions sur les commandes, ils peuvent les suivre dans \"Mon compte\" ou envoyer un courriel \u00e0 l'assistance.\n- En ce qui concerne les retours, nous acceptons les retours sous 30 jours.\n\nCONTACT : support@store.com, lun-ven 9h-17h<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Une solution rapide pour des r\u00e9sultats vides<\/h3>\n\n\n\n<p>Si le chatbot ne renvoie rien lorsque quelqu'un demande \u201cde bons \u00e9couteurs\u201d ou \u201cun bon restaurant\u201d, il se peut qu'il filtre automatiquement les \u00e9valuations \u00e9lev\u00e9es. Ajoutez cette ligne :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>N'appliquez pas de filtre d'\u00e9valuation \u00e0 moins que l'utilisateur ne le demande express\u00e9ment.<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41.png\"><img decoding=\"async\" width=\"1024\" height=\"591\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41-1024x591.png\" alt=\"\" class=\"wp-image-27455\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41-1024x591.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41-300x173.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41-768x443.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41-710x410.png 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41.png 1475w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Ajouter une source de connaissance (Pro)<\/strong><\/h3>\n\n\n\n<p class=\"translation-block\"><strong>Il s\u2019agit d\u2019une fonctionnalit\u00e9 suppl\u00e9mentaire<\/strong> qui demande \u00e0 l\u2019IA d\u2019utiliser une page ou un document pr\u00e9cis pour r\u00e9pondre aux questions sur un sujet donn\u00e9. Utile pour les sujets sensibles o\u00f9 l\u2019exactitude prime (p. ex.<br>pages juridiques, politiques d\u2019exp\u00e9dition, conditions d\u2019utilisation).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"815\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-1024x815.jpg\" alt=\"\" class=\"wp-image-31237\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-1024x815.jpg 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-300x239.jpg 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-768x611.jpg 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-15x12.jpg 15w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-710x565.jpg 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x.jpg 1334w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Sc<\/figcaption><\/figure>\n\n\n\n<p>AI Chat &amp; Search \u2192 AI Chat \u2192 AI Tools \u2192 System Prompt \u2192 Add Knowledge Source<\/p>\n\n\n\n<p class=\"translation-block\">Cliquez sur le bouton <strong>Ajouter une source de connaissances<\/strong> sous la zone de texte System Prompt, renseignez le<br>sujet et s\u00e9lectionnez une page\/un document, et l\u2019instruction est automatiquement ajout\u00e9e \u00e0 votre<br>system prompt.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Recherches sur les pages, articles de blog, documents PDF et pages externes<\/li>\n\n\n\n<li>Maximum 2 articles peuvent \u00eatre r\u00e9f\u00e9renc\u00e9s par requ\u00eate de recherche IA<\/li>\n\n\n\n<li class=\"translation-block\">Le contenu est r\u00e9cup\u00e9r\u00e9 directement (jusqu\u2019\u00e0 8000 caract\u00e8res par article) et combin\u00e9 avec<br>des r\u00e9sultats de recherche IA classiques<\/li>\n\n\n\n<li class=\"translation-block\">L\u2019instruction est traduisible \u2013 fonctionne dans n\u2019importe quelle langue Exemples d\u2019instructions (g\u00e9n\u00e9r\u00e9es automatiquement) : Quand l\u2019utilisateur demande des infos sur l\u2019exp\u00e9dition, la livraison, les retours \u2013 rechercher dans l\u2019article ID 99 (\u00ab Politique<br>d\u2019exp\u00e9dition \u00bb). Quand l\u2019utilisateur demande des infos sur les remboursements, les annulations \u2013 rechercher dans l\u2019article ID 105 (\u00ab Conditions<br>g\u00e9n\u00e9rales \u00bb).<\/li>\n<\/ul>\n\n\n\n<p class=\"translation-block\"><strong>Fonctionnement :<\/strong> Lorsqu\u2019un visiteur pose une question sur un sujet correspondant, l\u2019IA r\u00e9cup\u00e8re directement le contenu de la page r\u00e9f\u00e9renc\u00e9e et lance aussi une recherche classique sur l\u2019ensemble du contenu entra\u00een\u00e9, afin de fournir la r\u00e9ponse la plus pr\u00e9cise possible \u00e0 partir de la source exacte que vous avez indiqu\u00e9e.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 6 : Personnaliser le widget de chat (facultatif)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes.jpg\"><img decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-1024x563.jpg\" alt=\"\" class=\"wp-image-30521\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-1024x563.jpg 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-300x165.jpg 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-768x422.jpg 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-1536x845.jpg 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-18x10.jpg 18w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-710x391.jpg 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes.jpg 1876w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"translation-block\">La configuration de base est termin\u00e9e, mais il existe de nombreuses options pour adapter le chatbot \u00e0 votre site. Rendez-vous dans l\u2019onglet <strong>AI Chat<\/strong> des param\u00e8tres.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42.png\"><img decoding=\"async\" width=\"1024\" height=\"645\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-1024x645.png\" alt=\"\" class=\"wp-image-27456\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-1024x645.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-300x189.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-768x484.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-1536x967.png 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-2048x1290.png 2048w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-710x447.png 710w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Param\u00e8tres de base<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Nom du chatbot<\/strong> - ce qui s'affiche dans l'en-t\u00eate du chat (par d\u00e9faut : \u201cAssistant\u201d)<\/li>\n\n\n\n<li><strong>Message de bienvenue<\/strong> - le premier message que les visiteurs voient lorsqu'ils ouvrent le chat. Quelque chose comme \u201cBonjour ! Je peux vous aider \u00e0 trouver des produits ou r\u00e9pondre \u00e0 vos questions. Que cherchez-vous ?\u201d<\/li>\n\n\n\n<li><strong>Mod\u00e8le d'IA<\/strong> - choisissez votre mod\u00e8le pr\u00e9f\u00e9r\u00e9 comme GPT 5.1 ou Gemini 3 Pro \/ 2.5 Flash<\/li>\n\n\n\n<li><strong>R\u00e9sultats maximaux<\/strong> - le nombre d'\u00e9l\u00e9ments \u00e0 afficher dans les r\u00e9sultats de la recherche (5-50)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Apparence du widget<\/h3>\n\n\n\n<p>Vous pouvez personnaliser l'apparence de la bulle de dialogue flottante :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne de bouton personnalis\u00e9e<\/strong> - t\u00e9l\u00e9chargez votre propre ic\u00f4ne SVG<\/li>\n\n\n\n<li><strong>Message \u00e0 bulles de bienvenue<\/strong> - le petit texte qui s'affiche au-dessus du bouton de chat (\u201cHi ! How can I help you ?\u201d)<\/li>\n\n\n\n<li><strong>Largeur\/hauteur de la fen\u00eatre contextuelle<\/strong> - redimensionner la fen\u00eatre de chat (par d\u00e9faut 390x600px)<\/li>\n\n\n\n<li><strong>Couleur des boutons et couleur primaire<\/strong> - correspondre aux couleurs de votre marque<\/li>\n\n\n\n<li><strong>Sch\u00e9ma de couleurs sombre, clair ou automatique<\/strong><\/li>\n\n\n\n<li class=\"translation-block\"><strong>Style d\u2019en-t\u00eate initial<\/strong> \u2013 Choisissez un en-t\u00eate simple (par d\u00e9faut) (section sup\u00e9rieure de la fen\u00eatre de chat) ou un en-t\u00eate avec image d\u2019arri\u00e8re-plan pour l\u2019affichage initial de l\u2019en-t\u00eate (avant le premier message). Cela fonctionne uniquement avec le widget flottant, pas avec les shortcodes. Permet de personnaliser visuellement la fen\u00eatre de chat afin de correspondre \u00e0 votre marque.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Options de confidentialit\u00e9 et d'acc\u00e8s<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Obligation de se connecter pour utiliser le chat<\/strong> - seuls les utilisateurs connect\u00e9s peuvent discuter (utile pour les sites d'adh\u00e9sion)<\/li>\n\n\n\n<li><strong>Activer le suivi de l'historique des conversations<\/strong> - sauvegarde des conversations \u00e0 des fins d'analyse (suppression automatique au bout de 30 jours)<\/li>\n\n\n\n<li><strong>Conditions d'utilisation du salon<\/strong> - ajoute un avis de conformit\u00e9<\/li>\n\n\n\n<li><strong>Masquer le chat sur les pages s\u00e9lectionn\u00e9es<\/strong> - d\u00e9sactiver le widget sur des pages sp\u00e9cifiques telles que Panier, Caisse, Mon compte<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Utilisation des codes courts<\/h3>\n\n\n\n<p>Vous ne voulez pas du widget flottant ? Utilisez le shortcode \u00e0 la place :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;ai_chat]<\/code><\/pre>\n\n\n\n<p>Vous pouvez le personnaliser \u00e0 l'aide de param\u00e8tres :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;ai_chat height=\"600px\" style=\"2\"]<\/code><\/pre>\n\n\n\n<p>Cela vous permet d'int\u00e9grer le chat n'importe o\u00f9 - dans une page, une barre lat\u00e9rale ou des sections sp\u00e9cifiques de votre site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43.png\"><img decoding=\"async\" width=\"1024\" height=\"443\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-1024x443.png\" alt=\"\" class=\"wp-image-27457\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-1024x443.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-300x130.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-768x332.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-1536x665.png 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-710x307.png 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43.png 2010w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">C'est tout - Vous avez termin\u00e9 ! \ud83c\udf89<\/h2>\n\n\n\n<p>S\u00e9rieusement, c'est tout le processus. Votre site dispose d\u00e9sormais d'un chatbot IA qui :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Comprendre les questions en langage naturel<\/li>\n\n\n\n<li>Recherche des r\u00e9ponses dans votre contenu actuel<\/li>\n\n\n\n<li>Fonctionne 24 heures sur 24, 7 jours sur 7, sans que vous ne fassiez quoi que ce soit<\/li>\n<\/ul>\n\n\n\n<p>Testez-le. Posez-lui des questions sur votre site et voyez comment il se comporte. Modifiez l'invite du syst\u00e8me si n\u00e9cessaire.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading translation-block\">FAQ<\/h2>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong><strong>Quel est le co\u00fbt de fonctionnement ?<\/strong><\/strong><\/summary>\n<p>Les co\u00fbts de l'API sont g\u00e9n\u00e9ralement de $5-15\/mois pour les sites de petite \u00e0 moyenne taille. C'est bien moins que la plupart des services de chatbot par abonnement.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Cela ralentira-t-il mon site ?<\/strong><\/summary>\n<p>Non. Le chatbot se charge de mani\u00e8re asynchrone, le traitement de l'IA se fait sur les serveurs d'OpenAI\/Google. La recherche du contenu du site se fait sur votre serveur via le calcul de la similarit\u00e9 cosinus des embeddings (nerd alert).<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong><strong>Dois-je construire des flux de conversation ou des arbres de d\u00e9cision ?<\/strong><\/strong><\/summary>\n<p>Il suffit de r\u00e9diger des instructions en langage clair, comme pour informer un nouvel employ\u00e9. \u201cGardez un ton amical, sugg\u00e9rez WhatsApp s'ils ne trouvent pas ce qu'ils cherchent, \u00e9vitez le jargon technique\u201d. L'IA se charge du reste.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong><strong>Est-il multilingue ?<\/strong><\/strong><\/summary>\n<p>Fonctionne dans toutes les langues. Vous pouvez m\u00eame lui demander de traduire les requ\u00eates avant la recherche si votre contenu est dans une langue sp\u00e9cifique.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong><strong>Quelqu'un peut-il spammer le chatbot ?<\/strong><\/strong><\/summary>\n<p>Non. Il y a deux couches de limitation de d\u00e9bit - c\u00f4t\u00e9 client (cache du navigateur) et c\u00f4t\u00e9 serveur. Ainsi, m\u00eame si quelqu'un essaie d'en abuser, il atteindra rapidement les limites.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Vous voulez plus de fonctionnalit\u00e9s ?<\/h2>\n\n\n\n<p>Si vous avez besoin de plus, le <a href=\"https:\/\/purethemes.net\/fr\/chatbot-ia-pour-wordpress\/\">Version Pro<\/a> ($49 unique) ajoute :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Historique des conversations de chat<\/strong> - voir ce que les visiteurs demandent<\/li>\n\n\n\n<li><strong>Recherche de messages et de pages<\/strong> - L'IA effectue des recherches dans l'ensemble de votre contenu<\/li>\n\n\n\n<li><strong>Filtres WooCommerce<\/strong> - filtrer par prix, stock, \u00e9valuations, articles en vente<\/li>\n\n\n\n<li><strong>Fiches produits dans le chat<\/strong> - pr\u00e9senter des fiches produits r\u00e9elles, et pas seulement du texte<\/li>\n\n\n\n<li><strong>Types d'articles personnalis\u00e9s<\/strong> - s'entra\u00eener sur n'importe quel type de contenu<\/li>\n\n\n\n<li><strong>Formation PDF<\/strong> - t\u00e9l\u00e9charger des manuels, des FAQ, des documents<\/li>\n\n\n\n<li><strong>Supprimer l'image de marque<\/strong> - pas d'\u00e9tiquette \u201cpowered by\u201d (aliment\u00e9 par)<\/li>\n<\/ul>\n\n\n\n<p class=\"translation-block\">Si vous souhaitez d\u00e9couvrir des alternatives \u00e0 AI Chat &amp; Search, vous pouvez lire notre <a href=\"https:\/\/purethemes.net\/fr\/meilleurs-plugins-de-chatbot-pour-wordpress-comparaison\/\" target=\"_self\">article comparatif entre diff\u00e9rents chatbots WordPress \u2192<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Liens :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/purethemes.net\/fr\/chatbot-ia-pour-wordpress\/\">T\u00e9l\u00e9charger le plugin<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/docs.purethemes.net\/listeo\/knowledge-base\/how-to-create-open-ai-api-key\/\">Tutoriel sur la cl\u00e9 API OpenAI<\/a> (<a href=\"https:\/\/youtu.be\/J_Mlp7BjtP8\" rel=\"nofollow noopener\" target=\"_blank\">vid\u00e9o<\/a>)<\/li>\n\n\n\n<li><a href=\"https:\/\/docs.purethemes.net\/listeo\/knowledge-base\/how-to-create-gemini-ai-api-key\/\">Tutoriel sur la cl\u00e9 API Gemini<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Vous voulez ajouter une extension de chatbot IA \u00e0 votre site WordPress ? Vous \u00eates au bon endroit. Dans ce tutoriel \u00e9tape par \u00e9tape, je vais vous montrer exactement comment int\u00e9grer ChatGPT (OpenAI) ou Google Gemini dans WordPress, m\u00eame si vous n\u2019avez jamais rien fait de tel auparavant. Aucun code requis. Cela prend environ 10 minutes. Allons-y \ud83d\ude80 A [\u2026]<\/p>","protected":false},"author":1,"featured_media":27450,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_ayudawp_aiss_exclude":false,"_trp_exclude_from_translation":false,"footnotes":""},"categories":[38,42,155,152],"tags":[],"class_list":["post-27449","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-chatbot-wordpress","category-guides","category-wordpress-ai-tools"],"_links":{"self":[{"href":"https:\/\/purethemes.net\/fr\/wp-json\/wp\/v2\/posts\/27449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purethemes.net\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/purethemes.net\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/purethemes.net\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purethemes.net\/fr\/wp-json\/wp\/v2\/comments?post=27449"}],"version-history":[{"count":4,"href":"https:\/\/purethemes.net\/fr\/wp-json\/wp\/v2\/posts\/27449\/revisions"}],"predecessor-version":[{"id":31238,"href":"https:\/\/purethemes.net\/fr\/wp-json\/wp\/v2\/posts\/27449\/revisions\/31238"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/purethemes.net\/fr\/wp-json\/wp\/v2\/media\/27450"}],"wp:attachment":[{"href":"https:\/\/purethemes.net\/fr\/wp-json\/wp\/v2\/media?parent=27449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/purethemes.net\/fr\/wp-json\/wp\/v2\/categories?post=27449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/purethemes.net\/fr\/wp-json\/wp\/v2\/tags?post=27449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}