Assistente AI *GRATIS* | *NO-CODE* sul tuo SITO WORDPRESS

Summary

The video script outlines a step-by-step guide on how to create and integrate a chatbot into a WordPress site using the GPT 3.5 Turbo model via the OpenAI API. The speaker shares their initial enthusiasm for chatbots and the challenges they faced due to a lack of programming skills. With the help of Cloud 3 Opus and the 'writen' AI platform, they successfully implemented a chat feature. The tutorial covers creating a plugin folder, modifying PHP, CSS, and JS files, and customizing the chatbot's behavior through system prompts. The speaker emphasizes the importance of personalizing the chatbot for specific topics and setting parameters like the maximum token length and temperature for creativity. The video concludes with a demonstration of the chatbot's functionality, showcasing its ability to remember previous interactions and respond with humor. The speaker also promotes their semantic programming course for chat GPT and a discussion on AI-generated music with the software 'judio'.

Takeaways

• 🤖 The speaker has integrated a chatbot named Viki into their WordPress site using the GPT 3.5 Turbo model.
• 📄 The process involves creating a new plugin folder within the WordPress 'plugins' directory and adding specific files.
• 🔑 A custom API key from OpenAI is required and should be inserted into the provided PHP file.
• ✍️ The chatbot's behavior and responses can be customized using a 'System prompt' where the user can define the bot's personality and functions.
• 💬 The chatbot has a memory that retains information within the session, as demonstrated by it remembering the speaker's name and age.
• 🚫 The script emphasizes the importance of setting boundaries on the chatbot's topics to ensure it remains relevant to the website's focus.
• 💡 The speaker provides guidance on customizing the chatbot's responses, including the use of a sarcastic tone and humor.
• 📏 The 'Max tokens' parameter limits the length of the chatbot's responses, which is set to 150 tokens in the example.
• 🎚️ The 'temperature' parameter controls the creativity level of the chatbot's responses, with a default suggestion of 0.7.
• 📁 The provided files include a CSS, a JavaScript, and a PHP file, which need to be copied into the newly created plugin folder after modification.
• 🔄 The final step is to activate the newly created plugin on the WordPress site to make the chatbot operational.

Q & A

What is the main topic of the video script?

The main topic of the video script is about creating and implementing a chatbot on a WordPress site using Open AI's GPT 3.5 Turbo model.

What is the chatbot's purpose according to the script?

The chatbot's purpose is to assist users in a humorous and sarcastic manner, making jokes to make them laugh.

What platform is mentioned for creating the AI chatbot?

The platform mentioned for creating the AI chatbot is called 'writen', which is an artificial intelligence platform.

What are the three files needed to create the chatbot plugin?

The three files needed to create the chatbot plugin are a CSS file, a JavaScript (.js) file, and a PHP file.

How does one personalize the chatbot according to the script?

One can personalize the chatbot by modifying the 'System prompt' in the PHP file, where you can define the chatbot's behavior, tone, and the topics it should or should not discuss.

What is the importance of the 'Max tokens' setting in the chatbot?

The 'Max tokens' setting determines the maximum number of tokens, or characters, the chatbot can use in its response. It helps to control the length of the chatbot's replies.

What does the 'Temperature' parameter represent in the chatbot's settings?

The 'Temperature' parameter represents the creativity of the chatbot's responses, with a scale from 0 to 1, where 0.7 is suggested as a default if unsure.

How does the video script guide users to implement the chatbot on their WordPress site?

The script guides users through creating a plugin folder, modifying the PHP file with their API key and system prompt, and then activating the plugin on their WordPress site.

What is the role of the 'API key' in the chatbot setup process?

The API key is crucial for the chatbot setup as it allows the chatbot to communicate with the Open AI's servers and access the GPT 3.5 Turbo model's capabilities.

How does the chatbot demonstrate memory within a session?

The chatbot demonstrates memory by recalling information provided earlier in the session, such as the user's name and age, and using that information in subsequent interactions.

