Control Access to Hub Content With Hub Authentication

Follow

Need to control who can access your Hub? Require a password for access with Hub Authentication.


 

Before you Begin

  • To enable Hub Authentication, you need to be an Account Admin or Content Manager.
  • To customize the Hub Authentication login page, you will need knowledge of HTML/CSS.
  • This article is about Hub-level access control. For Stream-level access control, see this article.
  • This feature is not available on all packs.

 

About Hub Authentication

Most Hubs are intended to be open, where anyone can visit and browse through its content. But for some Hubs, you might want to restrict access to just a specific audience. In these cases you can use Hub Authentication, which will require anyone who visits a URL associated with your Hub to log in with a password first.

All you have to do is turn on Hub Authentication, which gates your Hub behind a password prompt:

Perfect_Flow.png

The colors used for this login page are determined by your Hub's general Background + Link Color setting Appearance > Branding > Colors. However, if you want, you can also use HTML/CSS custom code to change the styling of the page to your liking.

 

Enable Hub Authentication

You can enable or disable Hub Authentication at any time, and the setting takes effect immediately. Simply turning on the feature will enable basic authentication (i.e. the password prompt). In this mode, you can specify one or multiple passwords. The latter option is useful if you want to be able to revoke access for a specific user (or group of users) later by disabling that password.

  1. Log in to Uberflip and click on Hubs (select the Hub you want to enable Hub Authentication on, if you have multiple).
  2. In the sidebar menu on the left, click on Hub Options > Authentication.

    Hubs___Options_-_Authentication_-_Uberflip.png
  3. The Authentication options page will appear on the right. Here, the Status should be displayed as Not-Protected by default.

    Hubs___Options_-_Authentication_-_Uberflip.png
  4. Switch the toggle next to Status to the on (green) position. This will also change the Status to Protected.

    Hubs___Options_-_Authentication_-_Uberflip.png
  5. The change will take effect immediately, and all visitors to your Hub will be prompted for a password. To allow them to log in, you will first need to create a password (or multiple passwords). Create a password by typing it into the Add your password field, then click on the + button to add it to your list of passwords.

    Hubs___Options_-_Authentication_-_Uberflip.png
    The password can be any alphanumeric string 6-40 characters long. Above is an example password that follows a particular school of thought on password strength.

  6. This will add it to the list of passwords for your Hub, which are listed below.

    Hubs___Options_-_Authentication_-_Uberflip.png
  7. To disable a password, remove it by clicking on the x button below it. This will immediately remove the password from the list, and deactivate it so that it can no longer be used to log in.
    • Note that anyone who has previously logged in with a deactivated password will continue to be able to access the Hub until they end their session (i.e. fully close their browser).

      Hubs___Options_-_Authentication_-_Uberflip.png

 

Customize the Hub Authentication Login Page

By default, the Hub Authentication login page will consist of:

  • A solid background color, as defined by the Background + Link Color setting in Appearance > Branding > Colors
  • Your Hub Hero logo (if present), as set in Appearance > Branding > Images
  • The text "Please enter a valid password to enter this Hub"
  • A password field in white, with the text "enter password"
  • A button with the text "submit", in a solid color as defined by the Navigation Color setting in Appearance > Branding > Colors

By using Custom Code, you can modify all of these elements in any way you like. To do this, you must enable Custom Code on the login page by going to Hub Options > Authentication and checking the box next to Include Custom Code.

Hubs___Options_-_Authentication_-_Uberflip.png

You can then add a Custom Code Block with CSS that targets the class

body.hub-login

Your Custom HTML/CSS will override the default used on the login page, allowing you to style it any way you like.

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.