Developer Docs | Kommunicate

Developer Docs | Kommunicate

  • Docs

›Web

Web

  • Installation
  • CMS Installation
  • Authentication
  • Conversation
  • Conversation Assignment
  • Customization
  • Localization
  • Logout
  • Troubleshooting

Android

  • Installation
  • Authentication
  • Push Notification
  • Conversation
  • Customization
  • Localization
  • Logout

iOS

  • Installation
  • Authentication
  • Push Notification
  • Conversation
  • Customization
  • Localization
  • Logout
  • Troubleshooting

React Native

  • Installation
  • Authentication
  • Push Notification
  • Conversation
  • Customization
  • Logout

Flutter

  • Installation
  • Authentication
  • Customization
  • Conversation
  • Push Notification

Ionic/Cordova/Phonegap

  • Installation
  • Authentication
  • Push Notification
  • Conversation
  • Customization
  • Localization
  • Logout
  • Resolving Errors

Rich Messages

  • How To Use
  • Types of Rich Messages

Bots

  • Bot setup
  • Dialogflow Integration
  • Lex Integration
  • Kompose Bot Builder
  • Custom Bot Integration
  • Import Kompose Bot
  • Bot Samples

Integrations

  • Zapier

Platform APIs

  • Authentication
  • Endpoints

Dashboard Features

  • Analytics

Configuration

  • Email Fallback
  • Webhooks
  • Access Token URL

Localization

Chat Localization Setup

Modify the labels like "Start Conversation",etc by adding following labels in kommunicateSettings variable which is present in installation script of chat widget:

"labels": {
    'input.message': 'Type your message...',
    'conversations.title': 'Conversations',
    'start.new': 'Start New Conversation',
    'empty.messages': 'No messages yet!',
    'no.more.messages': 'No more messages!',
    'empty.conversations': 'No conversations yet!',
    'no.more.conversations': 'No more conversations!',
    'search.placeholder': 'Search...',
    'location.placeholder': 'Enter a location',
    'members.title': 'Members',
    'typing': 'typing...',
    'is.typing': 'is typing...',
    'online': 'Online',
    'offline': 'Offline',
    'clear.messages': 'Clear Messages',
    'delete': 'Delete',
    'reply': 'Reply',
    'location.share.title': 'Location Sharing',
    'my.location': 'My Location',
    'send': 'Send',
    'send.message': 'Send Message',
    'smiley': 'Emoji Picker',
    'close': 'Close',
    'edit': 'Edit',
    'save': 'Save',
    'file.attachment': 'Upload Attachment',
    'file.attach.title': 'Attach File',
    'last.seen': 'Last seen',
    'last.seen.on': 'Last seen on',
    'time.format.AM': 'AM',
    'time.format.PM': 'PM',
    'hour': ' hour',
    'min': ' min',
    'yesterday': 'yesterday',
    'hours': ' hours',
    'mins': ' mins',
    'ago': 'ago',
    'admin': 'Admin',
    'user': 'User',
    'member': 'Member',
    'you': 'You',
    'away': 'Away',
    'closed.conversation.message': 'This conversation has been marked as resolved. If you have other queries, just send a message here or start a new conversation.',
    'search.faq': 'Search in FAQs...',
    'looking.for.something.else': 'Looking for something else?',
    'no-faq-found': 'We are here to help.',
    'talk.to.agent': 'Talk to an agent',
    'how.to.reachout': 'How may we reach you?',
    'email.error.alert': 'It seems you have entered an invalid email',
    'conversation.rated': 'rated the conversation',
    'char.limit.warn': 'Keep your message within 256 characters to help the bot understand easily',
    'limit.remove': 'Remove',
    'limit.characters': 'characters',
    'limit.remaining': 'remaining',
    'lead.collection': {
        'email': 'Email',
        'name': 'Name',
        'phone': 'Contact Number',
        'title': 'Conversations',
        'heading': 'Before starting, we just need a few details so that we may serve you better',
        'submit': 'Start Conversation',
    },
    'csat.rating': {
        'CONVERSATION_RATED': 'You rated the conversation',
        'RATE_CONVERSATION': 'Rate your conversation',
        'CONVERSATION_REVIEW_PLACEHOLDER': 'Add a comment…',
        'OTHER_QUERIES': 'Have other queries? ',
        'RESTART_CONVERSATION': 'Restart this conversation',
        'SUBMIT_RATING' : 'Submit your rating'
    },
    'page.title.on.new.message': 'New message from ',
    'emoji.hover.text': {
        'poor': 'Poor',
        'great': 'Great',
        'average': 'Average'
    },
    'rich.message': {
        'notification.preview' : 'Message'
    },
    'filter.conversation.list': {
        'ALL_CONVERSATIONS': 'All conversations',
        'ACTIVE_CONVERSATIONS': 'Active conversations',
        'HIDE_RESOLVED': 'Hide resolved',
        'SHOW_RESOLVED': 'Show resolved'
    },
    'time.stamp': {
        'sec.ago': 'sec ago',
        'secs.ago': 'secs ago',
        'min.ago': 'min ago',
        'mins.ago': 'mins ago',
        'hr.ago': 'hr ago',
        'hrs.ago': 'hrs ago'
    },
    'voice.output': {
        'location': {
            'init': 'A location has been shared with you.',
            'lat': 'Latitude is ',
            'lon': 'and Longitude is '

        },
        'attachment': 'You have an attachment.'
      }
}

Example

This example will change the text for pre chat lead collection screen :-

<script type="text/javascript">
    (function(d, m){
    /*---------------- Kommunicate settings start ----------------*/
     var kommunicateSettings = {
        "appId": "<APP_ID>", // add your application id here 
        "askUserDetails": ["name", "email", "phone"],
        "labels": {
            'lead.collection': {
                'email':'Email',
                'name':'Name',
                'contactNumber':'Contact Number',
                'heading':'Before starting, we just need a few details so that we may serve you better',
                'submit':'Start Conversation',
            }
        }
      };
    /*----------------- Kommunicate settings end ------------------*/
     var s = document.createElement("script");
      s.type = "text/javascript";
      s.async = true;
      s.src = "https://api.kommunicate.io/kommunicate.app";
      var h = document.getElementsByTagName("head")[0];
      h.appendChild(s);
      window.kommunicate = m;
      m._globals = kommunicateSettings;
    })(document, window.kommunicate || {});
</script>

← CustomizationLogout →
  • Chat Localization Setup
    • Example
Facebook Open Source

710 East Wing Street,
Arlington Heights, IL 60004,

(+1) (310) 909-7458
hello@kommunicate.io

Docs
WebAndroidiOSIonic/PhonegapReact NativeFlutter
Product
Pricing and FAQsRequest Demo
Social
FacebookTwitterLinkedin
Copyright © 2021 Kommunicate.io.