Working with Shortcodes in Splash Pages

Introduction

A short code is a small portion of a text and it is a part of a larger set of programming code that can be used in splash pages. Shortcodes are designed to be re-useable and add functionality, such as linking different areas of a program together. There are common shortcodes for Pre-Login Page & Post-Login Page and also there are some unique shortcodes for each page. 

Registration Form

Registration Form shortcode which can be used in a Pre-Login page, allows new end users to create their accounts in the IPERA Wi-Fi system. There are some attributes of the Registration Form.

  • Register-Text: Use to assign a different label for Register button such as 'Connect' or 'Accept Terms & Conditions'
  • Mask-Phone: Allows to mask mobile number. 
  • Phone-Country-Code-Text: Use to define the country code

 

[[RegistrationForm register-text='Registration’ mask-phone="(###) ### ## ##" phone-country-code-text="+1"]]

 

Login Form

Login Forms shortcode can be used to login to IPERA Wi-Fi system directly without going through the registration process. This will be applicable for users who have voucher or users who have already registered with the system. There are some attributes of the Registration Form.

  • Login-Text: Use to assign a different label for Register button such as 'Connect' or 'Accept Terms & Conditions'
  • Mask-Phone: Allows to mask mobile number
  • Phone-Country-Code-Text: Use to define the country code

 

[[LoginForm login-text='Connect’ mask-phone="(2##) ### ## ##" phone-country-code-text="+1"]]

 

Add Registration Form or Login Form

To add a Form in the HTML tab, take the cursor to the place where Form needs to be added and click on the Registration Form or Login Form from the list of shortcodes located on the right-hand side of the page. After adding the Form to the splash page, it can be customized through the Form’s options. Click on the  icon to get the Form’s options and enable the necessary fields that required for registration or login then click on close. Click on the  icon to save the changes to the splash page.

 

Authentication Links

Authentication Links are available as a shortcode to set up social logins on the splash page. To add the social login link, take the cursor to the place where link needs to be added and click on the required shortcode from the list of Authentication Links located on the right-hand side of the page.  

Language

There are two shortcodes under language; Language Selector a Current Language. A Language Selector shortcode can be used to select the language of the splash page.

The Current Language shortcode displays the selected language which could be required for the splash page design purpose.

To add the Language short code, take the cursor to the place where a shortcode needs to be added and click on the required shortcode from the list of shortcodes that located on the right-hand side of the page.

Images

Image Shortcodes can be used to insert images into the splash page. Images can be inserted as an Image Tag or as an Image URL

Example:

Image Tag: 

<img src="//static.iperawifi.com/a/4_pAzN65e68nK/img/9aaf84664543d9a757cc440e893dadd4.png">

Image URL: 

//static.iperawifi.com/a/4_pAzN65e68nK/img/9aaf84664543d9a757cc440e893dadd4.png

 

When adding the image using image tag, a shortcode should not be inserted within any HTML tags. Take the cursor to the place where the image needs to be inserted and click on the Image Tag from the list of shortcodes located on the right-hand side of the page.

After clicking on the Image Tag, “Insert Media” window will pop up. Click on the “Select File” button and upload the image.

 

 

Select the image after uploading it and click the “Insert Image Tag”.

 

Image URL also can be added using the same method but it should be inserted within <img> tags.    

Terms and Conditions Text Short Code

Terms and Conditions Text short code can be used to display the terms and condition text that defined in the venue where Splash Page will be associated.  To add the Terms and Conditions Text, take the cursor to the place where Terms and Conditions Text need to be added and click on the Terms and Conditions Text located on the right-hand side of the page.  

Error Messages:

An error Message shortcode can be used to display an error message if the connection is not successful. To add the Error Messages, take the cursor to the place where Error Message needs to be added and click on the Error Message located on the right-hand side of the page.  

Splash Ads 

A splash Ads shortcode can be used to add built splash ads on the splash page. To add the splash ads, take the cursor to the place where splash ads need to be added and click on the Splash Ads located on the right-hand side of the page. Pop up window will appear to select the splash ad that needs to be added. Select the splash ad from the list and click on the Add button to add the splash ad.  

 

Countdown Timer

Countdown Timer short code is using in a Post-Login page to shows the remaining time to end the user session. To add the Countdown Timer short code, take the cursor to the place where Countdown Timer shortcode needs to be added and click on the required shortcode from the list of shortcodes located on the right-hand side of the page.

Guest Name

A gust Name shortcode can be used to display the name of the end user. It will display the same name that end user used to register to the IPERA Guest Wi-Fi system. To add the Guest Name short code, take the cursor to the place where Guest Name shortcode needs to be added and click on the required shortcode from the menu located on the right-hand side of the page.

 

 

 

 

 

 

Have more questions? Submit a request

Comments