m-chat
Status
  • 👋Welcome!
  • 🏁 Getting Started
    • Building a chatbot
    • Testing a chatbot
    • Publishing your bot
      • Web
        • Embed chatbots on website
      • WhatsApp
        • Meta
        • 360Dialog
        • GupShup
        • Twillo
        • TechAlpha
      • Instagram
      • Facebook Messenger
      • SMS
      • Mobile App
    • Utility Tools
    • Contacts
      • Scheduling a Contact Report
      • Exporting a Contact List
    • Chatbot Appearance
      • Custom CSS
      • Image dimensions
      • Pop-up messages
  • BOT BUILDER
    • Action blocks
      • Trigger
      • Send message
      • Collect input
      • Buttons
      • Reply buttons
      • Carousel
      • Answer AI
      • Set AI
      • List
      • Send an email
      • Condition
      • Dynamic data
      • Talk to human
      • Javascript
      • Webhook
      • Jump
      • Flow
      • Options
      • Collect file
      • Form
      • Calendar
      • Delay
      • Codeblock
      • Slider
      • Image gallery
      • Send WhatsApp
      • Send SMS
      • Send Email
      • Send Status
      • WhatsApp flow
      • Catalogue
    • Outbound bots
      • Building Ongoing Campaign
      • Building One Off Campaign
    • Variables
    • Cloning bots
    • Connecting action blocks
    • Creating a loop
  • ✨ AI STUDIO
    • Building a GPT chatbot
    • Knowledge base
    • Custom Answers
    • Functional call
    • Prompts
    • Tokens
    • Refresh frequency
  • 💬 LIVE CHAT
    • Overview
    • Building a bot with live chat
    • Creating views
    • Adding Labels
    • Saved replies
    • Settings
  • 🔗 Integrations
    • HTTP request
    • Events
  • 💬 WhatsApp Business API
    • Getting a WhatsApp API
      • Getting WhatsApp API (Old approach)
      • Sandbox WhatsApp API
    • Facebook Business Manager (FBM) Verification
    • Creating a WhatsApp Template
    • Cost
    • Messaging Limits, Quality Rating
    • Official Business Account (Green tick verification)
  • 📊 Reporting
    • Chatbot Analytics
    • Agent Analytics
    • Outbound analytics
    • Link analytics
    • Weekly email report
  • 🛠️ Troubleshooting
    • Getting notification for leads
    • JS functions to trigger chat widget
    • Setting up link tracking
    • How do I hard refresh my browser?
    • Notifications
    • Tracking Facebook Pixel
    • Inviting teammates
    • Teams
  • 🧑‍💻 Support
    • Creating a ticket
    • Book a demo
    • Purchase a subscription
    • Cancelling a subscription
    • Refund policy
    • Reset Password
    • Deleting account
Powered by GitBook
On this page
  • Step 1: Create a page in your mobile app
  • Step 2: Create a webview screen to launch the bot
  1. 🏁 Getting Started
  2. Publishing your bot

Mobile App

Publishing your bot in your Android/iOS mobile app.

PreviousSMSNextUtility Tools

Last updated 6 months ago

m-chat allows you to embed your chatbot inside your Android/iOS application as a web view.

Native SDKs are being worked on and are not available at the moment.

To request for SDK, email us at Sales@m-chat.ai

Step 1: Create a page in your mobile app

To display the chatbot in a web view inside your application, you need to create a new page and embed the chatbot code snippet.

You can choose to embed the chat bubble OR the iframe to render it on the whole page.

You can find the code snippet by clicking the 3 dots icon on the bot card -> Embed

Step 2: Create a webview screen to launch the bot

On your mobile app, add a help icon or option on your menu that allows users to open this page.

Doing this will open the chatbot-hosted page that you created in Step 1.

// Example code to open chatbot-hosted URL as webview 

WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
myWebView.loadUrl("https://chatbot-hosted-webpage-url");// Some code

Note:

  • Make sure the Javascript is enabled inside the webview.

  • To maintain the conversation history, enable a persistent cookie in the webview.