Overview

If you or someone else at your company or University would like to have the ability to edit panelist websites, please contact Compusense Support Team. We will need approval from the subscription holder to grant permissions to edit websites to users that are not subscription holders.

Watch our video tutorial on how to edit panelist websites.

Access the Edit Websites Feature

1. In Compusense, from the black ribbon at the top, select the gear icon.
   
   
2. Click Edit websites. 
   
   
   A page, Website templates, will display with the following information:
1. List of all the panelist websites available on your subscription. The websites are usually identified by three or more characters. In our example, we have the website "cdn" listed.
   
   
2. Each website can have its variations in different languages. How many languages you will see in the table located below the website code, will depend on how your website was originally set up.
   
   The table displays each language and the links to edit the login page and the home page for individual language. In other words, you can apply different design template on the same panelist website using different language association. 
   
   From our example image below, we can set up the same "cdn" website to have blue colour scheme when panelists select French on the website, orange colour scheme when panelists select Chinese on the website, and red colour scheme when panelists select English on the website. Similarly, the same design template can be applied to all languages or just a selected subset.
   
   
   Follow the corresponding workflows below to learn how to make design changes on the login and/or home pages of your panelist website(s) for each available language.

Edit Login Page

1. Large screen preview. On the far left, you will see a preview of what the website changes look like on the devices with larger screens, such as laptops, desktops and tablets.
   
   
2. Small screen preview. In the middle, you will see a preview of the website changes in vertical orientation on handheld devices with smaller screens.
   
   
3. Settings. On the right, in the settings bar, use various settings to customize your website. Scroll in the bar to see all the available settings. The changes you make here will reflect in the two previews mentioned above.

There is no 'undo' button for settings changes. If you wish to cancel the changes made in the settings, close the browser tab without clicking Save website.

Login Page Settings

1. Layout type. The login page editing settings come with five (5) distinct layout templates. When opening the Edit login page, the template that is currently applied to your panelist website's login page will be selected. Click the list to select a different template. The selection will reflect on larger screens only.
   
   
2. Header logo. An image, typically a logo, can be uploaded to the panelist login page header by clicking Browse. Compatible image file types are .jpeg, .png and .gif. The image file size can be 10MB or less for successful upload. 
   
   Select different layout templates to see the position of the logo on the page for each template. The logo will reflect on all screen sizes.
   
   Click the trashcan icon to delete a logo.
   
   
3. Colour. There are two background levels, Background 1 and Background 2, where you can apply colour, and two corresponding text colour settings, Text 1 and Text 2. The two different background areas on the panelist login page display differently depending on the selected layout template. 
   
   Click on each background and text colour to change as desired. The colour selections will reflect on all screens sizes. These colour selections will also reflect on the home page.
   
   Gradient setting when toggled to on will apply on larger screens only if the page does not have the background image applied to it (see the next setting for details). Smaller screens always display gradient colours regardless of whether this setting is toggled on or off.
   
   
4. Image. Available in layout templates 2, 3, and 4. A background image can be uploaded to the panelist login page by clicking Browse. Compatible image file types are .jpeg, .png and .gif. The image file size can be 10MB or less for successful upload. Background images will reflect on larger screens only.
   
   Click the trashcan icon to delete a background image.
   
   
5. Text. Use the Welcome and Sub-text to provide to your panelists additional information about your panelist website or your business. Use the Colour setting Text 1 described earlier to manage the colour for this text.
1. The Welcome text can have up to 100 characters. 
   
   
2. The Sub-text can have up to 250 characters.
   
   
6. Corner radius. Use this setting to control how rounded the edges are for the form elements outlined below. Hover over each box to see which components of the login page are affected by these settings. Change the values as necessary to achieve the desired sharp or round appearance on the login page.
1. Button. The default value is 8. 
   
   
2. Inputs. The default value is 30. 
   
   
3. Card. The default value is 40. 
   
   
7. Contact info. Control whether and what contact information is included on the panelist website's login page. Populate as many contact details outline below and use the Show contact info to control when you want that information visible on the website.
   
1. Phone. Alphanumeric characters are allowed if you wish to present your company telephone number without exposing yourself to scammers.
   
   
2. Email. Only valid email address format will be displayed to panelists. If text entered does not meet the email address format validation, the field will illuminate red.
   
   
3. Address. Alphanumeric characters are compatible with this field.
   
   
4. Instagram. Only valid Instagram account URL format will be displayed to panelists. If text entered does not meet the Instagram account URL format validation, the field will illuminate red.
   
   
5. X. Only valid X account URL format will be displayed to panelists. If text entered does not meet the X account URL format validation, the field will illuminate red.
   
   
6. Facebook. Only valid Facebook account URL format will be displayed to panelists. If text entered does not meet the Facebook account URL format validation, the field will illuminate red.
   
   
8. When happy with changes, click Save website. If you want to cancel all the changes, close the browser tab.
   
   

Edit Home Page

There is no 'undo' button for settings changes. If you wish to cancel the changes made in the settings, close the browser tab without clicking Save website.

Home Page Settings

1. Header logo. An image, typically a logo, can be uploaded to the panelist home page header by clicking Browse. Compatible image file types are .jpeg, .png and .gif. The image file size can be 10MB or less for successful upload. 
   
   The logo will display in the top left corner on all screen sizes.
   
   Click the trashcan icon to delete a logo.
   
   
2. Select background. Control whether the home page will have a background image or not. 
   
1. Use colour. When selected, the background colour specified in the next setting ("Select colours") will be applied. 
   
   
2. Use image. When selected, a new option will become available to upload the background image. Compatible image file types are .jpeg, .png and .gif. The image file size can be 10MB or less for successful upload. 
   
   Successfully uploaded image will automatically replace previous background colour and it will apply to all screen sizes.
   
   
3. Select colors. Control whether the Background and Text 1 or Background and Text 2 will be applied to the home page. These colour combinations are coming from the Edit login page.
   
   When background image is applied instead of background colours, the background colours will be ignored but the text colours will apply.
   
   
4. Menu. Control the features available to your panelists on the home page. If any of the below mentioned features is not available to you, please contact Compusense Support for details.
       
   
1. Points display. When toggled on, panelists will see their points balance in the page header.
   
   
2. Messages. When toggled on, panelists will see a tab where they can check emails sent to them by you or your colleagues. The label on the tab is controlled through the Languages library. 
   
   
3. Schedules. When toggled on, panelists will see a tab where they can view their past and future schedules, and where they can reschedule their future sittings.
   
   
4. Account. When toggled on and if enabled by Compusense in the back end, panelists will see a tab where they can update their personal information. If this feature is not available to you and you would like to take advantage of it, please contact Compusense Support for details.
   
   
5. Points center. When toggled on, panelists will see a tab where they can see a list of all the tests they completed and how many points they received for each test, if applicable.
   
   
6. Panelist rewards. When toggled on, panelists will see a tab where they can redeem their points when eligible for that.
   
   
5. When happy with changes, click Save home page. If you want to cancel all the changes, close the browser tab.