Captive Portal Page

The Setting Captive Portal Page is presented to the user for Guest and BYOD login. The Captive Portal Page Screen displays all configured Captive Portal Pages and is used to create, edit, and delete Captive Portal Pages. There is a system-defined page template in UPAM called “Default Portal”, which can be used and customized, or you can create a new portal page template and customize it.

Creating a Captive Portal

Click on the Create icon to bring up the Create Captive Portal Screen. Complete the fields as described below then click on the Create button to create a template. Once you have created the basic template, you can customize the page with different images and welcome messaging as described below.  The web page will automatically adjust the display size according to the device type (e.g., computer screen, smart phone screen).

• Page Name - Name for the template.
• Template Name - Select a layout from the drop-down menu for the Welcome Layout and Success Layout pages. There are six system-defined layouts to choose from, as well as a European Union (EU) WiFi layout. When you select a layout, the pages are previewed at the bottom of the screen.
• Description - Enter an optional description for the template.

Editing a Captive Portal Page

Select a Captive Portal Page in the Captive Portal Pages List and click on the Edit icon. Edit the fields as described above and click on the Apply button. You can also customize the page after editing.

Deleting a Captive Portal Page

Select a Captive Portal Page in the Captive Portal Pages List and click on the Delete icon. Click OK at the Confirmation Prompt.

Customizing a Captive Portal Page

To customize a Captive Portal page, click on the page in the Captive Portal Pages List, then click on the Customization button at the top of the screen to bring up the User Customization Screen. Customize one or both of the pages as described below. When you are finished, click on the Apply button.

After customizing the page(s), you can click on the Welcome Preview button to preview the customized Welcome Page or the Success Preview button to preview the customized Success Page.

Edit the Welcome Layout

• Logo Panel
  • Upload Picture - Click on the Browse button to locate a background image for the Logo area at the top of the screen.
  • Linked URL - Enter a URL to link to a background image for the Logo area at the top of the screen.
• Function Panel
  • Upload Picture - Click on the Browse button to locate a background image for the Function area at the bottom of the screen.
  • Opacity Setting - Use the slider to set the opacity of the Function color (slider ranges from 1 - Dark to 10 - Light).
  • Function Color - Enter the background color for the Function area of the page (where the user enters username, login).
• Advertisement Picture Panel (available if included as part of the selected Captive Portal Page Layout)
  • Upload Picture - Click on the Browse button to locate a background image for the “Advertisement” area.
• Advertisement Broadcast Panel (available if included as part of the selected Captive Portal Page Layout)
  • Upload Picture - Click on the Browse button to locate a background image for the “Broadcast” area.
• Advertisement Video Panel (available if included as part of the selected Captive Portal Page Layout)
  • Upload Video - Click on the Browse button to locate a video file for the “Video” area.

Edit the Success Layout

• Logo Panel
  • Upload Picture - Click on the Browse button to locate a background image for the Logo area at the top of the screen.
  • Linked URL - Enter a URL to link to a background image for the Logo area at the top of the screen.
• Function Panel
  • Upload Picture - Click on the Browse button to locate a background image for the Function area at the bottom of the screen.
  • Opacity Setting - Use the slider to set the opacity of the Function color (slider ranges from 1 - Dark to 10 - Light).
  • Function Color - Enter the background color for the Function area of the page (the "results" area on the screen).
• Advertisement Picture Panel (available if included as part of the selected Captive Portal Page Layout)
  • Upload Picture - Click on the Browse button to locate a background image for the “Advertisement” area.
• Advertisement Broadcast Panel (available if included as part of the selected Captive Portal Page Layout)
  • Upload Picture - Click on the Browse button to locate a background image for the “Broadcast” area.
• Advertisement Video Panel (available if included as part of the selected Captive Portal Page Layout)
  • Upload Video - Click on the Browse button to locate a video file for the “Video” area.