/* * These styles apply ONLY to the header and footer assets. */ .xf-footer-general__logo { padding-left: .4rem; padding-right: .4rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__logo { padding-left: .8rem; padding-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__logo { padding-left: 1.2rem; padding-right: 1.2rem } } .cmp-container--in-grid { padding-left: 1.2rem; padding-right: 1.2rem } @media(min-width:769px)and (max-width:1200px) { .cmp-container--in-grid { padding-left: 2.2rem; padding-right: 2.2rem } } @media(min-width:1201px) { .cmp-container--in-grid { padding-left: 4.8rem; padding-right: 4.8rem } } @media(min-width:1440px) { .cmp-container--in-grid { clear: both!important; float: none!important; margin-left: auto!important; margin-right: auto!important; max-width: 134.4rem } } .cmp-container--fullwidth { margin-left: 0!important; margin-right: 0!important; padding-left: 0; padding-right: 0 } .cmp-container--spacing-bottom { margin-bottom: 8rem } @media(min-width:769px) { .cmp-container--spacing-bottom { margin-bottom: 12rem } } @media(min-width:1201px) { .cmp-container--spacing-bottom { margin-bottom: 16rem } } .cmp-container--half-spacing-bottom { margin-bottom: 2.4rem } @media(min-width:1201px) { .cmp-container--half-spacing-bottom { margin-bottom: 3.2rem } } .cmp-container--background-light>.cmp-container { background-color: #f7f7f7 } .cmp-container--background-dark>.cmp-container { background-color: #050a52; color: #fff } .cmp-container--background-dark>.cmp-container a, .cmp-container--background-dark>.cmp-container h1, .cmp-container--background-dark>.cmp-container h2, .cmp-container--background-dark>.cmp-container h3, .cmp-container--background-dark>.cmp-container h4, .cmp-container--background-dark>.cmp-container h5 { color: inherit } .cmp-container--border>.cmp-container { border-radius: .8rem } .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: .4rem; margin-right: .4rem; padding: 1.2rem .8rem } @media(min-width:769px)and (max-width:1200px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: .8rem; margin-right: .8rem } } @media(min-width:1201px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: 1.2rem; margin-right: 1.2rem } } @media(min-width:769px)and (max-width:1200px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { padding: 2.2rem 1.4rem } } @media(min-width:1201px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { padding: 4.8rem 3.6rem } } @media(min-width:1440px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: 1.2rem!important; margin-right: 1.2rem!important } } .cmp-container--background>.cmp-container--fullwidth { padding-bottom: 1.2rem; padding-top: 1.2rem } @media(min-width:769px)and (max-width:1200px) { .cmp-container--background>.cmp-container--fullwidth { padding-bottom: 2.2rem; padding-top: 2.2rem } } @media(min-width:1201px) { .cmp-container--background>.cmp-container--fullwidth { padding-bottom: 4.8rem; padding-top: 4.8rem } } .xf-footer-general__content { background-color: #050a52; padding-bottom: 2rem; padding-top: 4.8rem } .xf-footer-general__content>.cmp-container { position: relative } .xf-footer-general__primary-content { padding-left: .4rem; padding-right: .4rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__primary-content { padding-left: .8rem; padding-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__primary-content { padding-left: 1.2rem; padding-right: 1.2rem } } @media(min-width:1400px) { .xf-footer-general__primary-content>.cmp-container { display: grid; grid-template: 5.7rem auto/1fr 2fr; grid-template-areas: "logo sitemap" "regionselector sitemap" } .xf-footer-general__primary-content { padding-top: 1.6rem } } .xf-footer-general__logo { margin-bottom: 3.2rem; padding: 0 } .xf-footer-general__logo .cmp-image__image { border-radius: unset; height: 1.5rem; width: auto } .xf-footer-general__logo .cmp-image__link { display: block } @media(min-width:1400px) { .xf-footer-general__logo { grid-area: logo } } .xf-footer-general__regionselector .cmp-regionselector-trigger { align-items: center; background: unset; border: unset; color: #fff; cursor: pointer; display: flex; font-size: 14px; font-weight: 700; padding: 0 } .xf-footer-general__regionselector .cmp-regionselector-trigger__icon { stroke: currentColor; height: 2.4rem; margin-right: .8rem; width: 2.4rem } .xf-footer-general__regionselector .cmp-regionselector-trigger__icon path { stroke-width: 5 } .xf-footer-general__regionselector .cmp-regionselector-trigger__label { align-items: center; display: flex } .xf-footer-general__regionselector .cmp-regionselector-trigger__label:after { border-bottom: .2rem solid #fff; border-right: .2rem solid #fff; content: ""; display: inline-block; height: .8rem; margin-left: .8rem; transform: rotate(45deg) translateY(-.4rem); width: .8rem } @media(min-width:1400px) { .xf-footer-general__regionselector { grid-area: regionselector } } .xf-footer-general__sitemap { padding-top: 1.2rem } .xf-footer-general__sitemap .cmp-sitemap { font-size: 14px } .xf-footer-general__sitemap .cmp-sitemap__group { grid-column-gap: .5rem; display: grid; grid-template-columns: 1fr 1fr } @media(min-width:769px) { .xf-footer-general__sitemap .cmp-sitemap__group { grid-gap: 4rem 1.6rem; grid-template-columns: repeat(4, 1fr) } } .xf-footer-general__sitemap .cmp-sitemap__item-label { color: #fff; display: block; font-weight: 700; margin-top: 4rem; text-decoration: none } @media(min-width:1400px) { .xf-footer-general__sitemap .cmp-sitemap__item-label { margin-top: 0 } } .xf-footer-general__sitemap .cmp-sitemap__linkicon { fill: currentColor; flex-shrink: 0; height: 1.2em; margin-top: .2em; opacity: 0 } @media(max-width:768px) { .xf-footer-general__sitemap .cmp-sitemap__linkicon { display: none } } .xf-footer-general__sitemap .cmp-sitemap__listitem-link { grid-gap: .8rem; color: #c4c4c4; display: flex; padding-bottom: .6rem; padding-top: .6rem; text-decoration: none } .xf-footer-general__sitemap .cmp-sitemap__listitem-link:hover { color: #fff } .xf-footer-general__sitemap .cmp-sitemap__listitem-link:hover .cmp-sitemap__linkicon { opacity: 1 } @media(min-width:1400px) { .xf-footer-general__sitemap { grid-area: sitemap; padding-top: 0 } } .xf-footer-general__social-content { margin-top: 4.8rem; padding-left: .4rem; padding-right: .4rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__social-content { padding-left: .8rem; padding-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__social-content { padding-left: 1.2rem; padding-right: 1.2rem } } .xf-footer-general__social-content>.cmp-container { grid-gap: .8rem; display: flex } .xf-footer-general__social-icon { padding: 0 } .xf-footer-general__social-icon .cmp-image__link { align-items: center; background-color: hsla(0, 0%, 100%, .1); border-radius: .8rem; box-sizing: border-box; display: flex; height: 2.5rem; justify-content: center; padding: .6rem; width: 2.5rem } .xf-footer-general__social-icon .cmp-image__link:hover { background-color: hsla(0, 0%, 100%, .2) } .xf-footer-general__social-icon .cmp-image__image { border-radius: unset; height: auto; max-height: 100%; max-width: 100%; width: auto } .xf-footer-general__legal-content { border-top: .1rem solid #1f38b0; box-sizing: border-box; font-size: 14px; margin-left: .4rem; margin-right: .4rem; margin-top: 4.8rem; padding-top: 2rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__legal-content { margin-left: .8rem; margin-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__legal-content { margin-left: 1.2rem; margin-right: 1.2rem } } @media(min-width:1400px) { .xf-footer-general__legal-content { margin-top: 0rem } } .xf-footer-general__legal-navigation { color: #c4c4c4 } @media(min-width:769px) { .xf-footer-general__legal-navigation, .xf-footer-general__legal-navigation .cmp-navigation__group { grid-gap: 1.8rem; display: flex } } .xf-footer-general__legal-navigation .cmp-navigation__cookiesetting, .xf-footer-general__legal-navigation .cmp-navigation__item-link { color: inherit; display: block; padding-bottom: .6rem; padding-top: .6rem; text-decoration: none } .xf-footer-general__legal-navigation .cmp-navigation__cookiesetting:hover, .xf-footer-general__legal-navigation .cmp-navigation__item-link:hover { color: #fff } .xf-footer-general__legal-text { color: #c4c4c4; font-size: 14px; padding: 2rem 0 .8rem } .xf-footer-general__legal-text a { color: inherit } .xf-footer-general { bottom: 0; position: absolute; top: 100%; width: 100% } .xf-footer-general__primary-content--campaign { padding-top: unset } @media(min-width:769px) { .xf-footer-general__social-content--campaign { margin-top: 0; padding: 0; position: absolute; right: 3rem; top: 0 } } @media(min-width:1201px) { .xf-footer-general__social-content--campaign { right: 6rem } } .xf-footer-general__primary-content--campaign-minified { margin-top: -1.6rem; padding-top: unset } @media(min-width:769px) { .xf-footer-general__legal-content--campaign-minified { margin-top: 3rem; padding-top: 1.4rem } .xf-footer-general__social-content--campaign-minified { margin-top: 0; padding: 0; position: absolute; right: 3rem; top: -.8rem } } @media(min-width:1201px) { .xf-footer-general__social-content--campaign-minified { right: 6rem } } @media(min-width:1400px) { .xf-footer-general__legal-content--campaign-minified, .xf-footer-general__primary-content--campaign-minified { float: left } .xf-footer-general__primary-content--campaign-minified>.cmp-container { display: block } .xf-footer-general__legal-content--campaign-minified { border-top: unset; margin-bottom: .4rem; margin-left: 5.6rem; margin-top: -2.1rem; padding-top: unset } .xf-footer-general__social-content--campaign-minified { top: -2.4rem } } .xf-footer-general--campaign { bottom: 0; position: absolute; top: 100%; width: 100% } .xf-footer-general__content { box-sizing: border-box; font-family: inherit; min-height: 8.8rem } .xf-footer-general__content ul { list-style: none; margin: 0; padding: 0 } @media(min-width:769px) { .xf-footer-general__primary-content--campaign-minified { min-height: 2.4rem } } .xf-footer-general__regionselector .cmp-regionselector, .xf-footer-general__regionselector .cmp-regionselector-trigger { display: none } /*# sourceMappingURL=styles.css.map */

Other products

Support Suite

Support Suite Plugins Overview
Navigation path: Plugins In Plugins, core features can be activated/deactivated. For the TeamViewer Engage Support Suite, three Plugins are available: Web Chat Co-Browsing plugin Audio / Video / Screen Share New Plugins can be created through clicking + New Plugin. Continue reading here Plugins - 02 Webchat
Action Rules
Navigation path: Rules > Action Rules Summary Purpose Action Rules allow you to manage the visibility of your WebChat and allow you to initiate a conversation with a visitor at the right time. Functionalities / need to know An Action Rule consists of one or more rules. There are two types of Action Rules: WebChat and…
General
Navigation path: Settings > General Tab: Tenant Settings Name This is your tenants name - this is supposed to be your company name. Picture Here you can upload your company logo, please use a square image. Banner Upload a banner picture. 📌Note: Banner pictures must have a minimum width of 130px. Default language The…
Dashboards
Navigation path: Dashboards TeamViewer Engage provides you with various statistics which are rehashed in different dashboard views. You find the Dashboard in the main menu on the left. Customize your Dashboard Create a new Dashboard You can customize current Dashboards just as you like. If needed, you can simply add a new…
Getting Started: Support Suite (Admin)
Welcome to the Engage Sales Suite. In the following articles, you will learn how to best use Engage to arrange, manage and conduct online meetings ("eMeetings").
Webchat
Navigation path: Plugins > Webchat After creating a new webchat plugin or editing the existing one, you find yourself on following view: Tab: Customize Chat Use our visualized editor to add a chat title, welcome description, chat buttons and the input field hint. Chat buttons can trigger Flows. Style Change the chat's…
Routing Rules
Navigation path: Rules > Routing Rules Summary Purpose Routing Rules allow you to assign incoming messages to the right team member or team. Make sure that specific questions are answered by a team member with the right skillset. Functionalities / need to know Routing Rules can be created for WebChat or Calling. A Routing…
System Messages
Navigation path: Settings > System Messages Overview Default Language This language is used as default language for your messanger or webchat. You can add languages by clickig + Add Language. Messages The list in the middle of the page shows all System Messages and their corresponding text. You can filter the list by…
Recordings
Navigation path: Recordings Purpose In Recordings you can find an overview of all recorded eMeetings and Co-Browsing sessions. eMeetings In the tab "Calls", you can find all recorded eMeetings: Further, you can download eMeeting here as .mp4 files. Co-Browsing In the tab "Sessions", you can find all recorded Co-Browsing…
Co-Browsing
Navigation path: Plugins When adding or editing your Co-Browsing module, the following can be configured: Tab: General Recordings Choose whether you want to save or not save recordings of your Co-Browsing sessions. Some countries require companies (esp. banks) to have every customer interaction documented for audit…