How can I customize my end-user dashboard?

Step 1: Log into your Zinrelo admin console >> Design >> User Dashboard

Step 2: Select the template from the available ones displayed >> Click on the edit icon

  • Default

  • Classic

  • Modern

  • Vivid

Note:

  • You will see a small “Live” sign on the template that is implemented at that moment.

  • Each template has a different look and feel.

Step 3: Now that we have selected the template we want to work on, we can start making changes.

  • Go to: The right side of the page >> Customize dashboard

# Edit Brand color:

You cannot change the layout of the dashboard. Within the fixed layout, you can change the colors and the style elements. You can customize the color theme to match your brand. To add custom colors, you have to add the HTML code for the colors in the fields provided- Fill color and Stroke color

To make more detailed changes, you can also upload a custom CSS to modify the fonts, colors, and other style elements of the dashboard.

# Edit Dashboard Labels:

All the text fields in the End-user Dashboard can be edited. You will find two views:

1. Guest Dashboard ( This view will be displayed to the members who have not enrolled or have not logged into their accounts)

2. Logged-In view ( This view will be displayed to the members who have logged into their accounts)

Note: It will show you the related screens associated with the ‘view’ stated above. You can click on them and start editing.

The fields have a pencil shown next to them. While clicking on the pencil, you activate the edit mode for that field.

After editing the text, you can save the changes by clicking on the tick mark which will now be present instead of the pencil.

# Deciding how the dashboard is rendered

Embed Dashboard

This section will help you to follow step-by-step instructions to embed this dashboard onto your website. The dashboard is usually embedded in the 'My Account' section of the site.

Pop up widget

  • Go to Design >> Pop up and widget.

You can change the text and color similar to above dashboard changes.

# Customize CSS

You can upload a Cascading Style Sheets to further customize the End user dashboard.

There are two views you can work on Desktop view and Mobile view. On clicking a pop-up will appear where you can input the code and save it.

Note: This would require development expertise.

Step 4: Click on the “Publish” button to save the changes.

How do I upload images in my template?

Few templates have the ability to let you upload images in the activity and rewards tile.

  • To upload the images go to: Program Settings >> Activities/ Rewards

  1. Select the activity you want to upload the image for

  2. Click on edit

  3. Activity/Reward tile image >> Upload

  4. Save.

Note: The size of the image has to be 280X280.

Did this answer your question?