What additional resource is mentioned in the script for learning more about AI and chatbots?

The script mentions a course on semantic programming for chat GPT available on 'menti emergenti com' for those interested in learning more about AI and chatbots.

Outlines

00:00

🤖 Introduction to the AI Chatbot

The speaker introduces an AI chatbot that they have integrated into their WordPress site. They express their enthusiasm for the chatbot, mentioning their initial struggle to implement it due to a lack of programming skills. They explain that the chatbot is connected to the Open AI API and utilizes the GPT 3.5 Turbo model. The speaker also discusses their recent success in implementing the chatbot with the help of Cloud 3 Opus and their AI platform, Writen, which now includes a chat feature.

05:02

📝 Creating a Custom Chatbot Plugin

The speaker provides a step-by-step guide on how to create a custom chatbot plugin for a WordPress site. They explain the process of creating a new folder in the WordPress plugins directory and adding three files: a CSS file, a JavaScript file, and a PHP file. They also discuss the necessity of inserting an API key into the PHP file and customizing the system prompt to define the chatbot's behavior and tone. The speaker emphasizes the importance of setting parameters such as the maximum number of tokens for the chatbot's responses and the 'temperature' to control the creativity level of the responses.

10:03

🚀 Activating and Testing the Chatbot

The speaker demonstrates how to activate the newly created chatbot plugin on a WordPress site. After uploading and activating the plugin, the chatbot becomes operational. The speaker tests the chatbot's functionality by engaging in a conversation, showcasing its ability to remember previous interactions and respond with humor. They also highlight the chatbot's session memory and its customization options. The speaker concludes by providing a link to download the necessary files and reiterates the simplicity of the process.

Keywords

💡Chatbot

A chatbot is an AI-powered virtual assistant designed to simulate human conversation through text or voice interactions. In the video, the chatbot named Viki is created to assist users in a humorous and sarcastic manner, showcasing its ability to remember past interactions and respond accordingly.

💡API

API stands for Application Programming Interface, which is a set of rules and protocols that allows different software applications to communicate with each other. In the context of the video, the API key is used to connect the chatbot to the GPT 3.5 Turbo model, enabling it to generate responses.

💡WordPress

WordPress is a popular content management system (CMS) used for building and managing websites. The video demonstrates how to integrate a chatbot into a WordPress site by creating a plugin, which is a software component that extends the functionality of the CMS.

💡Plugins

Plugins are modules or add-ons that can be added to a software application to enhance its capabilities. In the video, the speaker guides the audience through creating a custom plugin for WordPress to implement the chatbot functionality on their website.

💡PHP

PHP is a server-side scripting language used for web development. It is one of the core technologies of the internet, along with HTML and JavaScript. In the video, PHP is used to write the code for the chatbot plugin, which includes functions to interact with the AI model.

💡CSS

CSS stands for Cascading Style Sheets, a language used for describing the presentation of a document written in HTML. In the context of the video, CSS would be used to style the chatbot's interface, ensuring it matches the visual design of the website.

💡JavaScript

JavaScript is a programming language that enables interactive web pages by allowing client-side scripts to manipulate the behavior of webpages. The video mentions a JavaScript file, which would likely be used to handle the dynamic aspects of the chatbot, such as responding to user inputs in real-time.

💡System Prompt

A system prompt is a message or a set of instructions given to a computer program to guide its behavior. In the video, the system prompt is used to define the chatbot's persona and behavior, such as being a humorous AI assistant named Viki.

💡Tokens

In the context of AI and natural language processing, tokens refer to the individual units of language, such as words or phrases, that the model uses to understand and generate text. The video discusses setting a maximum number of tokens for the chatbot's responses to control the length and complexity of the generated text.

💡Personalization

Personalization refers to the customization of a product or service to meet individual preferences or needs. The video emphasizes the importance of personalizing the chatbot to fit the specific theme or purpose of the website it's being integrated into, ensuring it provides relevant and targeted assistance to users.

