Creating and Managing Portal
A portal is the user interface that appears when a Wi-Fi user connects to an SSID. You can create the captive portals using Cisco Spaces, and enhance the portals using the various portal modules provided by Cisco Spaces.
Cisco Spaces also allows you to have your own portals (Enterprise Captive Portals) to onboard end users who connect to Wi-Fi. For more information on Enterprise Captive Portals, see Enterprise Captive Portals.
Prerequisites for Creating a Portal
-
To specify the locations for which the portal is applicable, you must define the location hierarchy. For more information on defining the location hierarchy, see the Defining the Location Hierarchy section.
-
If you want to configure social authentication for the portal, you must do certain configuration in your social app, and then add that social app to Cisco Spaces. For more information on configuring for social authentication, see the Social Authentication for Portals section.
-
If you want to configure SMS-based authentication for the portal, you must configure the SMS gateway. For more information on configuring the SMS gateway, see the Configuring an SMS Gateway in Cisco Spaces section.
Bandwidth Requirements
For captive portals, we recommend a minimum bandwidth of 30Mbps for good end user experience.
The following table shows the response time for loading the captive portal based on the bandwidth.
Bandwidth |
Number of Users |
Response (In Seconds) |
---|---|---|
1 Mbps |
1 |
5.86 |
2 |
5.49 |
|
3 |
5.40 |
|
4 |
5.63 |
|
5 |
5.92 |
|
2 Mbps |
1 |
5.09 |
2 |
5.10 |
|
3 |
5.04 |
|
4 |
5.25 |
|
5 |
5.16 |
|
6 |
5.23 |
|
7 |
5.26 |
|
8 |
5.30 |
|
9 |
5.34 |
|
10 |
5.40 |
|
11 |
5.49 |
|
5Mbps |
5 |
4.92 |
10 |
4.98 |
|
11 |
5.05 |
|
12 |
5.08 |
|
13 |
5.11 |
|
14 |
5.13 |
|
15 |
5.17 |
|
16 |
5.18 |
|
20 |
5.25 |
|
7Mbps |
25 |
5.13 |
30 |
5.20 |
|
31 |
5.23 |
|
32 |
5.26 |
|
33 |
5.29 |
|
34 |
5.33 |
|
9Mbps |
30 |
4.93 |
35 |
4.98 |
|
40 |
5.05 |
|
41 |
5.07 |
|
42 |
5.10 |
|
43 |
5.13 |
|
44 |
5.15 |
|
45 |
5.17 |
|
46 |
5.19 |
|
47 |
5.15 |
|
11 Mbps |
35 |
4.68 |
40 |
4.91 |
|
50 |
5.05 |
|
55 |
5.16 |
|
56 |
5.18 |
|
57 |
5.20 |
|
58 |
5.24 |
|
59 |
5.28 |
|
60 |
5.25 |
|
61 |
5.30 |
Sample Portals
Cisco Spaces provides sample portals for various authentication types.
-
Email Authentication with Data Capture
-
Inline SMS with password verification &data capture
-
Inline Social Authentication
-
SMS with password verification & data capture
-
SMS with link verification
-
Email authentication
-
User Agreements
In addition, sample portals are provided to meet COVID-19 requirements.
To view and make a copy of the sample portal, perform the following steps:
Procedure
Step 1 |
In the Cisco Spaces dashboard, choose Home. |
Step 2 |
In the window that appears, choose Captive Portal. |
Step 3 |
In the Captive Portal window that appears, choose Portal in the left pane. The sample portal for various authentication types are displayed at the bottom of the portal list. |
Step 4 |
Click the Make a Copy icon at the far right of the sample portal that you want. |
Step 5 |
In the portal wizard screen that appears, specify a name for the captive portal. |
Step 6 |
If required, do the necessary customizations to the portal configuration, |
Step 7 |
Save the portal. |
Creating a Portal
When defining a portal, you can also configure the locations for which the portal must be available.
To create a portal, perform the following steps:
Procedure
Step 1 |
In the Cisco Spaces dashboard, choose Home. |
||||||
Step 2 |
In the window that appears, choose Captive Portal. |
||||||
Step 3 |
In the Captive Portal window that appears, choose Portal in the left pane. |
||||||
Step 4 |
Click Create New. The Portal wizard appears. |
||||||
Step 5 |
In the Portal Name field, enter a name for portal. |
||||||
Step 6 |
If you want this portal to be available only for certain locations, uncheck the Enable this portal forall locations check box.
|
||||||
Step 7 |
Click Next. The Authentication window appears. |
||||||
Step 8 |
From the Authentication Type drop-down list, choose the authentication type that you want apply for the portal. Based on the authentication type selected additional fields appear. For more information on various authentication types, see the Configuring Authentication for a Portal. |
||||||
Step 9 |
After specifying the details for the authentication type, click Next. The Data Capture window appears.
|
||||||
Step 10 |
If you want to add Data Capture form for this portal, check the Enable Data Capture check box. |
||||||
Step 11 |
Configure the Data Capture form. Add the fields required for the Data Capture form using the +Add Field Element button. For more information on adding fields to the Data Capture form, see the Adding a Data Capture Form to a Portal. |
||||||
Step 12 |
Click Next. The User Agreements window appears. |
||||||
Step 13 |
In the Terms & Condition Message field, enter the “Terms & Conditions” for the portal.
|
||||||
Step 14 |
If you want to display privacy policy along with the Terms & Conditions, check the Enable Privacy Policy check box, and in the Privacy Policy field that appears, enter the privacy policy. If you specify the privacy policy, during customer acquisition, the privacy policy also appears along with the “Terms & Conditions”. |
||||||
Step 15 |
From the How frequently do you want users to accept agreements drop-down list, choose the frequency at which the customer must accept the “Terms & Conditions” to access the internet. |
||||||
Step 16 |
In the User Accepts Terms In area, choose how the “Terms & Conditions” must appear during customer acquisition.
|
||||||
Step 17 |
If you want to restrict the internet access to the customers below certain age, select the Enable Age gating check box, and then choose the required age gating method from the following:
|
||||||
Step 18 |
Click Save and Configure Portal. A message Portal saved successfully appears, and the Portal window opens with the portal modules on the left and portal preview on the right. |
||||||
Step 19 |
Add features to the portal using the Portal Modules. |
||||||
Step 20 |
Click Save to save the changes made to each module.
|
Portal Modules
The following are the portal modules of Cisco Spaces:
-
Brand Name—Define your brand name in the portal using this module. You can add the brand name as text or a logo image.
-
Welcome Message—Add a welcome message in the portal using this module. You can configure to show different welcome messages for first time users and repeat users.
-
Notice—Add a notice in the portal using this module. This helps you display notices to the portal users whenever required. You can set to provide the notice in the thicker text, text, or text with an image format.
-
Authentication—Based on the authentication type selected when creating the portal, an Authentication module appears for the portal. The name of the module will be based on the authentication type. For example, if you have selected “SMS with link verification” as authentication type for a portal, the authentication module for that portal will be named as “SMS Authentication”. The Authentication module will have provision to configure the landing page URL for the portal. The Authentication module will not be available for the authentication type, “No Authentication”, if both “Data Capture” and “User Agreements” are not enabled.
-
Venue Map— Add a label and icon for the Venue Map using this module. The venue map is uploaded in the portal from your wireless network based on the location.
-
Videos—Add YouTube videos in the portal using this module. You can also add an appropriate caption and icon for the video section in the portal. You can also view the preview of the video when uploading.
-
Feedback—Add the feedback questions in the portal using this module. You can add multiple choice and rating questions. This module also lets you customize the labels for the “Submit” button, “Thank You” message, and “Post Submission” button. You can also set whether the customers are to be provided a text box to add the comments. You can also specify the e-mail addresses and subject for feedback.
-
Help—Add a help line number that the customer can contact for assistance using this module. You can customize the caption and icon for Help.
-
Get Apps—Add apps to the portal using this module. You can add appropriate caption and icon for each app using this module.
-
Get Internet—Add the external URL to which customer can navigate from the Get Internet section in the portal. To navigate to this URL, the customer has to accept the terms and conditions provided.
-
Promos & Offers—Add the promotions and offers to display through the portal using this module. You can modify the title of the promotion. For each promotion you can add appropriate captions and images, and specify the URL to the promotion details. Promos are displayed as carousels.
-
Add Module—Add customized content and menu items to the portal using this module. All the modules mentioned earlier are the default modules provided by Cisco Spaces. You can add additional items to a portal based on your requirements using the “Add Module” button.
Configuring a Language for a Portal
In Cisco Spaces, you can configure the language in which the module captions and static content in the portal are to display. To display the static content in any language other than English, you must upload the corresponding text to Cisco Spaces. Cisco Spaces does not support entering the content in any language other than English. The default language is set to English. You can change the default language.
Note |
You cannot translate the content prepared in one language to another using Cisco Spaces. |
To configure a language in which the portal content is to display, perform the following steps:
Procedure
Step 1 |
To display the static content such as messages, country names, and so on in a language other than English, upload the key values in that language. For more information on uploading the key values for a language, see the Uploading Static Content Key Values for a Language |
Step 2 |
Open the portal for which you want to configure the language. |
Step 3 |
Click the Languages (Globe) icon at the top of the Portal window. The Add Language window appears. |
Step 4 |
Click Add Language. |
Step 5 |
In the search field that appears, enter the language. If this language is supported by Cisco Spaces, then the language name appears in the drop-down list. |
Step 6 |
Click the Add button that appears adjacent to the language name. The language gets added to the Added Languages list. |
Step 7 |
Click Add. In the portal, now a drop-down list appears adjacent to the Languagesicon, and the newly added language gets listed in that drop-down list. |
Step 8 |
From the drop-down list adjacent to the Languagesicon, choose the language in which the static portal content is to display. The captions of the modules are displayed in the chosen language. |
Setting a Default Language
To set a default language, do the following:
Procedure
Step 1 |
In the portal, click the Languages icon at the top right of the window. |
Step 2 |
In the Add Language window, from the “Default Language” drop-down list, choose the default language. |
Step 3 |
Click Add. |
Uploading Static Content Key Values for a Language
To set to display the static content in any language other than English, perform the following steps:
Procedure
Step 1 |
In the portal, click the Languages icon at the top right of the window. |
Step 2 |
In the Add Language window, click Download to download and save the template. |
Step 3 |
Open the template. The template contains keys for various static messages and the message that appears if your language is English. The column for English has “en” as first row. |
Step 4 |
In the column adjacent to the English column, enter the language identifier for the language in which you want to display the static content. For example, if you want to display the content in Arabic, enter “AR” in the first row. |
Step 5 |
In the remaining rows, enter the text that must appear for the corresponding key. |
Step 6 |
Save the file. |
Step 7 |
In the Add Language window, use the Upload button to upload the window. |
Step 8 |
Click Add. |
What to do next
To know how to display the static content in a language, see the Configuring a Language for a Portal.
The language code for various languages are shown in the following figure.
Configuring Authentication for a Portal
To secure your portal from hacking or misuse, you can configure various authentication options for your portal. The customer is provided access only if the authentication is success.
You can authenticate the internet provisioning through SMS, e-mail, access code, or social networks such as Facebook, Twitter, or LinkedIn. Cisco Spaces supports the SMS gateway of the third party vendors for SMS authentication. You can configure to provide SMS authentication through “SMS with password verification” or “SMS with link verification”. For “SMS with password verification”, you can define a custom verification code for a portal or you can configure to auto-generate the verification code.
During customer acquisition, the authentication process is initiated when the customer click any menu item in the portal. However, you can configure for inline authentication also, so that the Authentication module will be shown in the captive portal. For more information on inline authentication, see the Inline Authentication.
Cisco Spaces supports the following authentication types:
-
SMS with password verification — For this authentication type, validation of mobile number is mandatory. When the customer enters a valid mobile number, an SMS is sent to that mobile number, which contains a link and verification code. The customer can access the internet by providing the verification code in the SMS. The customer is not allowed to proceed further until the verification code is entered. Some use cases for this authentication type are SMS-based engagement campaigns, country specific requirements to verify the users connecting to internet, and so on. To know the authentication steps during customer acquisition, see Steps for SMS with Password Verification Authentication. For more information on configuring the “SMS with password verification”, see the Configuring a Portal for SMS with Password Verification section.
SMS with link verification —For this authentication type, validation of mobile number is optional. When the customer provides a valid mobile number, an SMS is sent to that mobile number with verification link. The customer can complete the validation by clicking the verification link in the SMS. However, customer can skip the validation process and proceed further. This authentication type can be used if the validation of the mobile number is not mandatory . To know the authentication steps during customer acquisition, see Steps for SMS with Link Verification Authentication. For more information, see the Configuring a Portal for SMS with Link Verification section.
Email — The customer has to provide a valid e-mail ID to access the internet. To know the authentication steps during customer acquisition, see Steps for E-mail Authentication. For more information on configuring e-mail authentication, see the Configuring a Portal for E-mail Authentication section.
Social Sign In — The internet access is provided only if the customer is logged in to a social site configured for authentication. You must configure at least one social site to use this option. To know the authentication steps during customer acquisition, see Steps for Social Authentication. For more information on configuring the Social Sign In authentication, see the Configuring a Portal for Social Sign In Authentication section.
Access Code — The customer has to provide a valid access code to access the internet. To know the authentication steps during customer acquisition, see Steps for Access Code Authentication. For more information on configuring Access code authentication, see the Configuring a Portal for Access Code Authentication section.
No Authentication — The internet access is provided without any authentication process. To know the authentication steps during customer acquisition, see Steps for No Authentication with Terms and Conditions. For more information on configuring a portal for No Authentication, see the Configuring a Portal with No Authentication section.
Note |
The Opt In option is not available for the "Social Sign In" authentication type. You can configure the Data Capture form for all the authentication types, except “Social Sign In”. For more information on configuring the Data Capture form, see the Adding a Data Capture Form to a Portal. For more information on Opt In feature, see the “Opted In Option for Users” section . |
Note |
For SMS with link verification and SMS with password verification, you can include additional information that needs to be passed to the SMS gateways. For example, if you want to send the SMS in a language other than English to your customers, provision is now available to include that information in the SMS sent to the SMS Gateways. |
Configuring a Portal for SMS with Link Verification
To configure a portal for “SMS with link verification”, do the following:
Procedure
Step 1 |
When creating a portal, from the Authentication Type drop-down list, choose SMS with Link verification. |
||
Step 2 |
If you want to configure inline authentication for this portal, and display the “Data Capture form” and “User Agreements” in the home page, check the Display Authentication, Data Capture, and User Agreements on portal home page check box. For more information on inline authentication, see the Inline Authentication. |
||
Step 3 |
If you want the customers to provide an option to opt for receiving notifications, check the “Allow users to Opt in to receive message” check box. |
||
Step 4 |
If the “Allow users to Opt in to receive message” check box is checked, the following fields appear:
|
||
Step 5 |
In the SMS Text field, enter the text message that must appear in the SMS sent to the customer.
|
||
Step 6 |
From the Default Country drop-down list, choose the country for which this setting is applicable. |
||
Step 7 |
From the SMS Gateway drop-down list, choose the SMS gateway. The SMS Gateways configured in the Settings option are available for selection. You can also use the Demo Gateway provided by Cisco that is chargeable.
|
||
Step 8 |
Save the changes. |
What to do next
Note |
Portals with SMS with link verification authentication type will have an authentication module named SMS Authentication. For more information on the Authentication Module, see the Authentication Module. |
Note |
If you have not configured the authentication type when creating the portal, you can specify it at any time using the Edit Portal button for that portal in the Portals window. |
Configuring a Portal for SMS with Password Verification
To configure a portal for “SMS with password verification”, perform the following steps:
Procedure
Step 1 |
When creating a portal, from the Authentication Type drop-down list, choose SMS with password verification. |
||
Step 2 |
If you want to configure inline authentication for this portal, and display user agreements on portal home page, check the Display Authentication and User Agreements on portal home page check box. For more information on inline authentication, see the Inline Authentication. |
||
Step 3 |
If you want the customers to provide an option to opt for receiving notifications, check the “Allow users to Opt in to receive message” check box. |
||
Step 4 |
If the “Allow users to Opt in to receive message” check box is checked, the following fields appear:
|
||
Step 5 |
Click the required Password Type.
|
||
Step 6 |
In the SMS field field, enter the text that must appear in the SMS that is sent to the customer.
|
||
Step 7 |
From the Default Countrydrop-down list, choose the country for which this setting is applicable. |
||
Step 8 |
From the SMS Gateway drop-down list, choose the SMS Gateway. The SMS Gateways configured in the Settings option are available for selection. You can also use the Demo Gateway provided by Cisco that is chargeable.
|
||
Step 9 |
Save the changes. |
What to do next
Note |
Portals with SMS with password verification authentication type will have an authentication module named SMS Authentication. For more information on the Authentication module, see the Authentication Module. |
Note |
If you have not configured the authentication type when creating the portal, you can specify it at any time using the Edit Portal button for that portal in the Portals window. |
Configuring a Portal for Social Sign In Authentication
Cisco Spaces supports authentication through the following social networks:
-
Facebook
-
Twitter
-
LinkedIn
Note |
To authenticate the access to the internet through a social network, you must configure the app for that social network in Cisco Spaces. You can configure the social app in Cisco Spaces through the Settings option. For more information, see the Adding Social Apps for Social Authentication. |
To authenticate the access to a portal through social sign in, perform the following steps:
Procedure
Step 1 |
When creating a portal, from the Authentication Type drop-down list, choose Social Sign In. The social networks that are supported by Cisco Spaces for authentication appear along with the configured social apps. |
Step 2 |
If you want to configure inline authentication for this portal, and display user agreements in the portal home page, check the Display Authentication and Users Agreements on portal home page check box. For more information on inline authentication, see the Inline Authentication. |
Step 3 |
Check the check box adjacent to the social networks through which you want to authenticate access to the internet. The social networks configured in the Social Apps option under the Settings section will be available for selection. For more information on configuring the Social Apps, see the Adding Social Apps for Social Authentication. |
Step 4 |
Save the changes. |
What to do next
-
Portals with Social Sign Inauthentication type will have an authentication module named Social Authentication. For more information on the Authentication Module, see the Authentication Module.
-
The +Add button takes you to the Social Apps window where you can configure the customized apps.
-
If you have not configured the authentication type when creating the portal, you can specify it at any time using the Edit Portal button for that portal in the Portals window.
Configuring a Portal for E-mail Authentication
To configure a portal for e-mail authentication, do the following:
Procedure
Step 1 |
When creating a portal, from the Authentication Type drop-down list, choose Email. |
Step 2 |
If you want to configure inline authentication for this portal, check theDisplay Authentication and User Agreements on portal home page check box. For more information on inline authentication, see the Inline Authentication. |
Step 3 |
If you want to provide the customer an option to opt for receiving notifications, check the Allow users to Opt in to receive message check box. |
Step 4 |
If the Allow users to Opt in to receive messagee check box is checked, the following fields appear:
|
Step 5 |
Save the changes. |
What to do next
Note |
Portals with Email authentication type will have an authentication module named Email. For more information on the Authentication Module, see the Authentication Module. |
Configuring a Portal for Access Code Authentication
To configure a portal for the Access Code authentication, do the following
Procedure
Step 1 |
When creating a portal, from the Authentication Type drop-down list, choose Access Code. |
Step 2 |
If you want to configure inline authentication for this portal, and display user agreements on portal home page, check the Display Authentication and User Agreements on portal home page check box. For more information on inline authentication, see the Inline Authentication. |
Step 3 |
If you want the customers to provide an option to opt for receiving notifications, check the Allow users to Opt in to receive message check box. |
Step 4 |
If the Allow users to Opt in to receive message check box is checked, the following fields appear:
|
Step 5 |
Save the changes. You can create access codes and share it with your customers using the Access Code option displayed in the left pane of the Captive Portals app. For more information on creating and sharing the access codes, see Manage Access Codes. |
What to do next
Note |
Portals with Access Code authentication type, provided Data Capture or User Agreements is enabled . For more information on the Authentication module, see the Authentication Module. |
Configuring a Portal with No Authentication
To configure a portal for No Authentication, perform the following steps:
Procedure
Step 1 |
When creating a portal, from the Authentication Type drop-down list, choose No Authentication. |
Step 2 |
If you want to display data capture and user agreements on portal home page, check theDisplay Data Capture and User Agreements on portal home page check box. |
Step 3 |
If you want the customers to provide an option to opt for receiving notifications, check the Allow users to Opt in to receive message check box. |
Step 4 |
If the Allow users to Opt in to receive message check box is checked, the following fields appear:
|
Step 5 |
Save the changes. |
Inline Authentication
In the Captive Portal, you can add authentication as an inline module along with other modules. That is, the authentication option is displayed before the customer click any link in the captive portal, thus reducing the number of clicks required to initiate the authentication process.
To configure inline authentication, in the Authentication screen, select the check box provided for configuring inline authentication.
For the SMS with Link verification and SMS with password verification authentication types, the authentication section will have a field to enter the mobile number, along with a Connect button. For Email authentication, the authentication section will have a field to enter the email ID. For social authentication, the authentication section will have relevant buttons for each social network configured for the portal, using which the customer can complete the authentication through that social network.
Authentication Module
When you select the authentication type for a portal, an authentication module is created for the portal based on the authentication type selected.
If you select the authentication type No Authentication or Access Code for a portal, that portal will not have an authentication module, if either “Data Capture” or “User Agreements” is not enabled.
The Authentication module will have a field to specify the alternate landing page for the portal.
Adding a Data Capture Form to a Portal
If you choose an authentication type other thanSocial Sign In for the portal, you can add a Data Capture form in the captive portal. You can add fields to the Data Capture form when creating the portal. You can configure the fields to capture the details such as first name, last name, mobile number, and so on of the customer. You can also add business tags based on which you can filter your customers.
Note |
The business tags defined in the Data Capture form are available in the “Add Tags” option available in the rules such as Captive Portal Rule, Engagement Rule, and Profile Rule. |
To configure a Data Capture form in a captive portal, perform the following steps:
Procedure
Step 1 |
When creating a portal, after specifying the Terms and Conditions, click Next. The Data Capture screen appears. |
||||
Step 2 |
Enable the Data Capture check box. |
||||
Step 3 |
Click Add Field Element. You can add the following field elements to the Data Capture form:
|
||||
Step 4 |
Click the corresponding option to add the fields. General Fields
Element-Specific Fields
|
||||
Step 5 |
Save the changes.
|
Defining a Brand Name for a Portal
Cisco Spaces enables you to add your brand name in the portal using the Brand Name module. You can add the brand name as text or image. For example, you can use your company logo as a brand name.
To define a brand name in the portal, perform the following steps:
Procedure
Step 1 |
Open the portal for which you want to define the brand name. |
Step 2 |
Click the Brand Namemodule. The brand name window appears. |
Step 3 |
Choose the type of brand.
|
Step 4 |
Click Save. The brand name for the portal is successfully defined. |
What to do next
Note |
If you are modifying a portal that is already associated with a published captive portal, click the Save & Publish button to immediately publish the changes. The Save and Publish button appears only if the portal is associated with a captive portal rule. For more information on creating a captive portal rule, see the Creating a Captive Portal Rule to Display Captive Portals. |
Adding a Welcome Message to a Portal
You can add a welcome message to a portal using the Welcome module. The welcome message added is displayed when a customer accesses your portal. You can configure to display different welcome messages for first time user and repeat user.
To add a welcome message to a portal, perform the following steps:
Procedure
Step 1 |
Open the portal in which you need to add the welcome message. |
Step 2 |
Click the Welcome Messagemodule. The Welcome Message window appears. |
Step 3 |
In the First time visitor welcome textfield, enter the welcome message that must appear when a customer accesses your portal for the first time. You can include the location details using the smart link variables. For more information on smart link, see the Smart Links and Text Variables for Captive Portals. |
Step 4 |
If you want to display a different welcome message for the repeat users, ensure that the Add a custom message for Repeat Visitors check box is checked, and in the adjacent text box, enter the welcome message for the repeat user. You can include the name and location details using the smart link variables. The variables “firstName” and “lastName” will be available for selection only if you have configured a Data Capture module in the portal with the fields, First Name and Last Name. The variables “firstName”, and “lastName” will be available for the authentication types other than “Social Sign In”. For more information on smart link, see the Smart Links and Text Variables for Captive Portals. |
Step 5 |
Click Save. The welcome message is successfully defined for the portal. |
What to do next
Note |
If you are modifying a portal that is already associated with a published captive portal, click theSave and Publish button to immediately publish the changes. The Save and Publish button appears only if the portal is associated with a captive portal rule. For more information on creating a captive portal rule, see the Creating a Captive Portal Rule to Display Captive Portals. |
Adding a Notice to a Portal
The Notice module enables you to provide notices in your portal. This module is useful when you want to pass any important information to your customers. You can add ticker and text notices. You can also add images along with text notices.
You can configure the date up to which the notice is to be displayed in the portal.
To add notices in a portal from the dashboard, do the following:
Procedure
Step 1 |
Open the portal in which you want to add notice. |
Step 2 |
Click the Notice module. The Notice window appears. |
Step 3 |
Click the type of notice you want. The following options are available:
|
Step 4 |
In the Hide After field, choose the date up to which the notice is to display in the portal. |
Step 5 |
Click Save. The notice is successfully added to the portal. |
What to do next
Note |
If you are modifying a portal that is already associated with a published captive portal, click the Save and Publish button to immediately publish the changes. The Save and Publish button appears only if the portal is associated with a captive portal rule. For more information on creating a captive portal rule, see Creating a Captive Portal Rule to Display Captive Portals. |
Providing the Venue Details in a Portal
You can provide the venue details in a portal using the Venue Map module. You can define a label name, upload an icon image, and display a map for the venue using this module.
The default name of the module is Venue Map. The module name changes based on the changes you make in the Label field.
To add the venue details for a portal, perform the following steps:
Procedure
Step 1 |
Open the portal in which you want to add the venue details. |
||
Step 2 |
Click the Venue Mapmodule. The VENUE MAP window appears. |
||
Step 3 |
In the Label field, enter the venue map label name that must appear in the portal.
|
||
Step 4 |
In the Icon area, upload the map icon that must appear adjacent to the map label using the Upload button.
|
||
Step 5 |
In the Store Map area, the map for this venue as in the wireless network appears.
|
||
Step 6 |
Click Save. The venue map is configured for the portal. |
What to do next
Note |
If you are modifying a portal that is already associated with a published captive portal, click theSave and Publish button to immediately publish the changes. The Save and Publish button appears only if the portal is associated with a captive portal rule. For more information on creating a captive portal rule, see the Creating a Captive Portal Rule to Display Captive Portals. |
Uploading Videos to a Portal
You can upload the videos to Cisco Spaces portals using the Videos module. In this module, you can add a label and image for the area where the video appears in the portal, and specify the Youtube URL of the video.
The default name of the module is Videos. The module name changes based on the changes you make in the Label field.
Note |
You can show only the YouTube videos in your portal. |
To upload videos to a portal, perform the following steps:
Procedure
Step 1 |
Open the portal in which you want to upload the video. |
||
Step 2 |
Click the Videosmodule. The VIDEOS window appears. |
||
Step 3 |
In the Label field, enter the label that must appear for the area where the video appears in the portal.
|
||
Step 4 |
In the Icon area, upload the video icon that must appear adjacent to the video label using the Upload button.
|
||
Step 5 |
Click Add a Video. |
||
Step 6 |
In the YouTube URL field that appears, enter the YouTube URL of the video that you want to display in the portal. |
||
Step 7 |
Click Save. The video is successfully uploaded to the portal. |
What to do next
Note |
If you are modifying a portal that is already associated with a published captive portal, click the Save and Publish button to immediately publish the changes. The Save and Publish button appears only if the portal is associated with a captive portal rule. For more information on creating a captive portal rule, see the Creating a Captive Portal Rule to Display Captive Portals. |
Providing a Feedback Section in a Portal
The Feedback module in Cisco Spaces enables you to collect feedback from the customers of your portals. This module enables you to add multiple questions in the feedback section. These questions can be with multiple choice answers or rating-based answers. You can also provide a text box where the customers can add their comments.
To add a feedback section in a portal, perform the following steps:
Procedure
Step 1 |
Open the portal in which you need to add the feedback section. |
||
Step 2 |
Click the Feedbackmodule. TheFEEDBACK window appears. |
||
Step 3 |
In the Label field, enter a name that must appear for the feedback section. |
||
Step 4 |
In the Icon area, upload the icon image that must appear adjacent to the feedback label using the Upload button. |
||
Step 5 |
In the Question field, enter a question for which you want the answer from the customer. |
||
Step 6 |
In the Question Imagearea, upload an image that must appear adjacent to the question using the Upload button. |
||
Step 7 |
In the Question Type area, choose any of the following:
|
||
Step 8 |
In the Submit Button Labelfield, enter the name for the submit button, using which the customer must submit the answer. |
||
Step 9 |
In the Thank You/Success message field, enter the message that must appear to the customer after the customer submits the answer. |
||
Step 10 |
In the Post Submission button label field, enter the name for the button that appears once the customer’s answer is submitted. This button leads the customer to the Cisco Spaces dashboard. |
||
Step 11 |
If you want to provide a text box for the customer to enter the comments, select the Add a text box for additional comments from end user? check box. |
||
Step 12 |
In the Email to field, enter the e-mail address to which the feedback is to be e-mailed. |
||
Step 13 |
In the Email from field, enter the From e-mail address to display to the receiver of the e-mail for the feedback e-mails. |
||
Step 14 |
In the Email Subject field, enter the subject for the e-mails with the feedback. |
||
Step 15 |
Click Save. The feedback section is successfully created in the portal. |
What to do next
Note |
If you are modifying a portal that is already associated with a published captive portal, click the Save and Publish button to immediately publish the changes. The Save and Publish button appears only if the portal is associated with a captive portal rule. For more information on creating a captive portal rule, see the Creating a Captive Portal Rule to Display Captive Portals. |
Adding a Help Option to a Portal
You can add a helpline in your Cisco Spaces portal using the Help module. The customers can use this helpline to contact you if they need any assistance. In this module, you can add a label and image for the area where the Helpline appears in the portal, and you can specify the number to contact if the customer needs any assistance.
The default name of the module is Help. The module name changes based on the changes you make in the Label field.
To add a Help option to a portal, perform the following steps:
Procedure
Step 1 |
Open the portal in which you need to add a help option. |
||
Step 2 |
Click the Helpmodule. The HELP window appears. |
||
Step 3 |
In the Label field, enter the label that must appear for the area where the help line appears in the portal.
|
||
Step 4 |
In the Icon area, upload the help icon that must appear adjacent to the help label using the Upload button.
|
||
Step 5 |
In the Contact field, enter the help line number. |
||
Step 6 |
Click Save . The help option is successfully defined for the portal. |
What to do next
Note |
If you are modifying a portal that is already associated with a published captive portal, click the Save and Publish button to immediately publish the changes. The Save and Publish button appears only if the portal is associated with a captive portal rule. For more information on creating a captive portal rule, see the Creating a Captive Portal Rule to Display Captive Portals. |
Adding Apps to a Portal
You can add apps to your Cisco Spaces portal using the Apps module. You can add apps from both iOS app store and Play Store. In this module, you can add a label and image for the area where the apps appear in the portal.
The default name of the module is Get Apps. The module name changes based on the changes you make in the Button Label field.
To add an app to a portal, perform the following steps:
Procedure
Step 1 |
Open the portal in which you need to add an app. |
||
Step 2 |
Click the Get Appsmodule. The GET APPS window appears. |
||
Step 3 |
In the Label field, enter the label that must appear for the area where the app appears in the portal.
|
||
Step 4 |
In the Icon area, upload the app icon that must appear adjacent to the app label using the Upload button.
|
||
Step 5 |
Click Add an App. |
||
Step 6 |
In the Add App area, do the following: |
||
Step 7 |
Click Save. The app is successfully added to the portal. |
What to do next
Note |
If you are modifying a portal that is already associated with a published captive portal, click the Save and Publish button to immediately publish the changes. The Save and Publish button appears only if the portal is associated with a captive portal rule. For more information on creating a captive portal rule, see the Creating a Captive Portal Rule to Display Captive Portals. |
Providing Access to the Internet from a Portal
You can provide access to the internet from a portal using the Get Internet module. You can add an external URL to a portal using the Get Internet module. In this module, you can add a label and image for the area where the internet link appears in the portal.
The default name of the module is Get Internet. The module name changes based on the changes you make in the Button Label field.
Note |
If inline authentication is configured for the captive portal, the Get Internet module will not be shown during customer acquisition, even if it is configured. For more information on inline authentication, see the Inline Authentication. |
To provide access to the internet from a portal, perform the following steps:
Procedure
Step 1 |
Open the portal in which you need to provide a link to the internet. |
||
Step 2 |
Click the Get Internetmodule. The GET INTERNET window appears. |
||
Step 3 |
In the Label field, enter the label that must appear for the area where the internet link appears in the portal.
|
||
Step 4 |
Upload the icon that must appear adjacent to the internet link using the Uploadbutton.
|
||
Step 5 |
To change the landing page, ensure that the Change Landing page URL check box is checked. |
||
Step 6 |
In the Launch Page field, enter the URL to connect to the internet from the portal. |
||
Step 7 |
Click Save. An option to access the internet is successfully configured in the portal. |
What to do next
Note |
If you are modifying a portal that is already associated with a published captive portal, click the Save and Publish button to immediately publish the changes. The Save and Publishbutton appears only if the portal is associated with a captive portal rule. For more information on creating a captive portal rule, see the Creating a Captive Portal Rule to Display Captive Portals. |
Adding Promotions and Offers to a Portal
The Promos & Offers module enables you add promotions and offers that you want to provide to the customers in your portal. You can add various promotion items in your portal that can be linked to different promotion URLs. The module enables you add a label, icon, and web URL for each promotion.
Note |
The promotions are displayed as carousels. |
To add promotions and offers to a portal, perform the following steps:
Procedure
Step 1 |
Open the portal in which you want to add the promotions and offers module. |
Step 2 |
Click the Promos & Offersmodule. The PROMOS & OFFERS window appears. |
Step 3 |
In the Label field, enter the label that must appear for the area in which the promotions and offers appear. |
Step 4 |
Click Add a Promotion. |
Step 5 |
In the Promo Name field, enter a name for the promotion link. |
Step 6 |
In the Promo Image area, upload the icon that must appear adjacent to the promotion link using the Upload button. |
Step 7 |
In the Link Promo to URL field, enter the URL that links to the promotion web page. |
Step 8 |
Click Save. The promotions and offers link is successfully added to the portal. |
What to do next
Note |
You can add more than one promotion to your portal using the Add a Promotionbutton. |
Note |
If you are modifying a portal that is already associated with a published captive portal, click the Save and Publish button to immediately publish the changes. The Save and Publish button appears only if the portal is associated with a captive portal rule. For more information on creating a captive portal rule, see the Creating a Captive Portal Rule to Display Captive Portals. |
Deleting a Promotion and an Offer for a Portal
Cisco Spaces enables you to remove a promotion from a portal after the required time line.
To delete a promotion from your portal, perform the following steps.
Procedure
Step 1 |
Open the portal from which you want to delete the promotion. |
Step 2 |
Click the Promos & Offersmodule. The PROMOS & OFFERS window appears with the promotions added to that portal. |
Step 3 |
Click the Delete icon that appears at the top right of the promotion that you want to delete. |
Adding Custom Content and Menu Items to a Portal
The “Add Module” module enables you to add custom content and menu items in your portal according to your requirements. You can add various menu items to your portal that can be linked to different web pages. The module enables you add a label, icon, and web URL for each menu item. You can also enable a Back button, if the web page linked to is compatible.
To add a customized menu item to a portal, perform the following steps:
Procedure
Step 1 |
Open the portal in which you need to add custom menu item. |
Step 2 |
Click Add Module. |
Step 3 |
Choose any of the following:
The custom module gets added to the portal module list, and opens the page for it. The fields that appears for the custom module depends on custom module type. |
Step 4 |
For “Custom Content”, enter the following details for the custom module.
|
Step 5 |
For Menu Itemfield, enter the following details for the custom module. |
Step 6 |
To enable a back button in the linked web page, check the Enable Back button check box. |
Step 7 |
Click Save. The customized content or menu item is successfully added to the portal. |
What to do next
Note |
The menu items added appear as text in the preview of the portal, but appear as links in the runtime. |
Note |
If you are modifying a portal that is already associated with a published captive portal, click the Save and Publish button to immediately publish the changes. TheSave and Publish button appears only if the portal is associated with a captive portal rule. For more information on creating a captive portal rule, see Creating a Captive Portal Rule to Display Captive Portals. |
Exporting a Portal
Cisco Spaces enables you to export a portal created using the portal modules.
To export a portal, perform the following steps:
Procedure
Step 1 |
Open the portal that you want to export. |
Step 2 |
Click the Eport Portal icon at the top of the Portal window. The Export Portal dialog box appears. |
Step 3 |
Click Download. |
Step 4 |
In the window that appears, do any of the following: |
Editing the Portal Style Sheet
The Style Sheet Editor option in Cisco Spaces enables you to update the style sheet of a portal. This helps you to change the font properties and outlook of your portal.
To edit a portal style sheet, perform the following steps:
Procedure
Step 1 |
Open the portal of which you want to edit the style sheet. |
Step 2 |
Click Stylesheet Editor at the top of the Portal window. |
Step 3 |
In the CSS Editor tab, make necessary changes in the style sheet. |
Step 4 |
Click Save. |
What to do next
You can upload the style sheet from an external source. For example, the CSS designed for another portal.
You can also download the style sheet to make necessary updates and upload the edited style sheet. For example, if you want a CSS designer to edit the portal, you can download the style sheet using the Download CSSbutton. After making the necessary changes to the style sheet, you can upload it to Cisco Spaces using the Upload CSS button.
Adding Assets to the Style Sheet
To improve the outlook of your portal, you can add assets such as images and fonts to the Stylesheet Editor of your portal. You can add image files such as jpeg, png, and tif. Edit your style sheet to incorporate these assets in the portal.
To add assets to a portal style sheet, perform the following steps:
Procedure
Step 1 |
Open the portal of which you want to edit the style sheet. |
||
Step 2 |
Click Stylesheet Editor. |
||
Step 3 |
Click the Asset Librarytab. |
||
Step 4 |
Drag and drop the asset file, or upload it using the Choose File button.
The file gets added to the assets list. |
What to do next
You can copy the URL of an asset using the Copy Asset url button displayed for an asset at the bottom of the asset. To add this asset in your portal, add the URL in the style sheet in the appropriate location.
You can delete an asset using the delete icon displayed for the asset in the assets list.
Importing a Portal
Cisco Spaces enables you to import a portal from an external path. For example, if you want to enhance a portal using an external application, you can export the portal using the Export Portal icon, make necessary enhancements, and import the portal file to Cisco Spaces using the Import Portal option.
To import a portal, perform the following steps:
Procedure
Step 1 |
In the Cisco Spaces dashboard, choose Home. |
Step 2 |
In the window that appears, click Captive Portal. |
Step 3 |
In theCaptive Portal window, choose Portal in the left pane. The Captive Portalwindow appears. |
Step 4 |
Click Import Portal at the top-right of the window. |
Step 5 |
In the Import Portal window that appears, do the following: |
Step 6 |
Click Import. |
What to do next
Note |
The portal is uploaded in the zip format. |
Deleting a Portal
To delete a portal, perform the following steps:
Procedure
Step 1 |
In the Cisco Spaces dashboard, choose Home. |
||||
Step 2 |
In the window that appears, click Captive Portal. |
||||
Step 3 |
In the Captive Portal window, choose Portal in the left pane. The Captive Portal window appears with the list of available portals in Cisco Spaces. |
||||
Step 4 |
Click the Delete icon that appears at the far right of the portal that you want to delete. |
||||
Step 5 |
In the Delete Portals window that appears, click Yes. The portal gets deleted from Cisco Spaces.
|
Editing a Portal
To edit a portal, perform the following steps:
Procedure
Step 1 |
In the Cisco Spaces dashboard, choose Home. |
Step 2 |
In the window that appears, click Captive Portal. |
Step 3 |
In the Captive Portal window, choose Portal in the left pane. The Captive Portal window appears with the list of available portals in Cisco Spaces. |
Step 4 |
Click the Edit icon that appears at the far right of the portal that you want to edit. |
Step 5 |
Make necessary changes and save the changes made for each module. |
Step 6 |
To publish the changes, click the Save and Publish button for the portal. |
Editing the Locations for a Portal
To edit the locations for a portal, perform the following steps:
Procedure
Step 1 |
In the Cisco Spaces dashboard, choose Home. |
Step 2 |
In the window that appears, click Captive Portal. |
Step 3 |
In the Captive Portal window, choose Portal in the left pane. |
Step 4 |
In the Captive Portal window that appears, check the check box for the portal for which you want to edit the locations. |
Step 5 |
Click Add to Locationsthat appears at the bottom of the window. |
Step 6 |
In the Add Locations to Portals window that appears, select the locations for the portal, and click Save Changes. |
Step 7 |
To publish the changes, click the Save and Publish button for the portal. |
E-mailing a Portal Preview URL
You can e-mail the preview URL of a portal, so that the receiver can use this URL to preview the portal.
To e-mail the preview URL of a portal, perform the following steps:
Procedure
Step 1 |
Open the portal of which you want to e-mail the preview URL. The portal appears. |
Step 2 |
Click the Link icon in the Portal Preview area at the far right of the window. |
Step 3 |
In the Email Portal URL field, enter the e-mail ID to which you want to e-mail the portal preview URL. |
Step 4 |
Click Send. A message appears stating the URL is sent to the e-mail address specified. |
Previewing a Portal Using QR Code
Cisco Spaces enables you to preview the portal using the QR code for a portal.To use this feature, you need to have a QR code reader app installed on your mobile.
To scan the QR code of a portal, perform the following steps:
Procedure
Step 1 |
Open the portal of which you want to scan the QR Code. |
Step 2 |
Click the Link icon in the Portal Preview area at the far right of the window. |
Step 3 |
Open the QR code reader app on your mobile. |
Step 4 |
In the portal, focus the mobile on the area labeled Scan with QR code reader on your mobile device. Th mobile scans the QR code and displays the message whether to open the URL. |
Step 5 |
Click Ok. The portal is opened in your mobile screen. |
Previewing a Portal
Cisco Spaces enables you to view the outlook of the captive portal. Cisco Spaces enables you to preview each module in the captive portal separately. The default preview is of the Captive Portal home screen. The preview of authentication module simulates the customer acquisition (runtime) flow.The preview of modules appear as carousels.
To preview a captive portal, perform the following steps:
Procedure
Step 1 |
Open the portal of which you want to view the preview. The preview of the portal home screen appears in the Portal Preview area. |
Step 2 |
Click the right arrow to navigate to the next screen. |
Previewing the Portal in Various Devices
Cisco Spaces enables you to view the outlook of the captive portal in various devices. You can preview the portals for mobile, tablets, and laptops. Cisco Spaces enables you to preview each module in the captive portal separately. The default preview is of the Captive Portal home screen.
To preview a captive portal for a device, perform the following steps:
Procedure
Step 1 |
Open the portal of which you want to view the preview in various devices. The preview of the portal home screen appears at the devices are displayed in the right side of the portal The CSS Editorwindow appears with device preview in the right pane. |
||
Step 2 |
Do any of the following: |
||
Step 3 |
To preview a particular module in the captive portal, from the adjacent drop-down list, select the module.
|
Display, Hide or Reorder the Modules in a Captive Portal
The portal administrators can display or hide a module added to a portal by switching the ON/OFF toggle switch at the top left of the module. To reorder the modules, drag and drop the modules to the required location. The preview section reflects the changes.