Recent hurricane activity has caused major disruptions to the IT infrastructure of many businesses in the Atlantic and Gulf regions. If you are in an impacted area, visit the Disaster Recovery Resources guide for preparedness information. For live updates, follow @dattosupport on Twitter.

Using the Splash Page Editor

Follow

Scope

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
Quick Tip: Control access with vouchers and PayPal

Datto Networking integrates with vouchers and PayPal to allow you to control network access and provide users with automatic online payment options.

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. 
edit_splash_page.jpg

Choose a template from the drop-down menu at the top of the editor.

Here are a few samples:

Default Airport Beach
Brew Camp Coffee
Downhill Hotel Shop
Park Restaurant Relax

 

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.

edit_UI.jpg

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.


insert_image.jpgClick 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. 

edit_image.jpg

Advanced? Use HTML

If you have a knowledge of HTML, you can edit the source code of your splash page by clicking the HTML button at the left of the toolbar.


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.

Next steps

Splash pages do more than simply ask users to connect to the network: you can also control network access with vouchers and use PayPal to enable online automatic payment for those vouchers.


Was this article helpful?

0 out of 0 found this helpful

You must sign in before voting on this article.

Want to talk about it? Head on over to our Community Forum!