Getting Started: Creating Your First Bot - Revision history

OlhaDiadina at 08:34, 4 July 2022

2022-07-04T08:34:00Z

OlhaDiadina at 15:45, 1 July 2022

2022-07-01T15:45:47Z

OlhaDiadina at 15:28, 1 July 2022

2022-07-01T15:28:30Z

OlhaDiadina at 13:13, 1 July 2022

2022-07-01T13:13:52Z

OlhaDiadina at 13:05, 1 July 2022

2022-07-01T13:05:04Z

OlhaDiadina at 12:54, 1 July 2022

2022-07-01T12:54:08Z

OlhaDiadina at 12:43, 1 July 2022

2022-07-01T12:43:13Z

OlhaDiadina at 12:15, 1 July 2022

2022-07-01T12:15:09Z

OlhaDiadina at 09:05, 1 July 2022

2022-07-01T09:05:36Z

OlhaDiadina at 08:50, 1 July 2022

2022-07-01T08:50:15Z

@@ Line 34: / Line 34: @@
 Your bot will consist of '''dialog steps'''. The content of the steps can be really diverse, because the editor has a rich toolkit providing for significant flexibility in bot development.
-Later you will learn how to use various built-in features such as Google Maps, file sharing, email collection, operator connection, and much more. These extra features don’t require technical proficiency on your side. Meanwhile, try and add a new step to your bot. Just hover the cursor over the '''MAIN''' step and click on the '''+''' button as shown below.
+Later you will learn how to use various built-in features such as Google Maps, file sharing, email collection, operator connection, and much more. These extra features don’t require technical proficiency on your side. Meanwhile, try and add a new step to your bot. Just hover the cursor over the '''MAIN''' step and click on the [[file:sign_02.png|text-bottom|25px]] button as shown below.
 [[file:editing_the_first_bot_01.jpg|border|400px]]
@@ Line 54: / Line 54: @@
-Switch to the '''New Step''' and add a new entity, for example, any image. To do this, in the editor panel, click on '''+''' as shown below and select the '''image''' entity.
+Switch to the '''New Step''' and add a new entity, for example, any image. To do this, in the editor panel, click on [[file:sign_03.png|text-bottom|25px]] as shown below and select the '''image''' entity.
 [[file:editing_the_first_bot_08.jpg|border|400px]]  [[file:editing_the_first_bot_09.jpg|border|400px]]  [[file:editing_the_first_bot_10.jpg|border|400px]]  [[file:editing_the_first_bot_11.jpg|border|400px]]
-Then click on the '''***''' button to upload the image. In the pop-up window, upload any image from your device and confirm the action. You can delete the text above the image or change it to your preferences.
+Then click on the [[file:sign_04.png|text-bottom|25px]] button to upload the image. In the pop-up window, upload any image from your device and confirm the action. You can delete the text above the image or change it to your preferences.
 [[file:editing_the_first_bot_12.jpg|border|400px]]  [[file:editing_the_first_bot_13.jpg|border|400px]]  [[file:editing_the_first_bot_14.jpg|border|400px]]

@@ Line 7: / Line 7: @@
 [[file:creating_your_first_bot_01.jpg|border|800px]]
 There are '''two ways''' to create a new bot on the QuData platform:
