Como instalar o GPT-3 Chat no WordPress? Plug-in (em inglês)

Para criar um plugin WordPress que integra uma janela de bate-papo com GPT-3, Você precisará seguir estas etapas:

1. Instale e configure o plugin de desenvolvimento do WordPress em seu ambiente de desenvolvimento local.
2. Crie um novo arquivo PHP no diretório de plugins do WordPress e dê ao arquivo um nome apropriado. Este arquivo será o arquivo principal do plugin.
3. Abra o arquivo e adicione um cabeçalho de comentário no início do arquivo para fornecer informações básicas sobre o plug-in, como o nome, Descrição e versão.
4. No arquivo, Defina uma função para inicializar o plug-in e registrar a ação necessária e os ganchos de filtro.
5. Usar a função wp_enqueue_scripts para carregar os arquivos de estilo e JavaScript necessários para a janela de bate-papo.
6. Criar um arquivo JavaScript para lidar com a interação com GPT-3. Usa a API OpenAI para enviar e receber mensagens do usuário através da janela de bate-papo.
7. Adicione a janela de bate-papo ao seu site WordPress usando o recurso add_action e o rótulo wp_footer.
8. Teste o plug-in em seu ambiente de desenvolvimento local para garantir que ele funcione corretamente.
9. Empacote o plug-in em um arquivo ZIP e faça o upload do arquivo para o repositório oficial de plug-ins do WordPress seguindo as instruções fornecidas no site do WordPress.

Tenha em mente que estes são apenas os passos básicos para criar um plugin WordPress. Você pode precisar fazer alguns ajustes adicionais para garantir que o plugin funcione corretamente em diferentes ambientes e situações.. Além disso, você deve ter cuidado ao trabalhar com a API OpenAI e seguir as instruções de uso e políticas de privacidade da empresa.

Aqui está um exemplo de código PHP que você pode usar como base para o seu plugin WordPress que integra uma janela de bate-papo com GPT-3.:

<?..php
/*
Nome do plug-in: Bate-papo GPT-3
Descrição: Adicionar uma janela de bate-papo GPT-3 ao seu site WordPress.
Versão: 1.0
Autor: Seu nome
*/

gpt3_chat_init de função() {
// Carrega o estilo e os arquivos JavaScript necessários para a janela de bate-papo
wp_enqueue_style( 'gpt3-chat-style', plugin_dir_url( __ARQUIVO__ ) . 'css/estilo.css’ );
wp_enqueue_script( 'gpt3-chat-script', plugin_dir_url( __ARQUIVO__ ) . 'js/script.js', Array(), ‘1.0’, Verdadeiro );

// Passamos a chave da API OpenAI como uma variável JavaScript
wp_localize_script( 'gpt3-chat-script', 'gpt3_chat_vars', Array(
'api_key’ => 'TU_CLAVE_API_AQUÍ’
));
}
add_action( 'wp_enqueue_scripts', 'gpt3_chat_init’ );

gpt3_chat_window de função() {
// Exibe a janela de bate-papo no rodapé
?>
<div id=”gpt3-chat-janela”>
<div id=”gpt3-chat-header”>
Bate-papo com GPT-3
<span id=”gpt3-bate-papo-fechar”>&Vezes;</PALMO>
</Div>
<div id=”gpt3-chat-mensagens”></Div>
<id do formulário=”gpt3-chat-form”>
<tipo de entrada=”Texto” id=”gpt3-chat-input” espaço reservado=”Digite uma mensagem…”>
<tipo de botão=”Enviar” id=”gpt3-chat-enviar”>Enviar</botão>
</forma>
</Div>
<?..php
}
add_action( 'wp_footer', 'gpt3_chat_window’ );

Mais tarde, você pode criar um arquivo JavaScript para lidar com a interação com GPT-3. Aqui está um código de exemplo que você pode usar como base:

// Inicializar a API do OpenAI
const openai = exigir('OpenAI');
openai.apiKey = gpt3_chat_vars.api_key;

// Exibe uma mensagem na janela de bate-papo
função showMessage(Mensagem) {
const messagesDiv = document.getElementById('gpt3-chat-messages');
const messageDiv = document.createElement('div');
messageDiv.classList.add('gpt3-chat-message');
messageDiv.innerHTML = mensagem;
messagesDiv.appendChild(messageDiv);
messagesDiv.scrollTop = messagesDiv.scrollHeight;
}

// Envia uma mensagem para GPT-3 e exibe a resposta
função sendMessage(Mensagem) {
// Envie a mensagem para GPT-3 usando a API OpenAI
openai.completions.create({
modelo: «text-davinci-002’,
rápido: Mensagem,
max_tokens: 256
}, (erro, Resposta) => {
se (erro) {
console.error(erro);
retornar;
}

// Exibe a resposta GPT-3 na janela de bate-papo
showMessage(response.choices[0].Texto);
});
}

// Envia a mensagem quando o formulário é enviado
const chatForm = document.getElementById('gpt3-chat-form');
chatForm.addEventListener('enviar', (Acontecimento) => {
event.preventDefault();

const input = document.getElementById('gpt3-chat-input');
se (input.value) {
showMessage(input.value);
sendMessage(input.value);
input.value = ”;
}
});

// Fecha a janela de bate-papo quando o botão Fechar é clicado
const closeButton = document.getElementById('gpt3-chat-close');
closeButton.addEventListener('clique', () => {
const chatWindow = document.getElementById('gpt3-chat-window');
chatWindow.style.display = 'nenhum';
});

Este código usa a API OpenAI para enviar uma mensagem para GPT-3 e exibir a resposta na janela de bate-papo. Ele também lida com o envio de formulários e o fechamento da janela de bate-papo.

Tenha em mente que você precisa substituir TU_CLAVE_API_AQUÍ no código PHP com sua própria chave de API OpenAI. Você também deve instalar a biblioteca OpenAI com npm install openai Antes de usá-lo em seu projeto.

Se você precisar de ajuda com a integração, você pode entrar em contato conosco através [email protected] ou no +34 625 768 035.