Home > Wireless LAN > Splash Page > Customizing the Splash page

Customizing the Splash page

The Cisco Meraki Splash page (also known as a 'captive portal') can provide a customized branding experience to wireless users in addition to prompting for username/password credentials. For example, the splash page can be customized to display a corporate logo and include an acceptable use agreement or a privacy statement  for an open guest wireless network.

This article provides an overview customizable options on the Splash page once it is enabled. 


Basic Splash Page Customization

Custom messaging/terms of access

To create a custom messaging/terms of access:

  1. In Dashboard, navigate to Wireless/Security appliance > Configure > Splash page.

  2. Select the desired SSID/VLAN from the SSID/VLAN drop-down menu at the top of the page.

  3. In the Customize your page region of the page, enter the statement for your end users in the Message box.

  4. Click Save Changes at the bottom of the page.

The custom Message is treated as HTML. Thus, any formatting and spacing will be lost when presented on the splash page. Any special formatting will need to be done in HTML.

ex. For a new line, insert a <br/>

Custom logo/branding

To upload a custom logo:

  1. In Dashboard, navigate to Wireless/Security appliance > Configure > Splash page.

  2. Select the desired SSID/VLAN from the SSID/VLAN drop-down menu at the top of the page.

  3. In the Customize your page region of the page, select Upload a logo from the Splash logo section.

 

  1. Click Choose File.

  2. Select the desired file and click Open.

  3. Click Save Changes at the bottom of the page.

 

To change this logo in the future select Replace this logo, to remove it altogether select Remove this logo. See "About Splash Page Logo, Image, HTML and CSS files" for required specifications of logo file-type and size.

Changing Language

For changing the language on your Splash page, refer to the KB article here.

Billing (paid access)

When Billing (paid access) is chosen as the Splash page, the basic configuration from sections 1a through 1c are the only options available. Customization is unavailable because it would expose the network to possible malicious behavior. If the customized page is not properly written, it could easily result in a hacker modifying code to grant unauthorized access and possibly harvest customer information.

Examples of Simple Click-through and Sign-On Splash Pages

The following are previews of what the end-user will see on their browsers:

Click-Through Splash Page:

 

Sign-on with Meraki authentication Splash Page:

Splash Behavior - Frequency and URL Redirect

Splash behavior can be configured for Splash frequency and URL redirects.  

For Splash frequency information, see the knowledge base article found here.

 

To redirect clients to a specific URL after the splash page, enter the specified URL as seen below:


Advanced Splash page Customization

The Cisco Meraki Dashboard offers many capabilities for customers to fully customize their pages beyond the basic configuration.  The following lists these options along with corresponding Knowledge Base articles that will dive deeper into the subject.

Custom Themes

There are three Official themes available for Splash pages which will determine the look and feel of your page:


Much like creating a website, Splash pages offer the capability to customize themes even further outside of the Official themes. Please refer to our documentation for more info about custom themes.

Custom Splash URL

Splash pages can be used with externally hosted captive portal.  Details for configuring your SSID with these settings can be found in this KB article here.

For an explanation of data flow and necessary network configurations to allow communication with the cloud, please refer to our whitepaper on the subject.

Allowed HTML Tags and Attributes

The Cisco Meraki Dashboard only allows the following HTML tags and attributes in custom splash page themes:

Tags:

a, abbr, b, bdo, big, blockquote, body, br, caption, center, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, form, figcaption, figure, font, h1, h2, h3, h4, h5, h6, head, hgroup, hr, html, i, img, input, ins, kbd, label, li, link, mark, meta, ol, p, pre, q, rp, rt, ruby, s, samp, small, span, strike, strong, style, sub, sup, table, tbody, td, tfoot, th, thead, time, title, tr, u, ul, var, wbr

Attributes allowed on all tags:

class, dir, id, lang, name, style, title

Attributes allowed only on specific tags:

  • a - href, target
  • blockquote - cite
  • col - span, width
  • colgroup - span, width
  • del - cite, datetime
  • font - color, face, size
  • form - method, action
  • h1,h2,h3,h4,h5,h6 - align
  • hr - align, noshade, size, width
  • html - xmlns
  • img - align, alt, height, src, width
  • input - type, value, name, width
  • ins - cite, datetime
  • label - for
  • link - href, media, rel, type, charset
  • meta - name, content
  • ol - start, reversed, type
  • p - align
  • q - cite
  • style - type, media, dir, lang, title
  • table - border, cellspacing, cellpadding, summary, width
  • td - abbr, align, axis, colspan, rowspan, scope, valign, width
  • th - abbr, axis, colspan, rowspan, scope, width
  • time - datetime, pubdate
  • ul - type
You must to post a comment.
Last modified
15:32, 10 Feb 2016

Tags

This page has no custom tags.

Classifications

This page has no classifications.

Article ID

ID: 2187

Contact Support

Most questions can be answered by reviewing our documentation, but if you need more help, Cisco Meraki Support is ready to work with you.

Open a Case