How do you manage the customer portal settings in the Zuper Web App?

How do you manage the customer portal settings in the Zuper Web App?

Navigation: Settings --> Configuration Settings -->Customer Portal

Once the customer portal is turned on in Company policy, the users will now be enabled to configure the customer portal, including Branding, appearance, navigation, etc.,

1.  Select the “Settings” module from the left panel. Under the “Configuration Settings,” choose “Customer Portal.

From the “Branding” section, fill in the following details.



Portal Name

The name must be displayed in the customer portal’s title bar.

Portal Logo

The logo of the customer portal.

Portal Favicon

The icon must be displayed in the title bar of the customer portal. 

Primary Color

From the drop-down, choose the preferred primary color from the color picker.

Font Family

From the drop-down, choose the font.

Footer Text

Enter the footer text to be displayed in the customer portal.

Select the “Save Settings” button to save the customer portal settings. 

b. Navigation Menu:

 The navigation menu helps add a side panel menu that needs to be displayed in the customer portal: 

1. From the “Navigation Menu” section, Click +Add Menu to choose the modules. 

2. To add the navigation menu, add the following details:



Menu Name (Mandatory)

The name of the menu is to be displayed.

Type (Mandatory)

From the drop-down, select the type. 

If you would like to redirect to an external link outside the customer portal, choose an option as "External."

Upload Icon (Mandatory)

Add the icon that needs to be displayed in the navigation menu.

Note:  The “View Attached Icon” option helps you check the uploaded icon.

Redirect To (Mandatory)

Enter the external URL link.

 Click the “Add” button to create the new menu. 

3. The new navigation menu has been successfully added.

Select the “Save Settings” option to save the changes.

4. Use the “Edit   option to modify the navigation menu.

    Use the “Delete   option to remove the navigation menu.

c. Advanced:

1. The advanced section helps customers to add custom CSS.

Once you add the code, select the Save Settingsbutton. 

2. Select the “Open Portal” option to launch the customer portal.

With customer portal settings, businesses can personalize their customer portal, including theme, font, and logo.

    • Related Articles

    • How to use the offline capability in Zuper Mobile App?

      What is offline capability? When Zuper mobile app is connected to the Internet, it regularly synchronizes your data with the Zuper backend services to ensure data is updated. If the app goes offline, users see a notification inside the app that data ...
    • How to create a new invoice from V3 Zuper Web App?

      An invoice is an accounting document that a field service business sends to its clients to request payment for the services rendered. 1. Select the “Invoices” icon from the left navigation menu and choose “+ New Invoice” to create a new invoice. 2. ...
    • How to create a new customer in Zuper V3 Mobile App?

      The new customer will be created as a base for the job creation, quotes, invoices, and contracts. You need to fill in the basic details that are required for the customer creation. 1. Select the "Clients" module from the top-left hamburger icon. Now ...
    • How to create a new proposal from V3 Zuper Web App?

      Before providing an official price quote or estimate, a business or service provider may send a preliminary document or communication to a potential client. This is called a "Proposal," and it is usually used when the project or service scope needs ...
    • How to use Misc. settings in Zuper Web App?

      The Misc. settings of Zuper help you to manage the Custom Dashboards, Quick Filters, and Outbound Email Settings. 1. Select the "Settings" icon from the left panel and choose the "Misc. Settings." 2. The "Custom Dashboards" section helps you to ...