<style>p { margin: 0; }span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; } span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } blockquote { border-left: solid 2px #5e35b1; color: #5e35b1; margin-left:0; padding-left:5px;}blockquote blockquote{ border-color: #00bcd4; color: #00bcd4;}blockquote blockquote blockquote{ border-color: #43a047; color: #43a047;} table.grid{ border-collapse: collapse;} table.grid td, table.grid th { border: 1px solid #ddd;} .fr-fic.fr-dib{ display: block; margin: 5px auto;}.fr-fic.fr-dib.fr-fir{ text-align: right; margin: 5px 0 5px auto;}.fr-fic.fr-dib.fr-fil{ text-align: left; margin: 5px auto 5px 0;}.fr-fic.fr-dii{ float: none; margin: 5px auto;}.fr-fic.fr-dii.fr-fil{ float: left; margin: 5px auto;}.fr-fic.fr-dii.fr-fir{ float: right; margin: 5px auto;}img.fr-dib.fr-fir { margin-right: 0; text-align: right;}img.fr-dib.fr-fil { margin-left: 0; text-align: left;}img.fr-dib { margin: 5px auto; display: block; float: none;}img.fr-bordered { box-sizing: content-box; border: solid 5px #CCC;}img.fr-shadow { box-shadow: 10px 10px 5px 0px #cccccc;}img.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}</style><div><p><strong><span style="font-size: 12pt;">In this guide we will cover:</span></strong></p><p><span style="font-size: 12pt;"><strong>- What is the UserWay Integration?</strong></span></p><p><span style="font-size: 12pt;"><strong>- Enabling UserWay on the Self Service Portal</strong></span></p><p><strong><span style="font-size: 12pt;">- Enabling UserWay on the Agent Application </span></strong></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><br></p><p><strong><span style="font-size: 14pt;"><br></span></strong></p><p><strong><span style="font-size: 14pt;">What is the UserWay Intgration?</span></strong></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><span style="font-size: 11pt;">UserWay is an accessibility tool which can be integrated with Halo on the Self Service Portal and the Agent Application. </span></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><br></p><p><span style="font-size: 14pt;"><strong>Enabling UserWay on the Self Service Portal</strong></span></p><p><span style="font-size: 11pt;">In Configuration > Self service Portal, under the Miscellaneous Settings section you will find the "UserWay Data Account" field. </span></p><p><span style="font-size: 11pt;">Here you can fill in your "UserWay Data Account", which can be found within the embed code on UserWay. This will allow the UserWay widget to display in the portal. </span></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><br></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;" data-pasted="true"><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjRlYTk1ODRlLTcwNjYtNGE5MS05NjM5LTRjMTMxMzE5M2Q4NiJ9.8oAzse9X0sDX8B8trgcsRAkrLe3P3y2iXqndEnjb9iw" class="fr-fic fr-fil fr-dib" width="634" height="778"></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;" data-pasted="true"><span style="font-size: 10pt;"><strong>Fig 1. Enabling access to your UserWay Data Account in the Portal</strong></span></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><br></p><p><span style="font-size: 11pt;">To find your data account in Userway head to the "Embed Code" section in the side menu. Your embed code will show, containing is your data account surred by quote marks. Copy the data account and paste it into the field in<strong> Fig 1</strong>.<br></span></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><br></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><span style="font-size: 10pt;"><strong><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjE0YTQyZTNjLTcyMjYtNGQ4Yy1hYWM4LTI5M2UwNWFhM2IzMCJ9.rUt4X-opPsL7VT_akMs5j5juh_1--XCzJW1jGRUS9po" class="fr-fic fr-fil fr-dib" width="1140" style="width: 1142px; height: 278.333px;" height="278"></strong></span></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em; color: rgb(0, 0, 0); font-family: sans-serif; font-size: 13px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;" data-pasted="true"><span style="box-sizing: inherit; font-size: 10pt;"><strong style="box-sizing: inherit; font-weight: 700;">Fig 2. Finding your UserWay Data Account</strong></span></p><p><br></p><p><strong><span style="font-size: 14pt;">Enabling UserWay on the Agent Application </span></strong></p><p><span style="font-size: 11pt;">In Configuration > Advanced Settings, you will find the option to add your "UserWay Data Account". Setting this will allow the Agent Application to display the UserWay widget. </span></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><br></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><img data-fr-image-pasted="true" src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjhjZmZjYzRmLWI3ODEtNGVjMC05MGFiLTExMDc1ZDBmODUyMyJ9.Q2ClSxS2Cxyr5wjuUrMgJ4kC1zzjvmUUfqh4QZxR1-Q" width="375" height="102" style="box-sizing: inherit; border-style: none; cursor: pointer; padding: 0px 1px; user-select: none; text-align: left; color: rgb(0, 0, 0); font-family: Poppins, sans-serif, Roboto; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; width: 377px; height: 101.761px; max-width: none !important;" data-pasted="true" class="fr-fil fr-dib"></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;" data-pasted="true"><span style="font-size: 10pt;"><strong>Fig 3. Enabling access to your UserWay Data Account in the Agent App</strong></span></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><br></p><span style="font-size: 11pt;">When enabled the widget will show on the Agent Application as below.<br></span><br><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjBlZmRmMzNkLTIyZGItNDliZS05ZTg2LTA3ODg0NmFkNzViYiJ9.mjbyuuoJ9LpYAXBQiHabEandvI2TwXvG1ujo31rLNt0" class="fr-fic fr-fil fr-dib" width="537" height="142"><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;" data-pasted="true"><span style="font-size: 10pt;"><strong>Fig 4. UserWay widget </strong></span></p><p><span style="font-size: 11pt;"><br></span></p><p><span style="font-size: 11pt;">If you click into the widget you will see the Accessibility menu, options in the menu can be selected and applied to Halo to make the platform more accessible.</span></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><br></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em;"><span style="font-size: 10pt;"><strong><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjQ4MThhYjFhLTgzOTUtNDM1YS05ZmRkLTRmODc2OTE4ZjM4YSJ9.cYI8sZgoMTk8bfGRiBkrGLwB1fusuQtZj4bD9cjBP-U" class="fr-fic fr-fil fr-dib" width="349" height="944"></strong></span></p><p data-pasted="true" style="box-sizing: inherit; margin: 0px; line-height: 1.4285em; color: rgb(0, 0, 0); font-family: Poppins, sans-serif, Roboto; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-size: 10pt;"><strong style="box-sizing: inherit; font-weight: 700;">Fig 5. UserWay Accessibility menu </strong></span></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em; color: rgb(0, 0, 0); font-family: Poppins, sans-serif, Roboto; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><br></p><p><span style="font-size: 11pt;">The location of your Userway Widget can be changed in your Userway account. To do this click into your site, head to the "Customize" tab and set your button type and location.</span></p><p><br></p><p style="box-sizing: inherit; margin: 0px; line-height: 1.4285em; color: rgb(0, 0, 0); font-family: Poppins, sans-serif, Roboto; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-size: 10pt;"><strong style="box-sizing: inherit; font-weight: 700;"><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImJmMzlkZjkwLTQ5ZjYtNGE3ZS04YzljLTQxM2RmNzk1MDc4YiJ9.qTxmerXkeEfMvqpLtfl0Xy8w9eBpZ_2VWOff_Vkxrkk" class="fr-fic fr-fil fr-dib" width="618" style="width: 620px; height: 659.595px;" height="660"></strong></span></p><p data-pasted="true" style="box-sizing: inherit; margin: 0px; line-height: 1.4285em; color: rgb(0, 0, 0); font-family: Poppins, sans-serif, Roboto; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-size: 10pt;"><strong style="box-sizing: inherit; font-weight: 700;">Fig 6. Customising your UserWay Widget </strong></span></p></div>