💡Semantic Programming

Semantic programming is a field that involves creating and training AI models to understand and generate human-like language. The video's speaker mentions a course on semantic programming for chatbots, which would teach viewers how to develop and customize AI chatbots for various applications.

Highlights

Introduction of a chatbot named Viki, designed to engage users in a humorous and sarcastic manner.

Chatbot Viki is integrated with the Open AI's GPT 3.5 Turbo model through APIs.

The chatbot operates on a WordPress site and is connected to the writen AI platform.

A new feature in the writen AI platform allows chatting and text generation with Cloud 3 and other antropic models.

The speaker shares a personal anecdote about struggling to implement chat GPT on his sites due to lack of programming skills.

A tutorial on creating a custom plugin for WordPress to host the chatbot.

Instructions on how to create a folder named 'My GPT chatbot' in the WP content directory.

Sharing of three essential files (CSS, JS, PHP) required for the chatbot functionality.

Explanation of how to insert the API key into the PHP file for the chatbot to function.

Customization of the chatbot's behavior through the system prompt in the PHP file.

Setting the maximum number of tokens (150) the chatbot can respond with in its output.

Guidance on personalizing the chatbot to fit the specific theme or topic of the user's site.

Recommendation to leave the temperature parameter at 0.7 for an average level of creativity in the chatbot's responses.

The chatbot remembers user information from previous interactions within the session.

Demonstration of the chatbot's ability to make jokes and engage in light-hearted banter.

The speaker's experience with Cloud 3 Opus in getting the chatbot to work effectively.

Provision of a downloadable zip file containing the necessary files to set up the chatbot.

A prompt engineer's perspective on the importance of setting up the chatbot correctly to avoid misuse.

Invitation to visit the speaker's course on semantic programming for chat GPT on menti-emergenti.com.

Discussion on the impact of AI-generated music software 'Judo' on the music industry.

Transcripts

Voilà compare il nostro chatbot io gli

dico Ciao Lui mi risponde Ciao Sei

tornato per un altro intenso round di

Sal un intenso round di saluti Spero che

tu sia pronto per un'epica sfida di chi

riesce a dire ciao più volte ma scherzi

a parte come posso

aiutarti allora un assistente virtuale

Una piccola finestra di chat sul nostro

sito Wordpress completamente gratuito

collegato naturalmente al sito di Open

ai attraverso le api e quindi collegato

appunto al modello GPT 3,5 Turbo Io

credo che sia il desiderio di molti di

voi sicuramente è stato il mio desiderio

soprattutto all'inizio quando è uscito

chat GPT Non vedevo l'ora di metterlo

dappertutto Avrei tanto voluto metterlo

su tutti i miei siti però vi dico la

verità io un anno un anno e mezzo fa

quando quando fu che uscì chat GPT Eh

non ne venni a capo perché e Io sono uno

smanettone ma non sono un programmatore

se mi fai vedere un po' di codice Boh un

po' le mani ce le metto ma è più la

probabilità che io alla fine faccia un

casino piuttosto che faccia funzionare

le cose in quel in quel campo lì sono

uno smanettone come probabilmente molti

eh molti di voi allora invece quindi non

ero venuto a capo e quindi poi alla fine

non l'ho potuto fare invece recentemente

eh sonoo riuscito a venirne a capo

insieme a Cloud 3 Opus che mi ha che mi

ha un po' guidato allora Voi sapete

che noi abbiamo una piattaforma di

intelligenza artificiale che si chiama

writen che è questa qui in uno degli

ultimi aggiornamenti proprio nei giorni

scorsi abbiamo introdotto la possibilità

di chattare quindi di avere anche tutta

la generazione del testo con Cloud 3 in

particolare col modello Opus ma in

realtà con tutti e tre i modelli di

antropic E peraltro nell'aggiornamento

di oggi abbiamo finalmente inserito un

