Activating the signup banner on your project page is a great way to encourage new participants to register and participate on your site. By doing this you will be able to capture important registration information from your participants and allow them to get involved with tools that are set to registered participants only.
The signup banner will display only if the participant is not a registered user on your site, prompting them to register. If a previously registered participant is signed in the banner, it will NOT be displayed on the project page.
To use the Signup Banner widget, you need to add it to your EHQ project. The following steps describe how to add the widget:
Select the Projects link in the navigation bar of EHQ and click on your specific project. You can use the Search box to locate the required project.
Click on the title of your project. In this case, the project in which the widget is to be added is “Sample project for EHQ”. You can view the selected project’s page.
Click on the Add Widgets button to add the Signup Banner widget to your project. A list of widgets is displayed on a draw from the right of the screen. Click on Signup Banner.
Now, you can view the Signup Banner page on your screen. In this page, you can enter the details that you would want to appear on the signup banner. There are two types of banners; Html Banner and Image Banner.
To use an HTML banner, click on the Html Banner radio button in the Signup Banner page.
The following fields are displayed.
- Call-To-Action box: Enter the text that must appear on the button. For example, you can enter the word “Register”.
- Banner box: Enter the text that must appear on the signup banner. For example, you can enter “to get involved!”
You can enhance the appearance of the signup banner by changing the background colours. To do this, click on the colour palette given in the page, select a colour of your choice and click on the Choose button. The selected colour is displayed in the signup banner. Finally, click on the Save & Close button.
The selected colours are displayed in the background of the signup banner, as indicated below.
After making the necessary changes, click on the Save & Close button.
To select an image for your signup banner, click on the Image Banner radio button. The following screen is displayed.
Click in the 'Select from image gallery' box and select any image from our default collection to be uploaded. Images from the desktop can also be upload by clicking on the box 'Select from device'. Supported formats are .jpg, .jpeg, .png and .gif.
Enter an appropriate alternative text in the Alt text field to understand the importance of ALT text, read the importance of ALT attributes in images.
After entering the details in the provided fields, click on the Save button. The Signup Banner widget is now available in your project page.
Display of Banner
You can change the settings of your Signup Banner widget by clicking on the title. Also, you can preview the project by clicking on the Preview button located at the top end of your project page. Clicking on the button displays participant’s view of all the tools and widgets in the project.
The preview is displayed in a new tab as indicated below.
If you do not want the Signup Banner widget to be displayed in the published project, select the Hide option. To permanently delete the widget from your project, select the Delete option. Please note that the Delete action CANNOT be undone.
Given below is the preview of the project with the Hide option selected. In this case, the Signup Banner widget is hidden in the preview.
Note - The Signup banner will be displayed in the project page or home page only once the site is launched and made public, however, you can preview it in an incognito browser window. Or, to check a new user experience, you will have to be logged out and your browser cache cleared.