“Help” Button on Login Page
|
The feature described here is implemented in SmartTUBE app for Smart TVs and web browsers (v8.1.81 and later) and for iOS devices (v8.2.50 and later). |
When a subscriber launches the SmartTUBE app for the first time, he/she can see the following log-in page:
In order to get a login and password, subscriber must register by clicking on the Register button. But some people may have difficulties in the registration process. You can help them and add How to register? or Help button to open a page with instructions:
To do this, add the settings below to the applications’ configuration file setup.json. For information on how to distribute this file across end-user devices using SmartTUBE Device Manager, see here.
Smart TV & Web
“registerHelp”: {
“el”: { # UI language. Language is defined by 2-letter language code ISO 639-1:2002.
“label”: “πώς να εγγραφείτε?”, # Button label
“url”: “base://license.txt” # URL of the text file (.txt) to be opened when the button is clicked. The text file must contain simple HTML only. See recommendations below.
},
“en”: {
“label”: “How to register?”,
“url”: “base://license.txt”
}
}
iOS
{
“startScreen”: {
“helpButton”: {
“enable”: true, # Flag to display the “Help” button on the Login page
“name”: { # # Button label for different UI languages. Language is defined by 2-letter code ISO 639-1:2002.
“en”: “Help”,
“gr”: “Βοήθεια”
},
“link”: { # URL of the web page to be opened when the button is clicked (for different UI languages). The URL must lead to a full-fledged web page.
“en”: “https://…….”,
“gr”: “https://…….”
}
}
}
}
or
{
“startScreen”: {
“helpButton”: {
“enable”: true,
“name”: “Help”,
“link”: “https://…….”
}
}
}
Recommendations on Help Text for Smart TVs & Web
To avoid problems with displaying text on various Smart TV models and web browsers, we recommend using simple HTML (no scripts and no <html> , <head>, <body>, <img> tags) with a QR code for the “Help” button. This QR code can lead to a full-fledged web page that you can customize to your liking. For example:
|
<p> Please scan the QR code on your mobile device to see the help page: </p> <br> <div style=“text-align: center; position: relative;”> <div style=“text-align:center;background-image: url(‘https://some.tv/qrcode.png’);width: 12rem;height: 12rem;background-size: contain;background-repeat: no-repeat;display: inline-block;position: relative;”> </div> </div> |