Skip to content

Commit

Permalink
screenshots in neurobots
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sergey-Lekomtsev
Sergey-Lekomtsev committed Sep 17, 2024
1 parent 404898c commit 7fe3bd7
Show file tree
Hide file tree
Showing 19 changed files with 155 additions and 104 deletions.
124 changes: 68 additions & 56 deletions docs/neurobots/neurobot01.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,107 +6,119 @@ sidebar_label: Chatbots

import YouTube from 'react-youtube'

# Creating an AI Chatbot for VKontakte through Senler
# Creating a VK Chatbot with AI via Senler

![neurocoder](/img/neurobots/neuro1.png)

Creating a chatbot for your VKontakte community using the Senler service can be done in several steps. Below is a step-by-step guide to creating a bot that will interact with users in "clean" and "teacher" modes.
Creating a chatbot for your VKontakte community using the Senler service can be done in several steps. Below is a step-by-step guide to creating a bot that will interact with users through "clean" and "teacher" modes.

<YouTube videoId='xpEy-Llex5k' />

## Step 1: Creating the Chatbot
## Step 1: Creating a Chatbot

1. Log into your personal account on the Senler website and select your community.
1. Log in to your personal account on the Senler website and select your community.
2. Go to the "Chatbots" section and click the "New Bot" button.
3. Enter the bot's name and save it. The system will automatically generate a bot key.

## Step 2: Setting Up the First Block

1. Create the first block that will send a message to the user with the text: "Hello, choose a mode."
1. Create the first block that will send a message to the user with the text: "Hello, choose a mode".
2. Add two buttons:
- First button: name "clean", type: text.
- Second button: name "teacher", type: text.
- The button colors can be chosen arbitrarily.
- First button: name "clean", type: text.
- Second button: name "teacher", type: text.
- The color of the buttons can be chosen arbitrarily.

![neurocoder](/img/neurobots/image1.1.png)

## Step 3: Creating User Variables

1. Create two action blocks with a user variable mode.
2. For the first action, set the value to clean, and for the second — learn.
#### 1. Create two action blocks and add the user variable mode.
#### 2. For the first action, set the value to clean, for the second — learn.
![neurocoder](/img/neurobots/image1.21.png)
![neurocoder](/img/neurobots/image1.22.png)

#### 3. Add the message "write a question", and check the "Wait for response" box.
#### 4. Create an Action where the response to the message is saved in the user variable question.
![neurocoder](/img/neurobots/image1.3.png)

## Step 4: Condition Group

## Step 4: Group Conditions
1. Create a "Condition Group" block with two conditions:
- First condition: mode = clean.
- Second condition: mode = learn.

1. Create a "Group Conditions" block with two conditions:
- First condition: mode = clean.
- Second condition: mode = learn.
![neurocoder](/img/neurobots/image1.4.png)

## Step 5: Integration with ChatGPT

1. Create two integration blocks with ChatGPT, one for each mode.
2. Set up ChatGPT for the clean mode:
- Insert the OpenAI API key.
- Choose the chat type and model.
- Set the instruction: "Reply to the user in their language."
- Add a message to the user: "Write a question" and mark "Waiting for response."
3. Create a variable question to store the user's response.
1. Create two ChatGPT integration blocks, one for each mode.
2. Set up ChatGPT for clean mode:
- Insert the OpenAI API key.
- Select the Chat type and model.
- Set the instruction: "Reply to the user in their language".

## Step 6: Setting Up ChatGPT for the Learn Mode
![neurocoder](/img/neurobots/image1.5.png)

1. Repeat the settings as for the clean mode, but change the instruction to: "Reply to the user in their language. You are well versed in JavaScript, TypeScript, React Native, and similar languages."
## Step 6: Setting Up ChatGPT for Learn Mode

## Step 7: Completing the Setup
1. Repeat the settings as for clean mode, but change the instruction to: "Reply to the user in their language. You are well versed in JavaScript, TypeScript, React Native and similar languages".

1. Add a message with the variable chat_gpt_answer ((%chat_gpt_answer%)).
2. Add a button with the name "Change mode" and mark "Waiting for response."
3. Connect all blocks to complete the interaction chain.
## Step 7: Completing the Setup

![neurocoder](/img/neurobots/image1.png)
#### 1. Add a message with the variable chat_gpt_answer ((%chat_gpt_answer%)).
#### 2. Add a button named "Change mode" and check the "Wait for response" box.
![neurocoder](/img/neurobots/image1.6.png)
#### 3. Connect all the blocks to complete the interaction chain.
![neurocoder](/img/neurobots/image1.7.png)

## Testing the Bot

# Creating a Chatbot with ChatGPT for Telegram on the Make.com Platform
## Creating a Chatbot with ChatGPT for Telegram on the Make.com Platform