bel pulsante qui sopra la chat che ti

permette di vedere bene sia i crediti

che si hanno ciascuno dei modelli si ha

la possibilità di selezionare un modello

no e poter finalmente chattare in

maniera chiara con il modello per il

quale si ha credito senza che si

generino delle magari confusioni e anche

di impostarlo come default così poi ce

lo troviamo sempre comunque insomma per

il fatto che dovevamo testare la

piattaforma mi sono messo a giocare un

po' con Cloud 3 Opus e finalmente ne

sono venuto a capo Allora mi ha spiegato

Clod 3 che quello che bisogna fare per

fare questa cosa è creare un

se noi andiamo nel file manager dentro

ci stanno tutte le cartelle che

contengono tutti i file del nostro

Wordpress in particolare se noi andiamo

sulla cartella WP content questa qui

dentro ci troviamo la cartella plugins e

se noi clicchiamo sulla cartella plugin

indovinate un po' che cosa ci troviamo

ci troviamo i Plugin che vediamo anche

qui dentro in questo caso abbiamo

hostinger lights Speed Cash e qui è

esattamente quello che abbiamo Allora

per creare un plugin noi la prima cosa

che facciamo è creare una cartella con

il nome in questo caso gli andiamo a

dire My GPT chatbot a questo punto

usciamo un attimo dalla cartella Ed

eccola qui abbiamo una cartella adesso

io vi metto a disposizione i tre file

che ho prodotto insieme a Opus Voglio

condividere con voi questa cosa

ovviamente del tutto gratuitamente poi

ve li lascio qua sotto credo ci metterò

un link eh e li metto in un file zip

così voi vi scaricate una un unico file

che sarà un file zip lo Aprite dentro ci

trovate questi tre piccoli questi tre

piccoli file sono un

CSS un js cioè un JavaScript e un file

PHP questi tre file noi li andremo a

copiare dentro questa cartella però

prima di copiarli dobbiamo compiere una

piccola operazione sul codice Io vorrei

che voi non vi spaventasse perché in

realtà dobbiamo vederlo il codice

soltanto perché dobbiamo andarci ad

inserire dentro quello che ci serve è

una cosa di una semplicità di una

banalità imbarazzante quindi non vi

spaventate se io adesso vi apro questo

programma e vi faccio vedere del codice

apriamo My GPT chatbot PHP il PHP dovete

aprire andate giù in fondo e trovate la

funzione function Ops Eccola qua

function to call Open ai api ok questa

function qua Va bene bene Qui c'è

dollaro api vedete e qui c'è la chiave

api che utilizziamo per fare questo

video prima che me lo facciate notare

naturalmente questa chiave api è stata

prodotta appositamente per questo video

nel momento in cui io chiudo la

registrazione di questo video questa

chiave iepi verrà dismessa per cui non

sarà più utilizzabile questo mi sembra

perfino Ovvio Voi invece dovrete andare

sul sito di Open ai generare la vostra

api inserirla qua dentro tra le due tra

i due apici Ok tra i due apici prima del

punto e virgola ci mettete la vostra ce

la copiate e incollate qua dentro la

vostra chiave api semplicissimo un'altra

cosa che dovete fare È sempre qui in

questa schermata facile facile non ve

spaventate Qua c'è dollaro System prompt

lo dice la parola stessa cioè dovete

dare un prompt di sistema al vostro

chatbot cioè dovete dirgli che cosa deve

fare Quindi andate a scrivere in

italiano quel qu che volete che il

chatbot faccia in questo caso io gli ho

scritto Sei un assistente di ia di nome

Viki e aiuti gli utenti In modo

spiritoso poi gli dico usa un tono

sarcastico e fai battute che fanno

ridere voi naturalmente questa cosa la

dovete cancellare ci dovete mettere

quello che volete voi dovete considerare

che voi qui potete personalizzare il

vostro chatbot Come volete potete fare

in modo che il vostro chatbot risponda

