WordPress + ChatGPT API: integracja w 30 minut krok po kroku

chatgpt api

Sztuczna inteligencja coraz śmielej wkracza do świata stron internetowych. Dzięki OpenAI możemy w łatwy sposób połączyć WordPress z chatgpt api, tworząc funkcjonalności oparte na AI, takie jak chatboty, generatory treści czy systemy wsparcia klienta. Co najważniejsze – całą integrację można wykonać w mniej niż 30 minut.

Poniżej znajdziesz kompletny przewodnik, jak połączyć chatgpt api z WordPressem przy użyciu wordpress api, api openai i rest wordpress.

1. Co będzie Ci potrzebne do integracji?

Aby zintegrować chatgpt api z WordPress, potrzebujesz:
✅ Konta OpenAI z aktywnym dostępem do api openai
✅ Strony opartej na WordPress (najlepiej z dostępem do motywu potomnego lub własnej wtyczki)
✅ Klucza API (OpenAI)
✅ Podstawowej wiedzy o rest wordpress i PHP

Nie musisz być ekspertem – jeśli znasz podstawy WordPressa i potrafisz edytować pliki functions.php lub stworzyć prostą wtyczkę, dasz radę.

2. Generowanie klucza API z OpenAI

Zaloguj się na platform.openai.com i przejdź do zakładki API Keys. Kliknij Create new secret key i skopiuj wygenerowany klucz.

Uwaga: traktuj ten klucz jak hasło – nie udostępniaj go publicznie.

3. Utworzenie prostego formularza czatu w WordPress

Dodaj prosty formularz na swojej stronie WordPress, np. w pliku szablonu lub za pomocą shortcodu:

<form id=”chatgpt-form”>
<input type=”text” id=”chatgpt-question” placeholder=”Zadaj pytanie…” required />
<button type=”submit”>Wyślij</button>
</form>
<div id=”chatgpt-response”></div>

 

Dodaj też podstawowy JavaScript, aby wysyłać dane do WordPressa:

document.getElementById(’chatgpt-form’).addEventListener(’submit’, async function(e) {
e.preventDefault();
const question = document.getElementById(’chatgpt-question’).value;
const responseDiv = document.getElementById(’chatgpt-response’);

const response = await fetch(’/wp-json/chatgpt/v1/ask’, {
method: 'POST’,
headers: { 'Content-Type’: 'application/json’ },
body: JSON.stringify({ question: question })
});

const data = await response.json();
responseDiv.innerText = data.reply || 'Brak odpowiedzi’;
});

wordpress api

4. Rejestracja własnego endpointa REST API w WordPress

W functions.php lub wtyczce dodaj kod:

add_action(’rest_api_init’, function () {
register_rest_route(’chatgpt/v1′, '/ask’, [
’methods’ => 'POST’,
’callback’ => 'handle_chatgpt_request’,
’permission_callback’ => '__return_true’
]);
});

function handle_chatgpt_request($request) {
$question = sanitize_text_field($request->get_param(’question’));
$api_key = 'TUTAJ_WSTAW_SWÓJ_KLUCZ_API’;

$response = wp_remote_post(’https://api.openai.com/v1/chat/completions’, [
’headers’ => [
’Authorization’ => 'Bearer ’ . $api_key,
’Content-Type’ => 'application/json’
],
’body’ => json_encode([
’model’ => 'gpt-3.5-turbo’,
’messages’ => [
[’role’ => 'user’, 'content’ => $question]
]
])
]);

if (is_wp_error($response)) {
return new WP_Error(’api_error’, 'Błąd połączenia z OpenAI’, [’status’ => 500]);
}

$body = json_decode(wp_remote_retrieve_body($response), true);
return [’reply’ => $body[’choices’][0][’message’][’content’]];
}

Dzięki temu tworzysz prostą integrację między chatgpt api a Twoim WordPressem poprzez rest wordpress.

5. Testowanie działania integracji

Po zapisaniu kodu, odśwież stronę i przetestuj formularz. Powinieneś otrzymać odpowiedź AI bezpośrednio w elemencie <div id="chatgpt-response">.

Jeśli coś nie działa:
✅ Sprawdź, czy endpoint jest poprawnie zarejestrowany
✅ Upewnij się, że Twój klucz api openai jest aktywny
✅ Sprawdź logi błędów PHP i JavaScript

6. Praktyczne zastosowania integracji

Integracja chatgpt api z WordPress otwiera wiele możliwości:

✅ Chatbot na stronie

Zamiast standardowego formularza kontaktowego – AI odpowiada na pytania klientów.

✅ Automatyczne generowanie treści

Dzięki wordpress ai możesz przygotować skrypt, który automatycznie tworzy nagłówki, opisy produktów lub meta opisy.

✅ Pomoc techniczna

Zautomatyzowana pomoc dla klientów – AI podpowiada rozwiązania na podstawie FAQ lub wcześniejszych rozmów.

✅ Narzędzia do analizy i podsumowań

Na stronach edukacyjnych, blogach czy portalach możesz oferować użytkownikom inteligentne podsumowania tekstów lub streszczenia.

7. Jak zabezpieczyć integrację?

Zawsze warto:
✔️ Ukryć klucz api openai w zmiennych środowiskowych (np. plik .env)
✔️ Ograniczyć liczbę zapytań (np. przez captcha lub token)
✔️ Dodawać logikę weryfikującą typ użytkownika (np. tylko zalogowani)

Dzięki temu Twoja integracja z chatgpt api będzie bezpieczna i stabilna.

8. Czy warto korzystać z wordpress ai w 2025?

Zdecydowanie tak. Integracja AI staje się nowym standardem w rozwoju stron i aplikacji. Dzięki połączeniu wordpress api, api openai i nowoczesnych frameworków, Twoja strona może stać się interaktywna, inteligentna i skuteczna.

Nie musisz mieć dużych zasobów – wystarczy 30 minut i podstawowa znajomość kodu, by stworzyć realnie użyteczną funkcjonalność.

Podsumowanie – sztuczna inteligencja na Twojej stronie w pół godziny

Połączenie chatgpt api z WordPress daje ogromne możliwości dla stron internetowych. Wystarczy znajomość rest wordpress, dostęp do api openai i proste API w PHP, aby stworzyć chatboty, generatory treści, inteligentne formularze i inne rozwiązania oparte na wordpress ai.

Jeśli chcesz wdrożyć takie rozwiązania na swojej stronie lub zlecić ich stworzenie – napisz do nas. W Smilecode realizujemy szybkie i bezpieczne integracje z AI dla firm z różnych branż.

📩 Skontaktuj się z nami i zobacz, jak AI może usprawnić Twoją stronę WordPress!