Creating a chatbot with ChatGPT integration for Telegram can be implemented using the automation platform Make.com (formerly Integromat). This allows you to quickly and easily set up the bot without the need to write code. Let's look at a step-by-step guide to creating such a bot.
Creating a chatbot with ChatGPT integration for Telegram can be implemented using the Make.com automation platform (formerly Integromat). This allows you to quickly and easily set up a bot without writing code. Let's look at a step-by-step guide to creating such a bot.

## Step 1: Creating a New Bot in Telegram
## Step 1. Creating a New Bot in Telegram

1. In Telegram, find the bot @BotFather and start a conversation with it.
1. In Telegram, find the @BotFather bot and start a conversation with it.
2. Send the command /newbot to create a new bot.
3. Follow the instructions from BotFather, enter the bot's name and a unique username.
4. Copy the API token provided by BotFather - it will be needed for bot setup.
3. Follow BotFather's instructions, enter the bot's name and unique username.
4. Copy the API token provided by BotFather - it will be needed to set up the bot.

## Step 2: Creating a Scenario in Make.com
## Step 2. Creating a Scenario in Make.com

1. Register on the Make.com platform and create a new scenario.
2. Select the Telegram Bot module and the action Watch for updates.
2. Select the Telegram Bot module and the Watch for updates action.
3. Insert your bot's HTTP API token in the Create a webhook field.

## Step 3: Integration with OpenAI
## Step 3. Integration with OpenAI

1. Create a new OpenAI module and select the action Create a completion.
2. Insert the OpenAI API key you received during registration.
3. Choose the ChatGPT model of your choice.
4. Add message 1 with the role of System and content "Reply to the user in their language."
5. Add message 2 with the role of User and content "1. Message: Text" (OpenAI).
6. Set the Max tokens value depending on the chosen model.
#### 1. Create a new OpenAI module and select the Create a completion action.
#### 2. Insert the OpenAI API key you received upon registration.
#### 3. Select the ChatGPT model of your choice.
#### 4. Add message 1 with the role System and content "Reply to the user in their language".
#### 5. Add message 2 with the role User and content "1. Message: Text"(OpenAi).
#### 6. Set the Max tokens value depending on the selected model.
![neurocoder](/img/neurobots/image1.8.png)
![neurocoder](/img/neurobots/image1.9.png)

## Step 4: Sending a Response in Telegram
## Step 4. Sending a Response to Telegram

1. Create a new Telegram Bot module and select the action Send a Text Message or a Reply.
2. In the Chat ID field, insert "1. Message: Chat: ID" (Telegram Bot).
3. In the message text, insert "1: Message.Content" (OpenAI).
4. Choose the MarkDown mode in the Parse Mode field.
1. Create a new Telegram Bot module and select the Send a Text Message or a Reply action.
2. In the Chat ID field, insert "1. Message: Chat: ID"(Telegram Bot).
3. In the message text, insert "1: Message.Content"(OpenAI).
4. Select the MarkDown mode in the Parse Mode field.

![neurocoder](/img/neurobots/image2.png)
![neurocoder](/img/neurobots/image1.10.png)
![neurocoder](/img/neurobots/image1.11.png)

## Step 5: Setting Up the Webhook
## Step 5. Setting Up the Webhook

1. Copy the webhook URL from the Make.com scenario.
2. Bind the webhook to the bot using the template:
https://api.telegram.org/bot"token"/setWebhook?url="makeurl"
Replace "token" with your bot's API token and "makеurl" with the webhook URL from Make.com.
3. Paste the resulting link into your browser.

## Step 6: Testing the Bot
https://api.telegram.org/bot'TOKEN'/setWebhook?url='MAKEURL'
Replace 'TOKEN' with your bot's API token, and 'MAKEURL' with the webhook URL from Make.com.
3. Paste the resulting link into the browser.

Now you can test your bot by sending it a message. The bot should respond using the capabilities of ChatGPT. Thus, using the Make.com platform, you can quickly create a Telegram chatbot with ChatGPT integration without the need to write code. This allows you to easily automate interactions with users and provide them with intelligent responses based on the capabilities of ChatGPT.
## Step 6. Testing the Bot

Now you can test your bot by sending it a message. The bot should respond using ChatGPT capabilities. Thus, using the Make.com platform, you can quickly create a chatbot for Telegram with ChatGPT integration without writing code. This allows you to easily automate user interactions and provide them with intelligent responses based on ChatGPT capabilities.
72 changes: 39 additions & 33 deletions docs/neurobots/neurobot02.md
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
id: neurobot02
title: VK Payments
sidebar_label: VK Payments
title: Connecting VK Payments
sidebar_label: Connecting VK Payments
---

import YouTube from 'react-youtube'
Expand All @@ -10,54 +10,60 @@ import YouTube from 'react-youtube'

![neurocoder](/img/neurobots/neuro2.png)

In this article, we will discuss how to connect payments to your VKontakte community using the Senler service. We will go through several key stages, including setting up subscriber groups, creating products, adding banners, configuring the post-payment page, and integrating the payment system with the bot.
In this article, we will look at how to connect payments to your VKontakte community using the Senler service. We will go through several key stages, including setting up subscriber groups, creating products, adding banners, setting up a post-payment page, and integrating the payment system with the bot.