solo a un determinato tema se voi lo

metete mettete su un sito che parla Non

lo so di marketing voi gli direte che

deve parlare solo di marketing potreste

anche fare un prompt molto lungo

spiegandogli per bene Che cos'è che può

dire che cos'è che non deve dire o che

cosa che cosa volete che dica voglio

dire con quale tono con professionalità

o con quello che volete voi no potete

fare un bel prompt che andrà a

personalizzare il vostro Bot e questo

non è da poco Non va sottovalutato lo

dovete fare per forza senò vi ritrovate

l'assistente di intelligenza artificiale

di nome

che vi prende pure in giro non credo che

è quello che volete Però ho voluto fare

questa cosa scherzosa poi lo dovete

cambiare ok Quindi già queste due cose

permettono al Bot di funzionare però e

quindi potreste anche fermarvi qua Però

io voglio darvi altre due indicazioni

Cioè qui sotto poche Riche sotto Qui c'è

Max tokens ok cioè il numero massimo di

token che il chatbot può rispondere in

output

in questo caso è impostato su 150 io ve

lo lascerò così su 150 voi fate come

volete Che significa significa che

questi sono i token Cioè è la lunghezza

della risposta del

chatbot non vuol dire che deve essere

per forza 150 se il chatbot deve

rispondere solamente sì o no risponde

solamente sì o no però se invece la

domanda richiede al chatbot di dare una

spiegazione lunga Ok allora questo

paramet

troncher la risposta al 150o token Cioè

non gli permetterà di andare oltre È una

cosa che è gestibile Però naturalmente

se tu gli permetti di dare delle

risposte troppo lunghe Ovviamente poi la

cosa potrebbe generare comunque un costo

non irrilevante Per quanto riguarda

un'altra cosa del System prompt voi

ditegli anche Quali sono gli argomenti

dei quali può parlare Quali sono gli

argomenti dei quali non deve parlare

perché sennò la gente Viene lì e si

mette a parlare veramente farmi il

riassunto della Seconda Guerra Mondiale

Cioè non ha senso no Quindi voi gli

dovete dire se avete un sito di

marketing parla solo del marketing se

l'utente ti chiede qualunque altra cosa

al di fuori del marketing tu eh guida

gentilmente l'utente a tornare a parlare

di marketing No questa cosa di così fate

in modo che il vostro chatbot sia

specifico per il vostro sito no lo

dovete personalizzare è importante Sennò

naturalmente non ha molto senso senò è

un gpt3 sul vostro sito e basta la gente

poi se ne approfitta quindi va

personalizzato reso specifico per quello

che volete fare voi e dovete trovare Se

volete dovete trovare diciamo un

bilanciamento con la lunghezza massima

dei token fate voi eh a vostra

discrezione tutto questo è a vostra

discrezione insomma a secondo di come si

sposa bene con il vostro sito per quanto

riguarda la temperatura cioè il

parametro subito sotto io vi consiglio

di lasciarlo a 0,7 se non sapete che

cos'è non sapete proprio che state

facendo Lasciatelo così altrimenti io vi

posso dire In due parole che è un

parametro che varia tra 0 e 1 diciamo è

un indice di creatività della risposta

del Bot se non sapete che roba è

Lasciatela la 07 e a posto così se lo

sapete Fate come volete basta Non c'è

altro da fare quindi una volta che voi

avete fatto queste quattro cose chiave

api prompt di sistema i token e la

temperatura laddove token e temperatura

potete anche lasciarli così siete pronti

salvate questo file lo salvate ok e

quando ce li avete tutti e tre

salvati aprite la

cartella

e ci andate a copiare i tre file dentro

in questo modo ok Questo è il file che

abbiamo appena modificato e naturalmente

lo dovete modificare perché altrimenti

non funziona dovete fare le modifiche

che vi ho detto va bene una volta che

avete fatto questa cosa semplicissima

tornate nella vostra pagina Wordpress

