How To Install The Component
These components can be installed in:
- App's Navigation Page ✓
- App's Side Menu ✓
You can find the bot chat component in the Messaging Features section. Click or drag and drop the components into your navigation or side menu to install them.
How To Configure The Component
Click the gear icon to configure the component settings.
Rename the component and choose an Android and an iOS icon for it.
Select Bot: Since the component can hold a created bot, we need to create a bot first and understand how bots work!
How Bots Work
Users can interact with bots in two ways:
- Send messages and commands to bots through a direct chat, by adding them to groups or channels, or by associating them with your nandbox apps. This technique is useful, for example, in automated chatbots or news bots.
- Send requests directly from the input field by typing the bot's @handle and a query. This allows sending content from inline bots directly into any chat, group, or channel within the nandbox apps.
Messages, commands, and requests sent by users are passed to the software running on your servers, where Bot is hosted. Our intermediary server handles all encryption and communication with the nandbox bot for you. You communicate with this server via a WebSocket interface that offers a simplified version of the nandbox bot.
From the admin menu, go to the ‘Settings’ then click ‘API’.
Click ‘Add New API’.
Add a title, then click ‘Save.’
Now click ‘Set Permissions’ to customize your bot/API performance.
Now start giving your bot certain permissions you wish your bot to perform.
And don’t forget to click ‘Save’.
Go back and click the edit icon to configure your bot/API settings.
Here is where you fill in your bot's information: bot image, title, about (description), bot type, inline, and filter for receiving messages.
You can even set up a payment if you want to create your bot with a subscription service.
Check out this documentation for more information.
Now go back to the chatbot component settings and click ‘Set.’
Select your bot and click ‘Done.’
And don’t forget to save.
❓ FAQs
Q: How does the chatbot in my app work, and how can I set it up without coding?
A: The nandbox platform makes it easy to set up a chatbot that can greet users, respond to messages, and even perform actions like pulling data from your backend—all without writing a single line of code. You can create a fully interactive bot conversation flow using the visual builder.
Q: How do I install and activate the chatbot component?
A:
- Open the builder and go to the Messaging Features category.
- Drag the Chatbot component into your app’s Navigation Bar or Side Menu.
- Click the gear icon to configure:
- The component name (e.g., “Help Bot” or “Assistant”).
- Upload custom icons for Android and iOS.
- Select the specific bot you want to connect to this component.
Once your bot is set up (see steps below), link it here and click Done, then Save to activate it in your app.
Q: How do I create a chatbot that responds to users automatically?
A:
- Go to your Admin Panel → Settings → API.
- Click Add New API, give your bot a name, and hit Save.
- Set up permissions for the bot:
- Decide what actions it can perform, like sending messages, accessing user locations, or responding in groups and channels.
- Complete the bot profile by adding:
- A profile picture.
- A bot name and description.
- Inline status and any filters for its use.
Once configured, your chatbot can:
- Respond to user messages or commands in private chats, groups, and channels.
- Handle queries sent using its @handle.
- Communicate with your backend over a WebSocket API connection—nandbox manages the encryption and message delivery for you.