React Native

This section contains essential information and usage guidelines for installing the BotPenguin chatbot inside a React Native mobile application.

What is Install Mobile App Chatbot (React Native)?

The React Native Mobile App Chatbot installation allows you to embed your BotPenguin chatbot directly inside a React Native application using the WebView component. This enables real-time, in-app conversational support while maintaining a native app experience across both Android and iOS platforms.

---

Benefits of Install Mobile App Chatbot (React Native)

• ⚛️ One chatbot for both Android & iOS apps

• 🤖 Seamless in-app user support

• ⚡ Quick integration using React Native WebView

• 📱 Native UI experience with web-based chatbot

• 🛠️ Developer-friendly and flexible setup

---

How to Use Install Mobile App Chatbot (React Native)

Follow the steps below to integrate the chatbot into your React Native application.

---

1. Select React Native as Your Mobile Platform

1. Navigate to “Install Your Chatbot” from the chatbot dashboard. 2. Click on “Mobile App Chatbot”. 3. Select “React Native” from the available mobile device options. 4. Click “Next” to continue.

---

2. Copy the React Native Installation Code

5. Under “Get Chatbot Installation Code”, locate the React Native WebView snippet. 6. Click “Copy” to copy the code.

The snippet includes a WebView component with JavaScript enabled and your chatbot’s unique URL.

---

3. Add Code to Your React Native App

7. Open your React Native project. 8. Ensure react-native-webview is installed in your project. 9. Paste the copied WebView code inside the screen or component where you want the chatbot to appear.

---

4. Share Installation Code with Your Developer (Optional)

10. Enter your developer’s email address in the “Share Installation Code” section. 11. Click “Send Email” to instantly share the chatbot installation snippet.

---

5. Request BotPenguin Installation Support (Optional)

12. Click “Help me in Installing ChatBot” to raise an installation request. 13. The BotPenguin support team will assist with integration if needed.

---

Once completed, your chatbot will be live inside your React Native mobile application.

---

🎉 Congratulations, you have successfully completed this section! You're one step closer to mastering BotPenguin.

---

FAQ's

Here are some common questions asked regarding training with FAQ's:

Do I need to install any additional library for React Native?

Yes, you need to install and use the react-native-webview package.

Will this chatbot work on both Android and iOS?

Yes, the React Native chatbot works seamlessly on both platforms.

Can I customize the chatbot UI inside React Native?

The chatbot UI is web-based, but you can control placement and container styling in your app.

Is JavaScript required for the chatbot?

Yes, JavaScript must be enabled in the WebView for the chatbot to function correctly.

Can I add the chatbot to multiple screens?

Yes, you can embed the chatbot WebView on multiple screens or components.

What if I don’t have a React Native developer?

You can click “Help me in Installing ChatBot” to get assistance from BotPenguin’s support team.

---

Support

If you still have questions for our team, write to us at [email protected]. We’ll get back to you within 48 hours.