ricaricate la pagina e voilà qui vi

compare un nuovo plugin a questo punto

cliccate su attiva activate e voilà il

vostro chatbot è attivo adesso se noi

andiamo sul sito Questo era la homepage

di di Wordpress vuota perché è un una

roba appena installata naturalmente non

c'è niente se io ricarico questa pagina

Voilà compare il nostro chatbot io gli

dico

Ciao Lui mi risponde Ciao Sei tornato

per un altro intenso round

di un intenso round di saluti Spero che

tu sia pronto per un'epica sfida di chi

riesce a dire ciao più volte ma scherzi

a parte come posso aiutarti ciao ciao

ciao vediamo Ciao ciao ciao sembra che

tu stia facendo pratica per diventare un

campione nel salutare ripetutamente Se

hai bisogno di assistenza vuoi

continuare con la tua maratona di saluti

Sono qui per te come posso aiutarti oggi

non lo so eh di cosa vogliamo parlare Eh

insomma poi va avanti così quanto quanto

vuoi Ehi sembra che tu sembra che tu sia

in piena forma con i saluti multipli Se

vuoi continuare a esercitarti nel

salutare Sono qui per supportare Ah una

cosa

interessante questa questo chatbot ha la

memoria all'interno della sessione Ok se

io gli dico Comunque io sono Roberto e

ho 30 anni Vediamo che mi dice

eh Ciao Roberto bel cambio di nome Se

vuoi continuare a salutare o hai bisogno

di assistenza su qualcosa di

Rober se ora ti chiami Roberta e hai 30

anni come mi fa ridere

[Musica]

Scusate Perché siccome questa cosa

gliel'ho già detta prima di fare questo

video mentre lo testava e lui si ricorda

quindi ti ricordi come mi chiamo e

quanti anni ho Vediamo se se lo ricorda

Ah Roberto il nuovo nome Sì ora ricordo

che ti chiami così hai 30 anni O forse

49 ammazza perché io gliel'avevo detto

in un'altra eh In un'altra vita perché

prima di reinstallarlo Quindi se si

ricorda ha una buona memoria questo

chatbot ma alla fine le dà è solo un

numero come posso aiutarti oggi

Roberto Bravo vedi gli ho gli ho detto

di farci ridere e e l'ha fatto

complimenti quindi signori come vedete

di una semplicità assurda veramente

semplicissimo non ho altro da aggiungere

basta È così vi lascio qua sotto il link

per scaricare i tre file Come si fa ve

l'ho detto come si modifica ve l'ho

detto e voilà e avete il vostro chatbot

oggi non ho fatto la Marchetta Quindi ve

lo dico così al volo Ricordatevi che

però il mio mestiere è quello di fare il

prompt engineer Cioè in particolare Ho

questo corso di programmazione semantica

per chat GPT che trovate su menti

emergenti comom non vi dirò altro per

questo video Se volete venite su menti

emergenti comom trovate svolta la tua

carriera con intelligenza artificiale e

con il corso di programmazione semantica

per chat GPT appena uscito riscritto

riprogettato riregram

[Musica]

feedback Ah una cosa vi volevo dire

l'ultimo video che ho fatto è è molto

interessante Se se vi interessa come si

fa la musica con l'intelligenza

artificiale perché tutti stanno parlando

di suo Ma nessuno parla di judio judio è

un software di intelligenza artificiale

per la produzione di musica incredibile

una rivoluzione epica eh Meno male che

io nella vita diciamo non ho fatto il

musicista è il mio hobby Io sì suono

però insomma non è non l'ho fatto per

mestiere perché altrimenti sarei

veramente preoccupato l'uscita di judio

È preoccupante per l'industria musicale

ho fatto un bel video Se volete lo

potete come al solito sbaglio direzione

è di qua ve lo lascio qua sul inov

impressione Se volete potete guardarlo

quindi ci vediamo di là Grazie per

avermi seguito fino a qua ci vediamo di

là