Add Splash Pages for a Captive Portal

Applies To: Cloud-managed Fireboxes, WatchGuard Cloud-managed Access Points

Overview

A captive portal splash page is a web page that you redirect clients to when they connect to an access point wireless network SSID or an internal or guest wired or wireless network on a cloud-managed Firebox.

Screenshot of a captive portal splash page example

A splash page enables you to restrict Internet-only connectivity for guest clients. You can also enforce policies so that guest clients can access the Internet only after they review and accept the Terms of Use and Privacy Policy, or provide user details in a web form on the captive portal splash page.

For more information about how to enable captive portals and how to use the splash pages you create, go to:

Image Specifications

To reflect your company brand, for each splash page, you can replace the default images with custom logos and images.

You can upload .JPG and .PNG file formats for custom logos and images. The images must have a non-transparent background. For best results, use these image specifications:

Company Logo — Upload a rectangular image with a recommended width and height of 500 x 200 pixels. The maximum file size is 250 KB.
Background Image — Upload a rectangular image with a recommended width and height of 1920 x 1200 pixels. The maximum file size is 2 MB.
Thumbnail Image — This is the image for the tab icon in a web browser. Upload a square image with a recommended width and height of 200 x 200 pixels. The maximum file size is 250 KB.

Splash Page Configuration Settings

You can configure these settings for a splash page in the Splash Page Design section:

Header Title

The text that shows in the splash page header.

Body Text

The text that shows on the body of the splash page.

Web Form Text

You can define up to three mandatory or optional text fields that users complete before they can access the network through the Captive Portal, such as a name, email address, phone number, date, or a custom value. The maximum length that a user can enter for each text web form field is 64 characters, and 16 characters for a phone number.

A Guest Analytics report is available for access points with a WatchGuard USP Wi-Fi Management license. The Guest Analytics report shows details about the users that connect to an access point guest Wi-Fi network when you have Web Form fields enabled on your WatchGuard Cloud-hosted captive portal splash page. For more information, go to Access Point Guest Analytics Report. The ability to report on Web Form data is currently not available for Firebox captive portals.

Button Text

The text that shows on the button that a user clicks to proceed to the Internet. If you enable the Enforce Acceptance of the Terms of Use and Privacy Policy option, the user must agree to the Terms of Use and Privacy Policy before the button becomes active.

Enable Terms of Use

This option enables the Terms of Use that a user can review before they connect. If you enforce the Terms of Use, the user must accept the Terms of Use before they are allowed access.

The text for the Terms of Use, if the Terms of Use option is enabled. You can drag and drop a file here or copy and paste the text. The file must be a plain text file with a maximum size of 250 KB.

Enable Privacy Policy

This option enables the Privacy Policy that a user can review before they are allowed access. If you enforce the Privacy Policy, the user must accept the Privacy Policy before they are allowed access.

The text of the Privacy Policy, if the Privacy Policy option is enabled. Drag and drop a file here or copy and paste the text. The file must be a plain text file with a maximum size of 250 KB.

Enforce Acceptance of the Terms of Use and Privacy Policy

This option appears if Enable Terms of Use, Enable Privacy Policy, or both options are enabled. If enabled, this option requires a user to accept the Terms of Use, Privacy Policy, or both, before they are allowed access.

Footer Text

The text that shows in the footer of the splash page.

Landing Page URL

The URL of the website to which the user is redirected after they successfully connect through the splash page.

Add a Splash Page

You can add a splash pages that reflect your company brand. You can add up to 30 unique splash pages that you can use with multiple wireless SSIDs or networks.

A preview of the splash page appears on the right side of the page. As you add custom text and other elements, make sure your splash page is formatted correctly. Use spaces in the text fields and labels to make sure your text appears as expected.

To add a splash page, from WatchGuard Cloud:

Select Configure > Splash Pages.
The Splash Pages management page opens.
Click Add Splash Page, or select an existing splash page to edit the settings for that page.
The splash page settings page opens.
Type a Splash Page Name. The maximum length for the splash page name is 32 characters.
In the Images section, you can select the Company Logo, Background Image, and Thumbnail Image. The default images are from your WatchGuard Cloud account branding.
- Drag an image file from your computer to the appropriate tile, or click Or Click Here to Select the File on the appropriate tile and select an image file.
- To revert to the default images from your WatchGuard Cloud account branding, click Restore Default Branding Images and Text.
In the Header Title text box, type the text that shows in the splash page header.
Optionally, in the Body Text text box, type the text that shows on the body of the splash page.
To define up to three text fields that the user must complete before they can access the network, select Add Web Form.
1. From the Type drop-down list, select the field type.
2. In the Label text box, type a descriptive label for the field. You can enter a maximum of 25 characters.
3. To make a field mandatory, select the Required check box.
In the Button Text text box, type the text that shows on the button that the user clicks to proceed to the Internet.
To enable the Terms of Use that the user can review before they connect, select the Enable Terms of Use check box.
If you enabled Terms of Use, in the Terms of Use Body text box, enter the text for the Terms of use. You can drag and drop a text file here or copy and paste the text.
To enable the Privacy Policy that the user can review before they connect, select the Enable Privacy Policycheck box.
If you enabled the Privacy Policy, in the Privacy Policy Body text box, enter the text for the Privacy Policy. You can drag and drop a text file here or copy and paste the text.
If you enabled Terms of Use, Privacy Policy or both, and you want to require users to accept them before they are allowed access, select the Enforce Acceptance of the Terms of Use and Privacy Policy check box.
Optionally, in the Footer Text text box, type the text that shows in the footer of the splash page.
Optionally, in the Landing Page URL text box, type the URL of the website to which the user is redirected after they successfully connect through the splash page.
Click Save.

After you deploy changes to WatchGuard Cloud, the customized captive portal splash page appears to clients when they connect to the network.

Manage Splash Pages

To manage your captive portal splash pages, select Configure > Splash Pages.

Screenshot of the Splash Pages management page

On an existing splash page, click to perform one of these actions: