Difference between revisions of "ProDon:Home Page and Website Configuration"

From Logilys
Jump to: navigation, search
Line 13: Line 13:
 
Moreover, when an Internet user makes a donation or registers to an activity via a Web form, '''''ProDon''''' adds him or her automatically to the database when importing the donations.
 
Moreover, when an Internet user makes a donation or registers to an activity via a Web form, '''''ProDon''''' adds him or her automatically to the database when importing the donations.
  
−
== Home page and Website Configuration<br>  ==
+
== Home Page and Website Configuration<br>  ==
  
−
Prior to creating the Web forms, it is important to configure the homepage and the website. The homepage contains the list of all the Web forms available to Internet users.<br>  
+
Prior to creating the Web forms, it is important to configure the home page and the website. The home page contains the list of all the Web forms available to Internet users.<br>  
  
 
To do so, go to the "Web form management".  
 
To do so, go to the "Web form management".  
Line 41: Line 41:
 
|-
 
|-
 
|  
 
|  
−
To configure the homepage, click on the [[Image:Configure website button.png]] button.  
+
To configure the home page, click on the [[Image:Configure website button.png]] button.  
  
 
|}
 
|}
Line 51: Line 51:
 
=== Configuration Tab<br>  ===
 
=== Configuration Tab<br>  ===
  
−
This tab allows you to customize the appearance of the homepage, as well as a few options of the website. It is possible to choose the colours and writing fonts, to choose the colour of the background and margins, to add a logo and personalized notes, etc.  
+
This tab allows you to customize the appearance of the home page, as well as a few options of the website. It is possible to choose the colours and writing fonts, to choose the colour of the background and margins, to add a logo and personalized notes, etc.  
  
 
<br>  
 
<br>  
Line 85: Line 85:
  
 
| width="50%" |  
 
| width="50%" |  
−
'''<span style="color: rgb(255, 0, 0);">F: </span>'''The [[Image:Edit_font_button.png]] button allows you to modify the font of the report that contains the list of online donations.
+
'''<span style="color: rgb(255, 0, 0);">F: </span>'''The [[Image:Edit font button.png]] button allows you to modify the font of the report that contains the list of online donations.  
  
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
−
'''<span style="color: rgb(255, 0, 0);">G: </span>'''Displays a back link to the home page directly into the form. To view an example of back link to the home page, see '''point '''<span style="color: rgb(255, 0, 0);">'''A'''</span> of the "Web Form Example 1" section of the "Creating a Web Form" document.
+
'''<span style="color: rgb(255, 0, 0);">G: </span>'''Displays a back link to the home page directly into the form. To view an example of back link to the home page, see '''point '''<span style="color: rgb(255, 0, 0);">'''A'''</span> of the "Web Form Example 1" section of the "Creating a Web Form" document.  
  
 
| width="50%" |  
 
| width="50%" |  
−
'''<span style="color: rgb(255, 0, 0);">H: </span>'''Displays the time remaining to the session at the bottom of the form. To view an example of time remaining to the session, see '''point '''<span style="color: rgb(255, 0, 0);">'''A'''</span> of the "Web Form Example 2" section of the "Creating a Web Form" document.
+
'''<span style="color: rgb(255, 0, 0);">H: </span>'''Displays the time remaining to the session at the bottom of the form. To view an example of time remaining to the session, see '''point '''<span style="color: rgb(255, 0, 0);">'''A'''</span> of the "Web Form Example 2" section of the "Creating a Web Form" document.  
  
−
'''NOTE:'''&nbsp;The session time is always limited.
+
'''NOTE:'''&nbsp;The session time is always limited.  
  
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
−
'''<span style="color: rgb(255, 0, 0);">I: </span>'''Determines the duration of the session.
+
'''<span style="color: rgb(255, 0, 0);">I: </span>'''Determines the duration of the session.  
  
−
'''NOTE:''' Usually, the duration is set between 15 and 30 minutes to allow people to fill in the form rigorously.
+
'''NOTE:''' Usually, the duration is set between 15 and 30 minutes to allow people to fill in the form rigorously.  
  
 
| width="50%" |  
 
| width="50%" |  
−
'''<span style="color: rgb(255, 0, 0);">J: </span>'''This drop-down menu allows you to choose the positioning of the title and logo on the form home page. To view an example of title and logo positioning,'''see point '''<span style="color: rgb(255, 0, 0);">'''F'''</span> of the "Home page Example" section. It is also possible to insert a banner in the header of the Web form or of the home page rather than inserting a title and a logo. To do so, select the option "Display only the logo followed by a space" or "Display only the logo without a space". To view an example of banner, see '''point '''<span style="color: rgb(255, 0, 0);">'''M'''</span> of the "Web Form Example 3" section.
+
'''<span style="color: rgb(255, 0, 0);">J: </span>'''This drop-down menu allows you to choose the positioning of the title and logo on the form home page. To view an example of title and logo positioning,'''see point '''<span style="color: rgb(255, 0, 0);">'''F'''</span> of the "Home page Example" section. It is also possible to insert a banner in the header of the Web form or of the home page rather than inserting a title and a logo. To do so, select the option "Display only the logo followed by a space" or "Display only the logo without a space". To view an example of banner, see '''point '''<span style="color: rgb(255, 0, 0);">'''M'''</span> of the "Web Form Example 3" section.  
  
−
'''NOTE:''' To learn how to modify the logo of the home page, see the "Web site document" Tab" section.
+
'''NOTE:''' To learn how to modify the logo of the home page, see the "Web site document" Tab" section.  
  
 
|-
 
|-
−
| width="50%" | <br>  
+
| width="50%" |  
−
| width="50%" | <br>
+
'''<span style="color: rgb(255, 0, 0);">K: </span>'''Allows to round the corners of the background. To view an example of backfround, see '''point '''<span style="color: rgb(255, 0, 0);">'''B'''</span> of the "Home Page Example" section.
 +
 
 +
| width="50%" |  
 +
'''<span style="color: rgb(255, 0, 0);">L:&nbsp;</span>'''Allows you to add shade in the bottom right part of the background. To view an example of background, see '''point'''<span style="color: rgb(255, 0, 0);">''' B'''</span> of the "Home Page Example" section.
 +
 
 
|}
 
|}
  
−
<br>
+
<br>  
  
 
==== "French" and "English" Tabs<br>  ====
 
==== "French" and "English" Tabs<br>  ====

Revision as of 00:21, 27 June 2013

Template:Header ProDon


Introduction

The Online Donation Module allows the donors to make donations directly through the Web.

In order for the donors to be able to make donations, a website must first be created and configured. The creation of an online donation website includes the configuration of the website's home page, as well as the creation of different Web forms. Each Web form is attached to a donation occasion, this ensures that Internet users can sign up to the fundraising activities of an organization, or make a donation directly online.


Moreover, when an Internet user makes a donation or registers to an activity via a Web form, ProDon adds him or her automatically to the database when importing the donations.

Home Page and Website Configuration

Prior to creating the Web forms, it is important to configure the home page and the website. The home page contains the list of all the Web forms available to Internet users.

To do so, go to the "Web form management".

Click on the "Configuration" menu, then select "Web form button.png Web forms"




After clicking on "Web form button.png Web forms", this window opens.


To configure the home page, click on the Configure website button.png button.



Configuration Tab

This tab allows you to customize the appearance of the home page, as well as a few options of the website. It is possible to choose the colours and writing fonts, to choose the colour of the background and margins, to add a logo and personalized notes, etc.


"Preview" Tab

This tab allows you to customize the appearance of the home page, as well as a few general options of the Web forms.

After clicking on the Configure website button.png button of the previous page, this window opens.


A: The Colour button.png button allows you to modify the colour of the margin. To view an example of margin, see point A of the "Home page Example" section.

B: The Colour button.png button allows you to modify the colouor of the background. To view an example of background, see point B of the "Home page Example" section.

C: The Colour button.png button allows you to modify the home page title and the Font button.png button allows you to modify the font of the home page title. To view an example of title font, see point C of the "Home page Example" section.

D: The Colour button.png button allows you to modify the colour of the form name and the Font button.png button allows you to modify the form name font. To view an example of form name font, see point D of the "Home page Example" section.

E: The Colour button.png button allows you to modify the colour of the form description and the Font button.png button allows you to modify the font of the form description. To view an example of form description font, see point E of the "Home page Example" section.

F: The Edit font button.png button allows you to modify the font of the report that contains the list of online donations.

G: Displays a back link to the home page directly into the form. To view an example of back link to the home page, see point A of the "Web Form Example 1" section of the "Creating a Web Form" document.

H: Displays the time remaining to the session at the bottom of the form. To view an example of time remaining to the session, see point A of the "Web Form Example 2" section of the "Creating a Web Form" document.

NOTE: The session time is always limited.

I: Determines the duration of the session.

NOTE: Usually, the duration is set between 15 and 30 minutes to allow people to fill in the form rigorously.

J: This drop-down menu allows you to choose the positioning of the title and logo on the form home page. To view an example of title and logo positioning,see point F of the "Home page Example" section. It is also possible to insert a banner in the header of the Web form or of the home page rather than inserting a title and a logo. To do so, select the option "Display only the logo followed by a space" or "Display only the logo without a space". To view an example of banner, see point M of the "Web Form Example 3" section.

NOTE: To learn how to modify the logo of the home page, see the "Web site document" Tab" section.

K: Allows to round the corners of the background. To view an example of backfround, see point B of the "Home Page Example" section.

L: Allows you to add shade in the bottom right part of the background. To view an example of background, see point B of the "Home Page Example" section.


"French" and "English" Tabs



















"Labels" Tab











"Notes" Tab

















"Website documents" Tab









"Import" Tab






Homepage and Website Configuration Examples

Website in maintenance Page Example







Homepage Example












Terms and Conditions Page Example






Document name: ProDon:Home Page and Website Configuration

Retrieved from "http://wikien.logilys.com/index.php?title=ProDon:Home_Page_and_Website_Configuration&oldid=4640"