<YouTube videoId='sFCNfHU3d7Y' />

## Step 1: Setting Up Subscriber Groups

The first step is to create subscriber groups that will be used to manage subscriptions.

### Creating the First Subscriber Group
1. **Log into Senler**: Go to the Senler website and log into your account.
2. **Create a Group**: In the "Subscriber Groups" section, click the "Create Group" button.
3. **Fill in the Information**:
- **Group Name**: Specify a name to easily identify it in the future.
- **Description**: Add a brief description that will be visible to users.
- **Banner**: Upload a banner that will represent your group.
4. **Save**: Click "Save" to complete the creation of the first group.

### Creating the Second and Third Subscriber Groups
Creating the first subscriber group
1. Log in to Senler: Go to the Senler website and log in to your account.
2. Create a group: In the "Subscriber Groups" section, click the "Create Group" button.
3. Fill in the information:
- Group name: Specify a name to easily identify it in the future.
- Description: Add a brief description that will be visible to users.
- Banner: Upload a banner that will represent your group.
4. Save: Click "Save" to complete the creation of the first group.

![neurocoder](/img/neurobots/image2.1.png)

Creating the second and third subscriber groups
Repeat the group creation process as described above for the second and third subscriber groups, ensuring unique names and descriptions.

## Step 2: Creating Products

After setting up subscriber groups, you need to create products that will represent different subscription levels.

1. **Go to the "Products" Section**: In the menu, select "Create Product."
2. **Creating the First Product**:
- **Name**: Specify the name of the first subscription level.
- **Description**: Describe what the subscription includes.
- **Price**: Set the price for the first level.
- **Product Link**: Insert the link to the subscription page from the "Subscriber Groups" section in Senler.
- **Save**: Click "Save."
3. **Creating the Second and Third Products**: Repeat the process to create the second and third subscription levels, changing the name, description, and price according to the offerings.
1. Go to the "Products" section: In the menu, select "Create Product".
2. Creating the first product:
- Name: Specify the name of the first subscription level.
- Description: Describe what the subscription includes.
- Price: Set the price for the first level.
- Product link: Insert the link to the subscription page from the "Subscriber Groups" section in Senler.
- Save: Click "Save".
3. Creating the second and third products: Repeat the process to create the second and third subscription levels, changing the name, description, and price according to the offers.

## Step 3: Adding a Link to the Community Menu

1. **Go to Community Settings**: Navigate to your community page and select the "Management" section.
2. **Menu Setup**: In the menu, choose the option to edit menu items. Here you can add new links.
3. **Adding a Link**: Insert the link to the subscription page from the "Subscriber Groups" section in Senler. Specify the name and add a cover so users understand where the link leads.
4. **Save Changes**: After adding all necessary menu items, don’t forget to save the changes.
1. Go to community settings: Go to your community page and select the "Manage" section.
2. Menu setup: In the menu, select the option to edit menu items. Here you can add new links.
3. Adding a link: Insert the link to the subscription page from the "Subscriber Groups" section in Senler.
Specify the name and add a cover so that users understand where the link leads.
4. Save changes: After adding all the necessary menu items, do not forget to save the changes.

![neurocoder](/img/neurobots/image2.2.png)

## Step 4: Integrating the Payment System with the Bot

To automate the payment process and manage subscriptions, it is necessary to integrate the payment system with your bot.
To automate the payment process and manage subscriptions, you need to integrate the payment system with your bot.
1. Choosing a payment system: Senler offers several options, such as VK Pay, YooMoney, and others. Choose the one that suits your business.
2. Integration setup:
- Go to the "Payment Acceptance" section and follow the instructions to connect the selected payment system.
- Enter the necessary data, such as API keys and secret keys.
3. Testing: Conduct test payments to ensure that the system works correctly and users can successfully subscribe.

1. **Choosing a Payment System**: Several options are available in Senler, such as VK Pay, YuMoney, and others. Choose the one that suits your business.
2. **Setting Up Integration**:
- Go to the "Payment Acceptance" section and follow the instructions to connect the chosen payment system.
![neurocoder](/img/neurobots/image2.3.png)

## Заключение
## Conclusion

Подключение оплаты к вашему ВК сообществу через Senler — это эффективный способ монетизировать вашу аудиторию и управлять подписками. Следуя приведенным шагам, вы сможете создать группы подписчиков, товары, баннеры, страницы после оплаты и интегрировать платежную систему с ботом, что значительно упростит процесс взаимодействия с вашими клиентами и повысит уровень их удовлетворенности.
Connecting payments to your VK community via Senler is an effective way to monetize your audience and manage subscriptions. By following the steps provided, you will be able to create subscriber groups, products, banners, post-payment pages, and integrate the payment system with the bot, which will significantly simplify the interaction process with your customers and increase their satisfaction level.
Loading

0 comments on commit 7fe3bd7

Please sign in to comment.