@@ Line 22: / Line 23: @@
 [[file:creating_your_first_bot_02.jpg|border|400px]]  [[file:creating_your_first_bot_03.jpg|border|400px]]
 That's it! Immediately after creating a bot, it will open in the bot '''Editor'''.
@@ Line 35: / Line 37: @@
 [[file:editing_the_first_bot_01.jpg|border|400px]]
 You have added the second step to your bot. On the left, you can see the editor panel for the current step, featuring all its entities and their properties. In the editor panel, click on the step name and rename it to ''New Step''.
 [[file:editing_the_first_bot_03.jpg|border|400px]]
 Return to the '''MAIN''' step and try changing the message to: ''Hello! What a wonderful day, right?'' Below in the text properties you can change its color and alignment.
 [[file:editing_the_first_bot_04.jpg|border|400px]]  [[file:editing_the_first_bot_05.jpg|border|400px]]
 Then customize the button. Click on the button and change the text to: ''Yes, that's right!'' Below, in the button properties, specify the step that the bot will navigate to when the button is pressed: in the '''Step''' field, input the name of the second step, ''New Step'', and press '''Enter'''. On the workspace, you will see an arrow linking the two steps.
 [[file:editing_the_first_bot_06.jpg|border|400px]]  [[file:editing_the_first_bot_07.jpg|border|400px]]
 Switch to the '''New Step''' and add a new entity, for example, any image. To do this, in the editor panel, click on '''+''' as shown below and select the '''image''' entity.
 [[file:editing_the_first_bot_08.jpg|border|400px]]  [[file:editing_the_first_bot_09.jpg|border|400px]]  [[file:editing_the_first_bot_10.jpg|border|400px]]  [[file:editing_the_first_bot_11.jpg|border|400px]]
 Then click on the '''***''' button to upload the image. In the pop-up window, upload any image from your device and confirm the action. You can delete the text above the image or change it to your preferences.
 [[file:editing_the_first_bot_12.jpg|border|400px]]  [[file:editing_the_first_bot_13.jpg|border|400px]]  [[file:editing_the_first_bot_14.jpg|border|400px]]
 Change the text on the button below the image to ''Go Back'', and input the ''MAIN'' step in the properties.
 [[file:editing_the_first_bot_15.jpg|border|400px]]
 Your first bot is ready for testing!
@@ Line 65: / Line 74: @@
 [[file:editing_the_first_bot_16.jpg|border|400px]]  [[file:editing_the_first_bot_17.jpg|border|400px]]
 Watch the video on our YouTube channel ([https://youtu.be/rywALrGtocU QuBot chat builder tutorial: create a chatbot effortlessly without coding]) to learn more about creating bots in the editor.
@@ Line 75: / Line 85: @@
 [[file:creating_your_first_bot_05.jpg|border|400px]]  [[file:creating_your_first_bot_06.jpg|border|400px]]
 Select the template you like and click the '''Clone''' button. In the pop-up window, specify the name of the bot (you can change it in the future) and click the '''Clone bot''' button.
 [[file:creating_your_first_bot_07.jpg|border|400px]]  [[file:creating_your_first_bot_08.jpg|border|400px]]
 Congratulations, your first template-based bot has been successfully created!
 Once a bot is created, it will open in the bot editor, where you can make changes and test them right away. To learn more about the editor toolkit, try to complete a small introductory task [[#Editing the first bot]].

@@ Line 34: / Line 34: @@
 Later you will learn how to use various built-in features such as Google Maps, file sharing, email collection, operator connection, and much more. These extra features don’t require technical proficiency on your side. Meanwhile, try and add a new step to your bot. Just hover the cursor over the '''MAIN''' step and click on the '''+''' button as shown below.
-file
+[[file:editing_the_first_bot_01.jpg|border|400px]]
 You have added the second step to your bot. On the left, you can see the editor panel for the current step, featuring all its entities and their properties. In the editor panel, click on the step name and rename it to ''New Step''.
-file
+[[file:editing_the_first_bot_03.jpg|border|400px]]
 Return to the '''MAIN''' step and try changing the message to: ''Hello! What a wonderful day, right?'' Below in the text properties you can change its color and alignment.
-file
+[[file:editing_the_first_bot_04.jpg|border|400px]]  [[file:editing_the_first_bot_05.jpg|border|400px]]
 Then customize the button. Click on the button and change the text to: ''Yes, that's right!'' Below, in the button properties, specify the step that the bot will navigate to when the button is pressed: in the '''Step''' field, input the name of the second step, ''New Step'', and press '''Enter'''. On the workspace, you will see an arrow linking the two steps.
-files
+[[file:editing_the_first_bot_06.jpg|border|400px]]  [[file:editing_the_first_bot_07.jpg|border|400px]]
-Switch to the '''New Step''' and add a new entity, for example, any image. To do this, in the editor panel, click on '''+''' as shown below and select the '''image''' entity. Then click on the '''***''' button to upload the image. In the pop-up window, upload any image from your device and confirm the action. You can delete the text above the image or change it to your preferences.
+Switch to the '''New Step''' and add a new entity, for example, any image. To do this, in the editor panel, click on '''+''' as shown below and select the '''image''' entity.
-file
+[[file:editing_the_first_bot_08.jpg|border|400px]]  [[file:editing_the_first_bot_09.jpg|border|400px]]  [[file:editing_the_first_bot_10.jpg|border|400px]]  [[file:editing_the_first_bot_11.jpg|border|400px]]
 Change the text on the button below the image to ''Go Back'', and input the ''MAIN'' step in the properties.
-file
+[[file:editing_the_first_bot_15.jpg|border|400px]]
 Your first bot is ready for testing!
@@ Line 60: / Line 64: @@
 To start the bot, click on the '''RUN BOT''' button or on the chat button in the bottom right of the screen. Once the chat is launched, click few buttons to make sure your bot works properly.
-file
+[[file:editing_the_first_bot_16.jpg|border|400px]]  [[file:editing_the_first_bot_17.jpg|border|400px]]
 Watch the video on our YouTube channel ([https://youtu.be/rywALrGtocU QuBot chat builder tutorial: create a chatbot effortlessly without coding]) to learn more about creating bots in the editor.

← Older revision		Revision as of 13:13, 1 July 2022
Line 1:		Line 1:
−		+	[[Category:Qubot]]
	Creating your first Chatbot on the QuData platform.		Creating your first Chatbot on the QuData platform.

@@ Line 86: / Line 86: @@
 ==Design and integration==
-Before making the bot available to the world, you can customize your unique chat design. Read more about how to do this [[Qubot Customizing|here]]. An example of how to customize the design can be found in the second part of this video [https://www.youtube.com/watch?v=RWcsyQPotfY&t=768s QuBot chat builder tutorial: how to set up a chatbot and customize its design].
+Before making the bot available to the world, you can customize your unique chat design. Read more about how to do this in our article [[Qubot Customizing]]. An example of how to customize the design can be found in the second part of this video [https://www.youtube.com/watch?v=RWcsyQPotfY&t=768s QuBot chat builder tutorial: how to set up a chatbot and customize its design].
 After configuring and testing your bot, you can go on and deploy it to make it available to your users around the globe. In the developer console, select the [https://console.qudata.com/bots/channels Integrations] menu item, where you can see the list of all channels (platforms) where your bot can be hosted, and external services that can be integrated into your bot.

@@ Line 92: / Line 92: @@
 Read more about integrations here [[:Category:Integrations]].
-[https://youtu.be/VPfBYaJJ7jM How to add a chatbot to your website in 1 minute]
+==See also==
-<br />
-[https://youtu.be/aM8Ny2V6HK0 How to connect your bot to Telegram in 1 minute]
+* [https://youtu.be/VPfBYaJJ7jM How to add a chatbot to your website in 1 minute]
-<br />
+* [https://youtu.be/aM8Ny2V6HK0 How to connect your bot to Telegram in 1 minute]
-[https://youtu.be/XLQFACK8vdQ How to integrate chatbot with Viber in 1 minute]
+* [https://youtu.be/XLQFACK8vdQ How to integrate chatbot with Viber in 1 minute]
 More videos on our Youtube channel [https://www.youtube.com/c/Qudata QuData].

@@ Line 14: / Line 14: @@
 The first method [[#Creating a bot from scratch]] suits those who need a custom-tailored bot made for unconventional tasks. The second way [[#Creating a bot based on a ready-made template]] works for those who would rather use a ready-made solution and avoid extra efforts.
 ==Creating a bot from scratch==
-On the main screen, click on the card [[file:sign_01.png|text-bottom|25px]] '''Blank bot''' to create a bot from scratch.
+On the main screen, click on the card [[file:sign_01.png|text-bottom|25px]] '''Blank bot''' to create a bot from scratch. In the pop-up window, specify the '''Bot Name''' and '''Description''' (you can change them later) and click the '''Create Bot''' button.
-[[file:creating_your_first_bot_02.jpg|border|400px]]
+[[file:creating_your_first_bot_02.jpg|border|400px]]  [[file:creating_your_first_bot_03.jpg|border|400px]]
-In the pop-up window, specify the '''Bot Name''' and '''Description''' (you can change them later) and click the '''Create Bot''' button.
+That's it! Immediately after creating a bot, it will open in the bot '''Editor'''.
-[[file:creating_your_first_bot_03.jpg|border|400px]]
+[[file:creating_your_first_bot_04.jpg|thumb|none|400px|The bot editor is an essential tool for creating bots intuitively with no-coding. More information about the editor can be found [https://www.youtube.com/c/Qudata here].]]
 ===Editing the first bot===
@@ Line 63: / Line 63: @@
 Watch the video on our YouTube channel ([https://youtu.be/rywALrGtocU QuBot chat builder tutorial: create a chatbot effortlessly without coding]) to learn more about creating bots in the editor.
 ==Creating a bot based on a ready-made template==
@@ Line 68: / Line 70: @@
 On the main screen, open the '''Templates''' section for a range of ready-made solutions. To check the functionality of the bot templates, chat with them by clicking the '''Play''' button.
-file
+[[file:creating_your_first_bot_05.jpg|border|400px]]  [[file:creating_your_first_bot_06.jpg|border|400px]]
-Select the template you like and click the '''Clone''' button.
+Select the template you like and click the '''Clone''' button. In the pop-up window, specify the name of the bot (you can change it in the future) and click the '''Clone bot''' button.
-file
+[[file:creating_your_first_bot_07.jpg|border|400px]]  [[file:creating_your_first_bot_08.jpg|border|400px]]
 Congratulations, your first template-based bot has been successfully created!
 Once a bot is created, it will open in the bot editor, where you can make changes and test them right away. To learn more about the editor toolkit, try to complete a small introductory task [[#Editing the first bot]].
 Watch a short video tutorial: [https://youtu.be/7N3DBfsJ6lI How to build a bot using templates in 1 minute].
 ==Design and integration==

@@ Line 13: / Line 13: @@
 * Creating a bot based on a ready-made template
-The first method (creating a bot from scratch) suits those who need a custom-tailored bot made for unconventional tasks. The second way (creating a bot based on a template) works for those who would rather use a ready-made solution and avoid extra efforts.
+The first method [[#Creating a bot from scratch]] suits those who need a custom-tailored bot made for unconventional tasks. The second way [[#Creating a bot based on a ready-made template]] works for those who would rather use a ready-made solution and avoid extra efforts.
 ==Creating a bot from scratch==