This guide will help you set up your Datto Networking splash page. With a splash page, you can channel network users to see a custom page before they can access the Internet.
With a splash page enabled, you can:
- Control of the look and feel with an HTML and WYSIWYG editor.
- Add special notifications for network users.
- Have network users agree to specific terms and conditions.
- Control access using vouchers or PayPal.
- Allow users to roam between nodes without seeing the splash page again with automatic MAC Authentication.
This guide is meant for existing networks. If you haven’t set up your network yet, see Getting Started with Datto Networking.
If you want to control access to your network with vouchers, see the Using Vouchers in Datto Networking guide.
To require users to pay for internet access using PayPal checkout our PayPal Guide here.
What you’ll need
To set up PayPal on your network, you’ll need:
- A Datto network
- A computer with a major browser pointed to the Partner Portal's Network Access page
- A basic understanding of HTML, which would be helpful though not required
1: Choosing a starting template
Open the splash page editor. To do so, select the Configure option from the left pane, then select the SSID number you wish to have a splash page. Enable the splash page toggle and click Edit Splash Page.
Choose a template from the drop-down menu at the top of the editor.
Here are a few samples:
The templates are simply starting places. You can use and customize one of them, or—if you have a knowledge of HTML and web design—start from scratch using the "Default" template. Any edits you make will be to a copy of the template and you can go back to the default at any time.
2: Using the WYSIWYG editor
With your starting template selected, it’s time to customize it with your own message, colors, fonts and images. Datto uses a WSIWYG (what-you-see-is-what-you-get) editor and can also support HTML editing.
In addition to the standard editing tools along the top tool bar you’d see in an email client or word processor, you can toggle between Edit (WYSIWYG), Source (HTML) and Preview modes at any time.
To edit the splash page, treat it as you would an email or word processing document. Click anywhere to type. Edit your text by changing fonts, sizes, highlights and more.
3: Adding and modifying images
Each splash page template comes complete with standard stock images you are able to use. You can also insert your own images such as logos and photos. To do this, you will use the Insert Image tool.
Click the Insert Image button and then choose a file or drag and drop one into the resulting dialog box. Once the image is in place, you can click it and then click the resulting Edit button to adjust certain features, including the image title and link properties, if necessary.
Once your splash page is complete, click Save Changes and then close the editor window.
4: Splash page configuration options
The splash page settings are available on SSID 1. Select Configure > SSID 1 from the left pane. The Captive Portal section contains the following options that relate to your splash page, among others:
Splash Page toggle: Now that your splash page is customized how you want, activate this option to enable it. You can turn off the splash page here at any time without losing your design.
Block Unauthenticated Users: This function blocks all ports until your splash page has been successfully clicked-through. If disabled, only browsing is blocked. Enabling initially blocks services such as email, instant messengers, VoIP, etc., but will require first opening a browser to use any internet services. Not (yet) compatible with PayPal Buy Now buttons.
Require Vouchers: Require a valid voucher on splash pages. If unchecked, this allows you to provide a basic tier of service at the rates and durations below and (optionally) faster service using vouchers or PayPal. Learn more about using vouchers here.
Redirect URL: The page to display after the splash page. Leave blank to display the user’s requested page.
Client Force Timeout: Minutes between showing splash page regardless of activity for non-voucher access. 1 day=1440.
For basic splash pages, you can leave all of the settings at their default. You can also adjust any settings later.