Configuring a Login Page

The Capriza Designer provides the ability to configure login pages both automatically and manually. This article provides an overview of each of these options, the various settings available, and common use cases.


Automatic Login Page Detection


Capriza automatically detects if a Zapp page is a login screen for common applications, such as SAP or Salesforce. Detection is based on the configuration of controls on the page, specifically the presence of two text input fields and a button.


When a login page is detected, the Capriza Designer automatically updates the styling of the Zapp page to include username and password placeholder text, a save credentials checkbox, a login message, and failed login text.



Changing the controls on the page to deviate from the two text inputs and one button pattern will cause the Designer to no longer detect a login page. The styling updates and save credentials checkbox will change.



Manually Configuring a Login Page


Manual configuration is also available for login pages, such as the Google login page, that vary from the typical layout.




To flag a page as a login page, go to the "Pages" menu above the mobile preview and select "Page Properties."



Toggle on "This is a login page."


Note: Manually changing this setting will disable the Designer's login page autodetection for that Zapp page. Even if the page changes to include two text input fields and one button, you must manually configure it.


The Zapp page will update to include the login page style changes and save credentials checkbox.




In cases where multiple buttons are included on the page, you must also indicate which button initiates login by toggling on the "Automatic Login Button" option in the button's In Line Editor.


Note: Toggling the setting on for a different button will automatically toggle the setting off for the first button.



Saving Credentials


The save credentials checkbox included on the login page is intended to streamline user experience by caching an encrypted version of the user's credentials on his mobile device. (Please see this article for information on credential security.) Credential data can be saved from three different types of controls: dropdowns, text inputs, and passwordbox.


For automatically detected login pages, the In Line Editors for the username and password controls (accessed by clicking the pencil icon) will have the "Save Credentials" setting enabled. The "Cross-Zapp Identification Key," which enables credentials to be used across Zapps that leverage the same source application, will include the default values of "username" and "password."



Note: Sharing of credentials across Zapps can be disabled by simply using different Cross-Zapp Identification Keys for each Zapp or via a backend setting Capriza can enable on your behalf. Please contact your Customer Success Manager if you are interested in the latter option.


For manually configured login pages, you must enable the "Save Credentials" setting for each control and enter a Cross-Zapp Identification Key.



You can also change the "Save Credentials" text, regardless of whether the page was auto-detected or configured manually. To do so, click the pencil icon to open the In Line Editor and change the label text.


Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request


Please sign in to leave a comment.