Use Markdown and Placeholders in Training Messages — Transcript

Transcript of the free Vue.js lesson Use Markdown and Placeholders in Training Messageswatch the video lesson.

I told you we'd come back to this last message in the customer support agent training, so let's do that during this video. What am I doing here? Well, first, I'm imitating the user asking the question, can you create a tweet for this article? And then assume that the user provides a URL for the article in question.

Notice that I'm using the curly braces around the any URL here text in order to designate this as a placeholder. This isn't some official spec of the chat API But this AI is so smart it can figure out that this is a common way for using these kind of curly braces And I used it to my advantage Then for the response that I'm training the bot to respond with I'm using curly braces once again to say I want you to Put the post text for the tweet you generated right here at the beginning of the message add a new line, and then I'm even able to use some markdown to create a link that will display directly inside of the message. So inside of my square brackets, we have the label share on Twitter. Then inside of the parentheses, I've got the URL that we need to use for posting a tweet on Twitter.

It takes a query parameter called text. js 3 course. It's a really great course that we created fairly recently, and I definitely suggest you check it out if you're into working with Laravel and Vue. But let's pretend I accidentally forget to paste it into this first message.

I did this several times when testing this out and was pleasantly surprised by the way things turned out. The bot's response now is, sure, please provide me with the article URL. So I paste that URL in there, hit enter, and after just a little bit of time, it responds saying, yeah, here's the tweet for the article you provided. js SPA, thanks to this helpful tutorial from at Vue School IO.

It even provides some nice little hashtags to go along with my tweet. Then most importantly at the bottom of the message. We have this link called share on Twitter when I click it I'm taken directly to my Twitter account The tweet is pre filled out with the proper text and I'm able to post the tweet Amazing now granted at this point We're giving the customer support assistant a little bit more power that we actually want to kind of give to the app in the next few lessons But I thought this was a really cool feature to have So instead of using the app, our users can actually just interact directly with the chat and have their tweets generated this way. And with that, we've completed the chat functionality of our app.

This has been a really cool experience for me, and I hope you've enjoyed watching. During the remainder of this course, we'll take the chat API and use it in a little bit novel and interesting way instead of literally as a chat bot. So I look forward to seeing you when we code out the actual social media announcement generator in the following lessons. I told you we'd come back to this last message in the customer support agent training, so let's do that during this video.

What am I doing here? Well, first, I'm imitating the user asking the question, can you create a tweet for this article? And then assume that the user provides a URL for the article in question. Notice that I'm using the curly braces around the any URL here text in order to designate this as a placeholder.

This isn't some official spec of the chat API But this AI is so smart it can figure out that this is a common way for using these kind of curly braces And I used it to my advantage Then for the response that I'm training the bot to respond with I'm using curly braces once again to say I want you to Put the post text for the tweet you generated right here at the beginning of the message add a new line, and then I'm even able to use some markdown to create a link that will display directly inside of the message. So inside of my square brackets, we have the label share on Twitter. Then inside of the parentheses, I've got the URL that we need to use for posting a tweet on Twitter. It takes a query parameter called text.

js 3 course. It's a really great course that we created fairly recently, and I definitely suggest you check it out if you're into working with Laravel and Vue. But let's pretend I accidentally forget to paste it into this first message. I did this several times when testing this out and was pleasantly surprised by the way things turned out.

The bot's response now is, sure, please provide me with the article URL. So I paste that URL in there, hit enter, and after just a little bit of time, it responds saying, yeah, here's the tweet for the article you provided. js SPA, thanks to this helpful tutorial from at Vue School IO. It even provides some nice little hashtags to go along with my tweet.

Then most importantly at the bottom of the message. We have this link called share on Twitter when I click it I'm taken directly to my Twitter account The tweet is pre filled out with the proper text and I'm able to post the tweet Amazing now granted at this point We're giving the customer support assistant a little bit more power that we actually want to kind of give to the app in the next few lessons But I thought this was a really cool feature to have So instead of using the app, our users can actually just interact directly with the chat and have their tweets generated this way. And with that, we've completed the chat functionality of our app. This has been a really cool experience for me, and I hope you've enjoyed watching.

During the remainder of this course, we'll take the chat API and use it in a little bit novel and interesting way instead of literally as a chat bot. So I look forward to seeing you when we code out the actual social media announcement generator in the following lessons.