CINXE.COM
How to use Relay UK | Relay UK
<!doctype html> <html lang="en" data-colour-scheme="colour-scheme-blue" data-is-publish="true"> <head> <meta charset="utf-8"/> <title>How to use Relay UK | Relay UK</title> <meta name="description" content="Help using the Relay UK app, using your textphone with Relay UK, contacting 999 and using Relay UK if you're a hearing person or business."/> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2,user-scalable=yes"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <link rel="canonical" href="https://www.relayuk.bt.com/how-to-use-relay-uk.html"/> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/content/dam/shared-assets/logos/relay-uk-favicon.ico"/> <link rel="stylesheet" href="/etc.clientlibs/bt-wav/clientlibs/clientlib-header-footer.min.css" type="text/css"> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script> <script src="/etc.clientlibs/bt-wav/clientlibs/clientlib-header-footer.min.js"></script> <script> window.digitalData = window.digitalData || {}; window.digitalData.version = "1.0"; window.digitalData.page = { pageInfo: { pageID: "how\u002Dto\u002Duse\u002Drelay\u002Duk", pageName: "How to use Relay UK" }, category: { primaryCategory: "How to use Relay UK", pageType: "T\u002D009\u002DD: Generic Content Page" }, attributes: { siteName: "Relay UK", homePageName: "Relay UK homepage", pageDepth: "1", pageNameOverride: "" } }; window.digitalData.event = [ ]; </script> <script>window.CQ = window.CQ || {}</script> <!-- sly data-sly-resource="contexthub" / --> </head> <body class="non-touch-device aem-site"> <a href="#jumpToLinks" tabindex="1" class="component-jump-to-content--opener">Open links to jump to page content</a> <div class="component-jump-to-content"> <ul class="component-jump-to-content__list" id="jumpToLinks"> <li class="component-jump-to-content__list-item"> <a href="#top-navigation" tabindex="2" class="component-jump-to-content__list-item-anchor" aria-label="Jump to navigation"> Jump to navigation </a> </li> <li class="component-jump-to-content__list-item"> <a href="#main-content" tabindex="3" class="component-jump-to-content__list-item-anchor" aria-label="Jump to page content"> Jump to page content </a> </li> <li class="component-jump-to-content__list-item"> <a href="#footer" tabindex="4" class="component-jump-to-content__list-item-anchor" aria-label="Jump to footer"> Jump to footer </a> </li> </ul> </div> <div id="window_mediaDetector"></div> <!-- <div data-sly-resource="header-iparsys"></div> --> <div> <div class="cmp-experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="bt-branded-nav parbase aem-GridColumn aem-GridColumn--default--12"> <script type="text/x-template" id="component-search-box__template__suggestion"> <li class="suggestion" @mousedown="applySuggestion" @mouseenter="function(e) { e.target.classList.toggle('selected'); }" @mouseleave="function(e) { e.target.classList.toggle('selected'); }" @click="applySuggestion" v-if="doRender" v-html="innerHtml" v-bind:class="highlightClass"> </li> </script> <script type="text/x-template" id="component-search-box__template__search-bar"> <form @submit.prevent="submitSearchForm" class="component-search-box__search-form"> <label for="site-search" class="component-search-box__search-form-label">Search our site</label> <input id="site-search" @keydown="onKeydownInputField" onfocus="this.placeholder=''" onblur="this.placeholder='Search our site'" v-model="searchTerm" type="text" class="component-search-box__search-form-field" placeholder="Search our site" autocomplete="off"> <span @click="clearSearchField" class="component-search-box__search-form-field-clear-button"></span> <button type="submit" class="button form-button button-primary-purple component-search-box__search-form-button"> {{searchButtonText}} </button> <div class="component-search-box__suggestions" v-bind:class="{'component-search-box__suggestions--hidden' : !shouldShowSuggestions}"> <ol class="component-search-box__suggestions-list"> <search-results-search-suggestion v-for="(item, idx) in suggestedTerms" :key="idx" @apply-search-suggestion="applySearchSuggestion" v-bind:is-highlighted="selectedSuggestionIndex==idx" v-bind:proposal="item" v-bind:term="searchTerm"></search-results-search-suggestion> </ol> </div> <div class='ser_key_error' style='display:none;'>Please enter at least 3 characters to search. Enter 6 characters or more for instant suggestions.</div> <div class='ser_key_error-six' style='display:none;'>Enter 6 characters or more for instant suggestions.</div> </form> </script> <script> </script> <!-- Component --> <!-- BT Main Nav --> <section data-component-path="/content/experience-fragments/relayuk/header_and_footer/header/master/jcr:content/root/bt_branded_nav" data-component-watch='["bt-branded-nav"]' class="component-bt-branded-nav no-logins no-site-title" data-search-page="/search.html"> <!-- /content/dam/bt-wav-relayuk/logos/Relay-UK-Black.png--> <div class="top-nav-container" data-hidden-page-title="true"> <div class="component-bt-branded-nav__top col-group"> <div class="col-dt-12 component-bt-branded-nav__top-wrapper"> <div class="component-bt-branded-nav__top-logo col-mb-3"> <div class="component-bt-branded-nav__top-logo-logo-holder"> <a href="/" target="_self" class="component-bt-branded-nav__top-logo-anchor"> <img class="component-bt-branded-nav__top-logo-img" src="/logos/Relay-UK-Black.png" data-standard-contrast-logo="/content/dam/bt-wav-relayuk/logos/Relay-UK-Black.png" data-yellow-contrast-logo="/content/dam/bt-wav-relayuk/logos/Relay-UK-Black.png" data-dark-contrast-logo="/content/dam/bt-wav-relayuk/logos/Relau-UK-White.png" title="Relay UK Home page" data-title="Relay UK Home page" alt="Relay UK Home page"/> </a> </div> </div> <a class="component-bt-branded-nav__top-mob-title col-mb-6" href="#" aria-expanded="false" aria-label="Click to expand or collapse menu"> <span>Menu <i class="component-bt-branded-nav__top-mob-title-icon icon-down-chevron" aria-hidden="true"></i> </span> </a> <div class="component-bt-branded-nav__top-search hidden-site-title "> <div class="component-bt-branded-nav__top-search-wrapper"> <a class="component-bt-branded-nav__top-tab-title" href="#" aria-expanded="false" aria-label="Click to expand or collapse menu"> <span>Menu</span> <i class="component-bt-branded-nav__top-tab-title-icon icon-down-chevron" aria-hidden="true"></i> </a> <a href="#" class="component-bt-branded-nav__top-search-link" data-href="#" data-toggle="collapse" aria-expanded="false" aria-controls="search" title="Open the search area to search the NGTS website."> <i class="component-bt-branded-nav__top-search-icon icon-search" aria-hidden="true"></i> </a> </div> <div class="component-bt-branded-nav__top-search-form-desktop"> <div class="component-bt-branded-nav__top-search-form-desktop-column col-6 hide-site-title"> <a href="/" class="component-bt-branded-nav__top-search-form-desktop-columm-title hide-site-title page-title"> <span class="component-bt-branded-nav__main-title">Relay UK</span> </a> </div> <section class="component-bt-branded-nav__top-search-form-desktop-column col-mb-12 no-title " id="component-bt-branded-nav__top-search-desktop" data-search-page="/search.html" data-secure-search-path="https://my.btwholesale.com/secure-search/securesearch" data-solr-search="false"> <span class="component-bt-branded-nav__top-search-form-desktop-border hide-site-title"></span> <search-results-search-form :inner-search-term="searchTerm" @update-search-term="updateSearchTerm" @perform-search="performSearch"></search-results-search-form> </section> <div class="component-accessibility-control__accessibility-control" data-component-watch='["accessibility-control"]'> <div class="component-accessibility-control__link"> <button class="component-accessibility-control__link-anchor" aria-expanded="false"> <span class="component-accessibility-control__link-label">Accessibility</span> <i class="component-accessibility-control__arrow-down-icon icon-down-chevron"></i> </button> </div> </div> </div> </div> </div> <div class="component-accessibility-control"> <div class="component-accessibility-control__accordion-panel"> <span class="component-accessibility-control__border"></span> <div class="accessibility-controls"> <div class="component-accessibility-control__text-size"> <span class="component-accessibility-control__text-size-label"> Text size </span> <a data-accessibility-font-size="small" href="#" class="component-accessibility-control__text-size component-accessibility-control__text-size--small component-accessibility-control__options" aria-label="Font size small button"><span>A</span></a> <a data-accessibility-font-size="medium" href="#" class="component-accessibility-control__text-size component-accessibility-control__text-size--medium component-accessibility-control__options" aria-label="Font size medium button"><span>A</span></a> <a data-accessibility-font-size="large" href="#" class="component-accessibility-control__text-size component-accessibility-control__text-size--large component-accessibility-control__options" aria-label="Font size large button"><span>A</span></a> </div> <div class="component-accessibility-control__contrast"> <span class="component-accessibility-control__contrast-border"></span> <span class="component-accessibility-control__contrast-label"> Contrast </span> <a data-contrast-colour="light" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--light component-accessibility-control__options" aria-label="Contrast colour light button"><span>A</span></a> <a data-contrast-colour="yellow" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--yellow component-accessibility-control__options" aria-label="Contrast colour yellow button"><span>A</span></a> <a data-contrast-colour="dark" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--dark component-accessibility-control__options" aria-label="Contrast colour dark button"><span>A</span></a> </div> <div class="component-accessibility-control__guidelines"> <a href="/accessibility.html" target="_blank" class="component-accessibility-control__guidelines-anchor"> Accessibility guidelines </a> </div> </div> </div> </div> </div> </div> <div class="component-bt-branded-nav__top-search-form"> <div class="component-bt-branded-nav__top-search-form-column col-6 hide-site-title"> <a href="/" class="component-bt-branded-nav__top-search-form-columm-title hide-site-title page-title mobile-page-title"> <span class="component-bt-branded-nav__main-title">Relay UK</span> </a> </div> <section class="component-bt-branded-nav__top-search-form-column col-mb-12 no-title" id="component-bt-branded-nav__top-search" data-search-page="/search.html" data-secure-search-path="https://my.btwholesale.com/secure-search/securesearch" data-solr-search="false"> <span class="component-bt-branded-nav__top-search-form-border hide-site-title"></span> <search-results-search-form :inner-search-term="searchTerm" @update-search-term="updateSearchTerm" @perform-search="performSearch"></search-results-search-form> </section> </div> <!-- Sub Level Menu Nav--> <div class="component-bt-branded-nav__bottom component-bt-branded-nav__bottom--closed "> <div class="component-bt-branded-nav__breakout"> <div class="component-bt-branded-nav__breakout-inner col-group"> <!-- default fall back if there is no Global Link Page--> <ul class=" component-bt-branded-nav__bottom-nav component-bt-branded-nav__main-nav width-100 "> <li id="top-navigation" class="component-bt-branded-nav__main-nav-item "> <a href="/about-relay-uk.html" class="component-bt-branded-nav__main-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="About Relay UK"> <span class="component-bt-branded-nav__underlined"> About Relay UK </span> </span> </a> </li> <li class="component-bt-branded-nav__main-nav-item component-bt-branded-nav__nav-item-active"> <a href="/how-to-use-relay-uk.html" class="component-bt-branded-nav__main-nav-item-anchor component-bt-branded-nav__nav-active "> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="How to use Relay UK"> <span class="component-bt-branded-nav__underlined"> How to use Relay UK </span> </span> </a> <i class="component-bt-branded-nav__main-nav-icon icon-down-chevron" aria-hidden="true"></i> <div class="component-bt-branded-nav__sub-nav-container"> <div class="component-bt-branded-nav__sub-nav-container-inner"> <ul data-eqh-menu-item-main class="component-bt-branded-nav__sub-nav component-bt-branded-nav__sub-nav--closed"> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/download-app.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Download app"> Download app </span> </span> </span> <!--TODO --> </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/use-relay-uk-with-app.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Use Relay UK with app"> Use Relay UK with app </span> </span> </span> <!--TODO --> </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/use-relay-uk-with-textphone.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Use Relay UK with textphone"> Use Relay UK with textphone </span> </span> </span> <!--TODO --> </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/contact-999-using-relay-uk.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Contact 999 using Relay UK"> Contact 999 using Relay UK </span> </span> </span> <!--TODO --> </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/relay-uk-for-hearing-people.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Relay UK for hearing people"> Relay UK for hearing people </span> </span> </span> <!--TODO --> </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/relay-uk-for-business.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Relay UK for business"> Relay UK for business </span> </span> </span> <!--TODO --> </a> </li> </ul> </div> </div> </li> <li class="component-bt-branded-nav__main-nav-item "> <a href="/relay-uk-services.html" class="component-bt-branded-nav__main-nav-item-anchor "> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="Relay UK services"> <span class="component-bt-branded-nav__underlined"> Relay UK services </span> </span> </a> <i class="component-bt-branded-nav__main-nav-icon icon-down-chevron" aria-hidden="true"></i> <div class="component-bt-branded-nav__sub-nav-container"> <div class="component-bt-branded-nav__sub-nav-container-inner"> <ul data-eqh-menu-item-main class="component-bt-branded-nav__sub-nav component-bt-branded-nav__sub-nav--closed"> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/relay-uk-services/relay-uk-app.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Relay UK app"> Relay UK app </span> </span> </span> <!--TODO --> </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/relay-uk-services/calling-relay-assist.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Calling Relay Assist"> Calling Relay Assist </span> </span> </span> <!--TODO --> </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/relay-uk-services/textnumbers.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="TextNumbers"> TextNumbers </span> </span> </span> <!--TODO --> </a> </li> </ul> </div> </div> </li> <li class="component-bt-branded-nav__main-nav-item "> <a href="/help.html" class="component-bt-branded-nav__main-nav-item-anchor "> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="Help"> <span class="component-bt-branded-nav__underlined"> Help </span> </span> </a> <i class="component-bt-branded-nav__main-nav-icon icon-down-chevron" aria-hidden="true"></i> <div class="component-bt-branded-nav__sub-nav-container"> <div class="component-bt-branded-nav__sub-nav-container-inner"> <ul data-eqh-menu-item-main class="component-bt-branded-nav__sub-nav component-bt-branded-nav__sub-nav--closed"> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/help/faqs.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="FAQs"> FAQs </span> </span> </span> <!--TODO --> </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/help/how-to-videos.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="'How to' videos"> 'How to' videos </span> </span> </span> <!--TODO --> </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/help/complaints.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Complaints"> Complaints </span> </span> </span> <!--TODO --> </a> </li> </ul> </div> </div> </li> <li class="component-bt-branded-nav__main-nav-item "> <a href="/news.html" class="component-bt-branded-nav__main-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="News"> <span class="component-bt-branded-nav__underlined"> News </span> </span> </a> <div class="component-bt-branded-nav__sub-nav-container"> <div class="component-bt-branded-nav__sub-nav-container-inner"> <ul data-eqh-menu-item-main class="component-bt-branded-nav__sub-nav component-bt-branded-nav__sub-nav--closed"> </ul> </div> </div> </li> <li class="component-bt-branded-nav__main-nav-item "> <a href="/communication-providers.html" class="component-bt-branded-nav__main-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="Communication providers"> <span class="component-bt-branded-nav__underlined"> Communication providers </span> </span> </a> </li> <li class="component-bt-branded-nav__main-nav-item "> <a href="/contact-us.html" class="component-bt-branded-nav__main-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="Contact us"> <span class="component-bt-branded-nav__underlined"> Contact us </span> </span> </a> </li> </ul> <!-- Global Link Pages --> <!-- End of Global Link Pages--> </div> </div> <!-- Secondary BZ --> <!-- end --> </div> <div class="search-keyline hide-site-title"></div> <a class="component-bt-branded-nav__main-title-link-mob hide-site-title page-title mobile-page-title" href="/"> <span class="component-bt-branded-nav__main-title-mob">Relay UK</span> </a> </section> </div> </div> </div></div> </div> <div class="container" id="main-content"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="hero-banner-medium aem-GridColumn aem-GridColumn--default--12"><!-- Placeholder --> <input type="hidden" class="detectClick" value="false"/> <div data-component-watch='["hero-banner-medium"]' class="component-hero-banner-medium__container__breakout"> <section class="component-hero-banner-medium__container"> <ul class="carousel-list"> <li class="carousel-slot lazy-load-image overlay grey" data-background-image-desktop="/content/dam/bt-wav-relayuk/assets/images/hero-banners/hero-lrg-how-use-man-signing-full.jpg" data-background-image-mobile="/content/dam/bt-wav-relayuk/assets/images/hero-banners/hero-lrg-how-use-man-signing-mob.jpg"> <section class="insetpanel "> <div class="title title-center title-white"> <h1 class="scalable-header scalable-header--extra-large scalable-header--align-left scalable-header--dark-grey" id="how-to-use-relay-uk">How to use Relay UK</h1> </div> </section> </li> </ul> <nav class="carousel-dots"> <ul> </ul> </nav> </section> </div> </div> </div> </div> <div class="breadcrumb-bar parbase aem-GridColumn aem-GridColumn--default--12"><!-- Example usage: com.bt.wav.core.components.BreadcrumbBarUse --> <!-- Placeholder --> <!-- Component && page.contentResource.navRoot == true--> <div data-component-watch='["breadcrumb-bar"]' class="component-breadcrumb-bar component-breadcrumb-bar-desktop-onzoom component-breadcrumb-bar-desktop"> <!-- Ordered list of breadcrumb pages --> <!--<div data-sly-test.author="false"> <span class="component-breadcrumb-bar__home-icon">Breadcrumb</span> </div>--> <!-- Breadcrumb page list showing first 3 and last one for breacrumbs containing more than 5 pages--> <!-- Breadcrumb page list for breadcrumbs containing less than 6 pages --> <ul class="component-breadcrumb-bar__list component-breadcrumb-bar__list-hideInTablet"> <li class="component-breadcrumb-bar__list-item __page-crumb "> <a class="component-breadcrumb-bar__list-item-anchor __crumb-item" href="/" aria-label="Relay UK homepage"> <em class="component-breadcrumb-bar__list-item-anchor-span-home-icon icon-home"></em> </a> </li> <li class="component-breadcrumb-bar__list-item __page-crumb component-breadcrumb-bar__list-item__page-last"> <a tabindex="-1" class="component-breadcrumb-bar__list-item-anchor __crumb-item" href="/how-to-use-relay-uk.html" aria-label="How to use Relay UK"> <span class="component-breadcrumb-bar__list-item-anchor-span"> How to use Relay UK</span> </a> </li> </ul> </div> </div> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--tablet--12 aem-Grid--default--12 aem-Grid--tablet-wide--12 aem-Grid--phone--12 aem-Grid--phone-wide--12 "> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12"><!-- Placeholder --> <!-- Component --> <div class="component-spacer"> <span class="component-spacer--spacer40"></span> </div> </div> <div class="link-block parbase aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet-wide--6 aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--6 aem-GridColumn--tablet--6 aem-GridColumn--default--6"> <div data-opacity-style="100" data-component-watch='["link-block"]' class="component-link-block component-link-block--bg-grey lazy-load-image " data-background-image="/content/dam/bt-wav-relayuk/assets/images/link-blocks/link-how-to-use-woman-phone-2col.jpg"> <div data-opacity-style="100" class="component-link-block__facade component-link-block__facade--dark component-link-block__content "> <div class="component-link-block__box"> <header class="component-link-block__header"> <h2 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--bt-white" id="downloading-the-app">Downloading <br />the app</h2> </header> <main class="component-link-block__body"> <div class="component-link-block__body-inner"> <p style="text-align: center;"><span class="component-body-text-block__whiteRte">Find out how to download the app, link your phone number to it, <br /> and start making calls.</span></p> </div> </main> <footer class="component-link-block__footer cta-container"> <a href="/how-to-use-relay-uk/download-app.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--center "> <span class="component-cta-button-text">Help downloading the app</span> </a> </footer> </div> </div> </div></div> <div class="link-block parbase aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet-wide--6 aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--6 aem-GridColumn--tablet--6 aem-GridColumn--default--6"> <div data-opacity-style="100" data-component-watch='["link-block"]' class="component-link-block component-link-block--bg-grey lazy-load-image " data-background-image="/content/dam/bt-wav-relayuk/assets/images/link-blocks/link-calls-using-the-app-2col.jpg"> <div data-opacity-style="100" class="component-link-block__facade component-link-block__facade--dark component-link-block__content "> <div class="component-link-block__box"> <header class="component-link-block__header"> <h2 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--bt-white" id="making-and-receiving-calls-using-the-app">Making and receiving <br />calls using the app</h2> </header> <main class="component-link-block__body"> <div class="component-link-block__body-inner"> <p style="text-align: center;"><span class="component-body-text-block__whiteRte">Find out how to make and receive calls using the app.</span></p> </div> </main> <footer class="component-link-block__footer cta-container"> <a href="/how-to-use-relay-uk/use-relay-uk-with-app.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--center "> <span class="component-cta-button-text">How to use the app</span> </a> </footer> </div> </div> </div></div> <div class="link-block parbase aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet-wide--6 aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--6 aem-GridColumn--tablet--6 aem-GridColumn--default--6"> <div data-opacity-style="100" data-component-watch='["link-block"]' class="component-link-block component-link-block--bg-grey lazy-load-image " data-background-image="/content/dam/bt-wav-relayuk/assets/images/hero-blocks/hero-side-woman-typetalk-full.jpg"> <div data-opacity-style="100" class="component-link-block__facade component-link-block__facade--dark component-link-block__content "> <div class="component-link-block__box"> <header class="component-link-block__header"> <h2 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--bt-white" id="using-a-textphone">Using a textphone</h2> </header> <main class="component-link-block__body"> <div class="component-link-block__body-inner"> <p style="text-align: center;"><span class="component-body-text-block__whiteRte">Lots of deaf people are still using a textphone. Find out how to use Relay UK with yours.</span></p> </div> </main> <footer class="component-link-block__footer cta-container"> <a href="/how-to-use-relay-uk/use-relay-uk-with-textphone.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--center "> <span class="component-cta-button-text">How to use textphone</span> </a> </footer> </div> </div> </div></div> <div class="link-block parbase aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet-wide--6 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--6 aem-GridColumn--tablet--6 aem-GridColumn--default--6"> <div data-opacity-style="100" data-component-watch='["link-block"]' class="component-link-block component-link-block--bg-grey lazy-load-image " data-background-image="/content/dam/bt-wav-relayuk/assets/images/link-blocks/link-ambulance-2col.jpg"> <div data-opacity-style="100" class="component-link-block__facade component-link-block__facade--dark component-link-block__content "> <div class="component-link-block__box"> <header class="component-link-block__header"> <h2 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--bt-white" id="contact-999-using-relay-uk">Contact 999 using Relay UK</h2> </header> <main class="component-link-block__body"> <div class="component-link-block__body-inner"> <p style="text-align: center;"><span class="component-body-text-block__whiteRte">Find out how to contact the emergency services by聽calling a Relay Assistant聽or聽texting a message to 999 using our emergencySMS service.<br /> </span></p> </div> </main> <footer class="component-link-block__footer cta-container"> <a href="/how-to-use-relay-uk/contact-999-using-relay-uk.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--center "> <span class="component-cta-button-text">Contact 999</span> </a> </footer> </div> </div> </div></div> <div class="link-block parbase aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet-wide--6 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--6 aem-GridColumn--tablet--6 aem-GridColumn--default--6"> <div data-opacity-style="100" data-component-watch='["link-block"]' class="component-link-block component-link-block--bg-grey lazy-load-image " data-background-image="/content/dam/bt-wav-relayuk/assets/images/link-blocks/link-woman-signing-2col.jpg"> <div data-opacity-style="100" class="component-link-block__facade component-link-block__facade--dark component-link-block__content "> <div class="component-link-block__box"> <header class="component-link-block__header"> <h2 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--bt-white" id="relay-uk-for-hearing-people">Relay UK for hearing people</h2> </header> <main class="component-link-block__body"> <div class="component-link-block__body-inner"> <p style="text-align: center;"><span class="component-body-text-block__whiteRte">Just because someone's deaf or speech-impaired doesn't mean you can't phone them. It's easy.</span></p> </div> </main> <footer class="component-link-block__footer cta-container"> <a href="/how-to-use-relay-uk/relay-uk-for-hearing-people.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--center "> <span class="component-cta-button-text">How to call a deaf or speech-impaired person</span> </a> </footer> </div> </div> </div></div> <div class="link-block parbase aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet-wide--6 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--6 aem-GridColumn--tablet--6 aem-GridColumn--default--6"> <div data-opacity-style="100" data-component-watch='["link-block"]' class="component-link-block component-link-block--bg-grey lazy-load-image " data-background-image="/content/dam/bt-wav-relayuk/assets/images/link-blocks/link-back-of-woman-head-full.jpg"> <div data-opacity-style="100" class="component-link-block__facade component-link-block__facade--dark component-link-block__content "> <div class="component-link-block__box"> <header class="component-link-block__header"> <h2 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--bt-white" id="relay-uk-for-business">Relay UK for business</h2> </header> <main class="component-link-block__body"> <div class="component-link-block__body-inner"> <p style="text-align: center;"><span class="component-body-text-block__whiteRte">Learn about data protection, and how to communicate with deaf or speech-impaired customers and employees.</span></p> </div> </main> <footer class="component-link-block__footer cta-container"> <a href="/how-to-use-relay-uk/relay-uk-for-business.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--center "> <span class="component-cta-button-text">How to use Relay UK for business</span> </a> </footer> </div> </div> </div></div> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12"><!-- Placeholder --> <!-- Component --> <div class="component-spacer"> <span class="component-spacer--spacer60"></span> </div> </div> </div> </div> <div class="breadcrumb-bar parbase aem-GridColumn aem-GridColumn--default--12"><!-- Example usage: com.bt.wav.core.components.BreadcrumbBarUse --> <!-- Placeholder --> <!-- Component && page.contentResource.navRoot == true--> <div data-component-watch='["breadcrumb-bar"]' class="component-breadcrumb-bar component-breadcrumb-bar-tablet"> <!-- Ordered list of breadcrumb pages --> <!--<div data-sly-test.author="false"> <span class="component-breadcrumb-bar__home-icon">Breadcrumb</span> </div>--> <!-- Breadcrumb page list showing first 3 and last one for breacrumbs containing more than 5 pages--> <!-- Breadcrumb page list for breadcrumbs containing less than 6 pages --> <ul class="component-breadcrumb-bar__list "> <li class="component-breadcrumb-bar__list-item __page-crumb "> <a class="component-breadcrumb-bar__list-item-anchor __crumb-item" href="/" aria-label="Relay UK homepage"> <em class="component-breadcrumb-bar__list-item-anchor-span-home-icon icon-home"></em> </a> </li> <li class="component-breadcrumb-bar__list-item __page-crumb component-breadcrumb-bar__list-item__page-last"> <a tabindex="-1" class="component-breadcrumb-bar__list-item-anchor __crumb-item" href="/how-to-use-relay-uk.html" aria-label="How to use Relay UK"> <span class="component-breadcrumb-bar__list-item-anchor-span"> How to use Relay UK</span> </a> </li> </ul> </div> </div> </div> </div> </div> <div> <div class="cmp-experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="back-to-top-link aem-GridColumn aem-GridColumn--default--12"><!--Back to top link--> <!-- Placeholder --> <div data-component-watch='["back-to-top-link"]' class="component-back-to-top-link component-back-to-top-link"> <a href="#" class="component-back-to-top-link__link-to-top" role="button">Back to top</a> <p class="component-back-to-top-link__accessibility-message" style="color:transparent !important;" role="alert"></p> </div> </div> <div class="global-footer parbase aem-GridColumn aem-GridColumn--default--12"><!-- Placeholder --> <div data-component-watch='["global-footer", "accessibility-control"]' class="component-global-footer"> <div class="component-global-footer__top-links"> <div class="component-global-footer__part-wrapper"> <div class="component-global-footer__links"> <ul class="component-global-footer__split-list col-group"> <li class="component-global-footer__split-list-item col-mb-6" id="footer"> <a href="/accessibility.html" class="component-global-footer__split-list-item-anchor" aria-label="topLinkPage" title="Accessibility" target="_top"> Accessibility </a> </li> <li class="component-global-footer__split-list-item col-mb-6"> <a href="https://www.bt.com/privacy-policy/" class="component-global-footer__split-list-item-anchor" aria-label="topLinkPage" title="Privacy policy" target="_top"> Privacy policy </a> </li> <li class="component-global-footer__split-list-item col-mb-6"> <a href="/cookie-policy.html" class="component-global-footer__split-list-item-anchor" aria-label="topLinkPage" title="About cookies" target="_top"> About cookies </a> </li> <li class="component-global-footer__split-list-item col-mb-6"> <a href="/terms-and-conditions.html" class="component-global-footer__split-list-item-anchor" aria-label="topLinkPage" title="Terms & conditions" target="_top"> Terms & conditions </a> </li> <li class="component-global-footer__split-list-item col-mb-6"> <a href="/sitemap.html" class="component-global-footer__split-list-item-anchor" aria-label="topLinkPage" title="Sitemap" target="_top"> Sitemap </a> </li> </ul> </div> </div> </div> <div class="component-global-footer__accessibility"> <div class="component-global-footer__part-wrapper"> <div class="component-global-footer__accessibility-drop-button"> <a class="component-global-footer__accessibility-drop-button-anchor component-global-footer__drop-button" data-toggle-query-selector=".component-global-footer__accessibility-accordion.component-global-footer__accordion" aria-expanded="false"> <span class="component-global-footer__accessibility-drop-button-text">Accessibility</span> <em class="component-global-footer__accessibility-drop-button-chevron icon-down-chevron"></em> <!--ios alert because ios voiceover not triggering when aria-expanded toggled--> <span class="component-global-footer__accessibility-drop-button-alert"></span> </a> </div> </div> </div> <div class="component-accessibility-control component-global-footer__accessibility-accordion component-global-footer__accordion--collapsed component-global-footer__accordion"> <div class="component-global-footer__part-wrapper"> <div class="component-global-footer__accessibility-accordion-contrast component-accessibility-control__contrast"> <span class="component-accessibility-control__contrast-label"> Contrast </span> <a data-contrast-colour="light" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--light component-accessibility-control-options" aria-label="Contrast colour light button"><span>A</span></a> <a data-contrast-colour="yellow" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--yellow component-accessibility-control-options" aria-label="Contrast colour yellow button"><span>A</span></a> <a data-contrast-colour="dark" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--dark component-accessibility-control-options" aria-label="Contrast colour dark button"><span>A</span></a> </div> <div class="component-accessibility-control__guideline"> <a href="https://www.ngts.org.uk/accessibility.html" target="_blank" class="component-accessibility-control__guideline-anchor"> Accessibility guidelines </a> </div> </div> </div> <div class="component-global-footer__bottom-links component-global-footer-no-bottom-border"> <div class="component-global-footer__part-wrapper"> </div> </div> <div class="component-global-footer__site-info"> <div class="component-global-footer__part-wrapper col-group"> <!-- Site name --> <div class="component-global-footer__site-info-name col-dt-6"> <span></span> </div> <!-- Logo --> <div class="component-global-footer__site-info-right col-dt-6"> <span class="component-global-footer__site-info-right-copyright no-footer-logo">Copyright 漏 2024 Relay UK</span> </div> </div> </div> </div> </div> </div> </div></div> </div> <div class="loader__overlay"><div class="loader loader--start loader--hidden"><div id="bodymovinStart" class="component-theloader"> <div class="component-theloader__loader"> <div class="component-theloader__loader--holder"> <div class="component-theloader__loader--holder--ball-loader one"></div> <div class="component-theloader__loader--holder--ball-loader two"></div> <div class="component-theloader__loader--holder--ball-loader three"></div> </div> </div> </div></div> <div class="loader loader--middle loader--hidden"><div id="bodymovinMiddle" class="component-theloader"> <div class="component-theloader__loader"> <div class="component-theloader__loader--holder"> <div class="component-theloader__loader--holder--ball-loader one"></div> <div class="component-theloader__loader--holder--ball-loader two"></div> <div class="component-theloader__loader--holder--ball-loader three"></div> </div> <div class="component-theloader__loader--holdereffect"> <div class="component-theloader__loader--holdereffect--shadowholder"> <div class="component-theloader__loader--holdereffect--shadowholder--effect first"></div> </div> <div class="component-theloader__loader--holdereffect--shadowholder"> <div class="component-theloader__loader--holdereffect--shadowholder--effect sec"></div> </div> <div class="component-theloader__loader--holdereffect--shadowholder"> <div class="component-theloader__loader--holdereffect--shadowholder--effect third"></div> </div> </div> </div> </div></div> <div class="loader loader--end loader--hidden"><div id="bodymovinEnd" class="component-theloader"> <div class="component-theloader__loader"> <div class="component-theloader__loader--holder"> <div class="component-theloader__loader--holder--ball-loader endanim one"></div> <div class="component-theloader__loader--holder--ball-loader endanim two"></div> <div class="component-theloader__loader--holder--ball-loader endanim three"></div> </div> </div> </div></div></div> <link rel="stylesheet" href="/etc.clientlibs/bt-wav/clientlibs/clientlib-base.min.css" type="text/css"> <script src="/etc.clientlibs/bt-wav/clientlibs/clientlib-base.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/bt-wav/clientlibs/clientlib-accessibility.min.css" type="text/css"> <script src="/etc.clientlibs/bt-wav/clientlibs/clientlib-accessibility.min.js"></script> <!-- Added for preload key requests (page speed) --> <!-- End for preload key requests--> <!-- put this here for now --> <script> if(window.location.href.indexOf('https://my-modelb') > -1 || window.location.href.indexOf('https://my-modela') > -1 ||window.location.href.indexOf('https://my.ref1') > -1 || window.location.href.indexOf('https://my.btwholesale') > -1 ){ console.log('portal app'); domain = hostname.replace("-", "."); domain = hostname.replace("my", "www"); console.log('domain' + domain); } else { (function (window, ComponentWatch, $) { ComponentWatch.initialise($); })( window, window.ComponentWatch, window.jQuery ); } //added below marketo code in to launch var hostname = window.location.hostname; if (hostname == "www.ref1.btwholesale.com" || hostname == "modela.e2e.btwosdev.bt.co.uk" || hostname == "modelb.e2e.btwosdev.bt.co.uk" || hostname == "modelc.e2e.btwosdev.bt.co.uk" || hostname == "www.ais.btwholesale.com" || hostname == "www.btwholesale.com") { if(getCookie("tgtcookies") == "true" ) { (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('827-CTB-381', { altIds: ['256-UJH-604'] }); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); } } </script> <!-- added chatBox --> <script> var hostname = window.location.hostname; if((hostname.indexOf('amswav') > -1)) { console.log('Dev ventures Launch script'); var s = document.createElement("script"); s.type = "text/javascript"; s.src = "//assets.adobedtm.com/9a4a45c521ce/ea8bc8bbf859/launch-889b9d556347-development.min.js"; $("body").append(s); } else if ((hostname.indexOf('www.redcare.bt.com') > -1 ) || (hostname.indexOf('www.fleetsolutions.bt.com') > -1) || (hostname.indexOf('www.iot.bt.com') > -1) || (hostname.indexOf('www.relayuk.bt.com') > -1) || (hostname.indexOf('www.mediaandbroadcast.bt.com') > -1) || (hostname.indexOf('www.supplychain.bt.com') > -1) || (hostname.indexOf('www.finalmile.bt.com') > -1) || (hostname.indexOf('www.voiceservices.bt.com') > -1)){ console.log("Prodution ventures Launch script"); var s = document.createElement("script"); s.type = "text/javascript"; s.src = "//assets.adobedtm.com/9a4a45c521ce/ea8bc8bbf859/launch-f8ed49a308ed.min.js"; $("body").append(s); } else if (hostname == "www.ref1.btwholesale.com" || hostname == "modela.e2e.btwosdev.bt.co.uk" || hostname == "modelb.e2e.btwosdev.bt.co.uk" || hostname == "modelc.e2e.btwosdev.bt.co.uk" ) { console.log(' Dev wholesale Launch script'); var s = document.createElement("script"); s.type = "text/javascript"; s.src = "//assets.adobedtm.com/9a4a45c521ce/fe6a9983f9f4/launch-9cd3ca4ed180-development.min.js"; s.setAttribute('defer',''); $("body").append(s); } else if((hostname.indexOf('www.btwholesale.com') > -1) ) { console.log('Production wholesale Launch script'); var s = document.createElement("script"); s.type = "text/javascript"; s.src = "//assets.adobedtm.com/9a4a45c521ce/fe6a9983f9f4/launch-3a76a8affff4.min.js"; s.setAttribute('defer',''); $("body").append(s); } </script> </body> </html>