Account Authentication (2-factor verification) page

The Account Authentication page (or 2-factor verification page) is a portal page that will be opened to authenticate the portal member's login if the  2-factor authentication feature is turned on.

To create an Account Authentication page for your portal

  1. In CMS, go to Content.
  2. Select the icon next to the node with the icon (or select and hold (or right-click) the node, and then select Create).

        Note

    The  icon identifies the My Account page. The name of the page, which is also displayed as the node name, is customizable and can be different in your case. 
  3. In the Create pane, select 2-factor verification page.

  4. On the header, type the name of the page, which will also be displayed as the node name in the site localization tree.

General tab

  1. On the General tab, configure the settings as described below.

Basic

  • Titles - Specifies the settings where you can configure the title of various elements on this page:
    • Title - Specifies the title of a page or UI element on a page.
    • Subtitle - Specifies the subordinate title of a page or a UI element on a page.
    • Browser tab title - Specifies the title of the web browser tab.

Menu

  • Menu item title -Specifies the title of the menu item, which will be displayed in the navigation pane for this page.
  • Menu item icon - Specifies the icon of the menu item for this page. When choosing an icon, select any icon library set except umbraco-icon because icons from this icon library are not meant to be used with front end elements – this may cause bugs and visual glitches.
  • Menu item title color - Specifies the color of the menu item for this page.
  • Divider after menu item - Specifies whether a split line will be displayed after the menu item of this page.
  • Hide menu item for - Specifies whether the link to the page will be displayed in the main menu.

Advanced

  • Content-from page - Specifies the page the content of which will be displayed instead of the content of this page when this page is opened via a direct link. The URL in the address bar will remain that of the original page.
  • Redirect-to page - Specifies the page that will be displayed instead of this page when this page is opened via a direct link. The URL in the address bar will be that of the target page. 
  • Module assignment & protection - Specifies settings that allow you to assign this content element (localization, page, etc.) to an internal module as well as to protect this element from certain operations (copying, changing, deletion). Select the Configure button to configure module assignment & protection or the Change button to edit existing configuration if it has already been configured.

Page settings tab

  1. On the Page settings tab, configure the settings as described below.
  • Enable 2-factor verification - Use this switch to turn on or off the 2-factor authentication feature.
  • Providers - Specifies the authentication provider. Select one of the supported authentication providers and configure its settings. The settings will be different for each authentication provider. For the Google authentication provider, configure the following settings:

      Note

    At present, only the Google authentication provider is supported.
    • Unique name - Specifies the name of the authentication using the Google provider that will be used to identify it in CMS.
    • QR code refresh interval (seconds) - Specifies the interval in seconds between each time the QR-code, which the user can scan on the Account Authentication page using the authentication app on the mobile device to authenticate the login, is refreshed.
    • Unique portal name - Specifies the unique portal name that will be used for this authentication.
    • Unique portal ID - Specifies the name of the account that will be displayed in the authentication app for this authentication.
    • QR code width - Specifies the width in pixels of the QR-code, which the user can scan on the Account Authentication page using the authentication app on the mobile device to authenticate the login. Recommended setting: 300.
    • QR code height - Specifies the height in pixels of the QR-code, which the user can scan on the Account Authentication page using the authentication app on the mobile device to authenticate the login. Recommended setting: 300.
  • Hide header  - Use this switch to hide the header on the Account Authentication page.
  • Hide labels  - Use this switch to hide labels on the Account Authentication page.
  • Hide Remember me check box  - Use this switch hide the Remember me check box on the Account Authentication page, which disables for portal members the ability to have their authentication remembered. if you disable this feature, portal members will have to authenticate their every login attempt.
  • Background image - Specifies the image that will be displayed in the background of the Account Authentication page.

  1. Select Save and publish to save the changes and publish them on the front end. Optionally, if you were editing the page, you can select Save and preview to preview how the page will look like on the front end.
  2. Specify the created Account Authentication page on the My account page in the Verification field.