Versions Compared

Key

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


Html
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Html
<div class="fb-like" data-href="#" data-layout="button_count" data-action="recommend" data-size="large" data-show-faces="true" data-share="true"></div>
Html
 <div class="lang-box-pdf">
	<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=70418442" 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>

...


Scroll export button
scopecurrent
template-id0fa09813-8b86-460a-aa1d-ef450a80e9ce
quick-starttrue
add-onScroll PDF Exporter

Info

This Guide leads you through the process of HubSpot Integration usage, starting from the installation and ending with practical examples for call placing

Requirements: 

WMS version: 4

.

01 or higher
  • Wildix UC-Business or UC-Premium license 
  • Installed Integration Service

     

  • (For some countries) HubSpot Sales Hub or Service Hub license
  • Updated: November 2021March 2024

    Permalink: https://confluencewildix.wildixatlassian.comnet/wiki/x/CoAyB6gXOAQ


    Panel
    borderColor#ededed
    bgColor#ffffff
    titleColor#000000
    borderWidth1px
    titleBGColor#ededed
    borderStylesolid
    titleFeatures
    • Click-to-call working from the Contact pageContacts and Companies pages

    • Outgoing and incoming call popuppopups


    Table of Contents
    maxLevel3

    Requirements

    Supported countries

    HubSpot calling with Free HubSpot CRM is available for a restricted number of countries. For other country registered numbers a Sales Hub or Service Hub paid seat is required. The list of countries supported on a free or paid basis are available by this link.  

    Link to the application

    Link to the install: hubspot.wildix.com

    Setup the Integration

    Setup the HubSpot Integration

    • Proceed to the installation link
    • Click on Install Wildix App button
    • Choose an Account where you want to use the integration 
    • Wait until the integration installation will be finished
    • Close the installation link

    Place a Call

    Warning

    Keep Collaboration open while working with the application

    Allow connection to WIService

    On the first attempt to use click-to-call, it is mandatory to click Allow in the Integration Service Pop-up. 

    Making a Call Using Click-to-Dial from the contact record header 

    ...

    Click the Image Removedcall button at the header of the record. The HubSpot Call popup will appear. 

    Note

    This Step will be done only once per installation. 

    Click on Call Provider and choose Wildix from the drop-down list

    ...

    Making a Call Using Click-to-Dial from the contact record call tab

    ...

    Click on the Image RemovedCalls tab at the top navigation bar

    Click on Make a phone call button. 

    ...

    Limitations

    • After re-login, it is required to refresh HubSpot page in order to place calls
    • Possible to select an active device for further calls only after completing one call

    Setup 

    The installation of Wildix App requires oAuth2 authorization. For that, you need to create an application in WMS and use its Application ID.

    • Go to WMS -> PBX -> Integrations -> Applications -> OAuth 2.0
    • Click + Add to create an application 
    • Enter Application name and insert the following Redirect URIhttps://hubspot.wildix.com/callback
    • Click Save

    Image Added

    • Copy Application ID for authorization (read the section below)

    Image Added


    Authorization

    To make and receive calls, you need first to authorize on PBX and install Wildix app. 

    • Go to https://hubspot.wildix.com/ or open any contact/ company profile in HubSpot and click on Call button/ Make a phone call under Calls tab

    Image Added

    • The authorization dialog opens
    • Enter PBX domain name and OAuth 2.0 Application ID
    • Click LoginImage Added
    • Make sure you authorize with the same user who is connected to x-bees/ Collaboration
    • Click Yes to grant HubSpot access to connect

    Image Added

    • Click Install The Wildix App

    Image Added

    • Choose an Account under which you want to use the integration 

    Image Added

    • Check "Agree to Terms" box and click Connect app

    Image Added

    Outgoing calls

    Warning

    Keep x-bees/ Collaboration open while working with the app.

    1. Go to the Contacts/ Companies page
    2. Select a contact/ a company you want to dial
    3. Click Call button or Make a phone call under Calls tab
    4. Set Wildix as Provider under Call from setting
    5. Click a specific number to place a call
      Image Added
    6. The call is placed

    Image Added


    Incoming calls

    Warning

    Keep x-bees/ Collaboration open while working with the app.

    It is only possible to receive incoming calls when any contact/ company profile is open.

    • A call dialog window is displayed when there is an incoming call: 

      1. To answer a call: click the green Handset button

      2. To decline a call: click the red Hang up button

    Image Added

    Note

    Note: In case of a call group, for a missed call to be logged, the first agent in the call group queue should be logged into HubSpot integration, as any missed calls are logged to HubSpot on behalf of the agent who is first in the call group queue. If the agent is not logged in, the missed call may not be recorded in HubSpot.


    Settings

    To open Settings, click Gear button. The following settings are available:

    • Hide the popup after the call is completed
    • Logout

    Image Added


    Macrosuite divider macro
    dividerTypetext
    dividerWidth70
    emoji{"id":"smile","name":"Smiling Face with Open Mouth and Smiling Eyes","short_names":["smile"],"colons":":smile:","emoticons":["C:","c:",":D",":-D"],"unified":"1f604","skin":null,"native":"😄"}
    textColor#000000
    dividerWeight2
    labelPositionmiddle
    textAlignmentcenter
    iconColor#0052CC
    fontSizemedium
    textNot finding the help you need? Join the Facebook group to ask a question!
    emojiEnabledfalse
    dividerColor#DFE1E6
    dividerIconbootstrap/CloudsFill

    Button macro
    buttonTextFacebook
    isButtonShadowOntrue
    emoji{"id":"smile","name":"Smiling Face with Open Mouth and Smiling Eyes","short_names":["smile"],"colons":":smile:","emoticons":["C:","c:",":D",":-D"],"unified":"1f604","skin":null,"native":"😄"}
    buttonBorderColor#4267b2ff
    buttonColor#4267b2ff
    buttonNewTabfalse
    buttonFontColor#ffffff
    buttonSizemedium
    buttonIconColor#ffffff
    buttonWidthDetection46
    buttonHoverColor#ffffff
    buttonIconfont-awesome/FacebookSquare
    buttonTypeicon_left
    buttonLink{"link":"https://www.facebook.com/groups/wildixtechwizards","source":"direct"}
    buttonNewLink
    buttonRadius3
    buttonShadow0
    id228
    emojiEnabledfalse
    buttonWidth20