Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
 <div class="lang-box-pdf">
	<div>
<div class="lang-switch">
			<span class="letters-form"><a title="French" href="https://confluence.wildix.com/x/3AY8AQ" target="_blank">FR</a>&nbsp;|&nbsp;<a title="German" href="https://confluence.wildix.com/x/4AY8AQ">DE</a></span>
		</div>
		<div class="google-lang">
			<div id="google_translate_element">
			</div>
			<script type="text/javascript">
					function googleTranslateElementInit() {
						new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'de,es,fr,it,nl', autoDisplay: false}, 'google_translate_element');
						}
			</script>
			<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
		</div>
		
		<div class="pdf-button">
			<a href="https://confluence.wildix.com/spaces/flyingpdf/pdfpageexport.action?pageId=20711109" alt="Convert to .pdf" title="Convert to .pdf"><img src="https://confluence.wildix.com/download/attachments/14549012/pdf-button-download-wildix-documentation.png"></a>
		</div>
	</div>
</div>
HTML
<style>
.button {
  background-color: #dd9932; /* Green */
  border: 2px solid white;
  border-radius: 8px;
  color: #003366;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  
}

.button:hover {
  background-color: #dd9932;
  color: white;
}

</style>
<button class="button" onclick="window.open('https://forms.gle/pBD3vq6hLdZsfwZv8')">Please help us improve by answering three simple questions. <b>Click here!</b></button>


Info

This guide is intended for the following audience:

  • PBX administrator, since it explains how to configure Wildix Kite on PBX side
  • webmaster, since it provides the information on how to add the service to a company’s website

WMS version: 3.88/ 4.01

Min. supported WMS version: 3.88.42218.38 

Updated: July 2019

Permalink: https://confluence.wildix.com/x/xQY8AQ

...

Wildix WebRTC Kite can be added to the website in the form of:

...

Configuration of Kite service consists of two steps:

...

  • Edit “kite” Dialplan procedure in WMS -> Dialplan -> Dialplan rules (in case “kite” Dialplan procedure is not present, you should create it first)
  • Add “internalcalls (Users dialplan)” to Included procedures

PDF avoid Pagebreak

Image RemovedImage Added


Now all the users registered to your PBX can receive calls via Kite service. In case you need to limit the numbers that can be dialed via Kite, refer to Limit access to Kite service chapter.

...

  • Enter your name and email (optional) and click Connect (it is also possible to sign in via your social networks account):

PDF avoid Pagebreak

Image RemovedImage Added


After connection:

  • In case the extension entered into the URL exists, chat with this user starts automatically:

PDF avoid Pagebreak

Image RemovedImage Added


PBX user receives a chat request via Wildix Collaboration interface. In addition to the usual options, available in Collaboration web interface, in chat dialog with another PBX user, the following options are available for kite user:


PDF avoid Pagebreak

Image RemovedImage Added


  • 1 – Transfer chat to another PBX user
  • 2 – Send chat transcript to two email addresses (Operator email/ Customer email)
  • 3 – Close chat

...

Kite user can initiate a call, start video streaming or screen sharing with the PBX user using the icons situated in the upper part of the screen, click the Paperclip icon to send a file or simply drag the file into the input field (support to send files only in JPEG / PDF format), click Options to:

PDF avoid Pagebreak

Image RemovedImage Added


  • End chat (log out)
  • Send chat transcript to email
  • Make an audio echo test
  • Adjust call settings by changing audio output (available only for Chrome), microphone and webcam:

    PDF avoid Pagebreak

    Image RemovedImage Added


  • Change the language

...

  • Screen sharing (WebRTC screen streaming): no need to install the component; select a screen or window and share it right away: 

    PDF avoid Pagebreak

    Image RemovedImage Added


    Note

    Note: Supported browsers: Chrome v. 72+; Firefox v. 66+; Edge v. 17+.


  • Screen sharing with control: in this case Kite user is invited to install the component

    PDF avoid Pagebreak

    Image RemovedImage Added


    Note

    Note: detailed information about installation and usage can be found in Collaboration Use Guide.


...

Note

Note: The option can also be disabled/ enabled when generating Kite Widget.

Create Kite link with disabled notifications

...

Note

Note: The option can also be disabled/ enabled when generating Kite Widget.

...

{“type”:”result”,”result”:{“online”:true,”show”:false,”device_show”:false,”status”:false,”location”:{“address”:false,”lat”:false,”lng”:false}}}


PDF avoid Pagebreak

Image RemovedImage Added


  • Information about the user that includes all the data in JSON format:

...

{“type”:”result”,”result”:{“uid”:”XXXXXXX”,”name”:”User Name”,”avatar”:”http:\/\/XXX.XX.X.XX\/user_avatar\/XXX.png”,”pbx”:”0050568XXXXX”,”presence”:{“online”:true,”show”:false,”device_show”:false,”status”:false,”location”:{“address”:false,”lat”:false,”lng”:false}},”pbxIp”:”XXX.XX.X.XX”, "pbxDomain":"pbx.wildixin.com"}}


PDF avoid Pagebreak

Image RemovedImage Added


Variables explanation:

...

Customer authorization information is already filled out automatically:

PDF avoid Pagebreak

Image RemovedImage Added


To allow Kite user to connect automatically, add the value “&autologin=1” in the end of the link:

...

Template "contacts":

PDF avoid Pagebreak

Image RemovedImage Added

Template "contacts-new":

PDF avoid Pagebreak

Image RemovedImage Added


Add a Kite Widget to your website

Example of Wildix Kite Widget can be found on www.wildix.com:

PDF avoid Pagebreak

Image RemovedImage Added


  • Go to the page of code generation: http://kite.wildix.com/pages/widget/
  • Fill out the fields:
    • Widget design: choose the new (selected by default) or the old design
    • Widget icon (new design): select the Kite icon (Chat or Phone) to be displayed on your website
    • Widget icon color (new design): select the Kite icon color
    • PBX name (new design)/ Serial (old design): PBX name (*.wildixin.com domain name)
    • Extension: extension of PBX user or call group number
    • Site URL: URL of your website
    • Hover title (new design): enter a title to be displayed when hovering over the Kite icon
    • Top title / Bottom title (old design): enter titles to be displayed on the Kite icon before and after clicking on it
    • Default language: select the default language of the Kite user authorization window, or keep the option “Auto-detection” enabled
    • Auto connect: allows PBX users to receive notification once Kite user opens the page (even if Kite widget is not open)
    • Auto login: after you enable the option, you can fill out Name and Email of Kite user for pre-authorization
    • Ask geolocation: uncheck the box in order to disable option of asking geolocation
    • Ask notification permission: uncheck the box to disable sending HTML5 notifications
    • Widget behavior: select whether to expand the widget by default, expand the widget after a timeout, or open the widget in a new window
    • Position and Offsets: select and optimize the widget position on your website
  • Click Generate
  • The code is generated, copy the code and paste it into your website between the tags and / or into a single web page

Note

Note: It is possible to perform a test to see how the widget will look on your website: After filling out the fields, press Test instead of Generate, you will see the widget simulation.


PDF avoid Pagebreak

Image RemovedImage Added


Note

Note: you can edit Kite user name or email (or other values) inside the code after the Kite widget code has been generated (edit the corresponding line of the code).

...