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

From Logilys
Jump to: navigation, search
Line 15: Line 15:
 
== 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 homepage and the website. The homepage contains the list of all the Web forms available to Internet users.<br>  
  
−
To so so, go to the "Web form management".
+
To do so, go to the "Web form management".  
  
 
{| width="50%" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
{| width="50%" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
|-
 
|  
 
|  
−
Click on the "Configuration" menu, then select "[[Image:Web_form_button.png]] Web forms"
+
Click on the "Configuration" menu, then select "[[Image:Web form button.png]] Web forms"  
  
 
|-
 
|-
Line 35: Line 35:
 
|-
 
|-
 
|  
 
|  
−
After clicking on "[[Image:Web_form_button.png]] Web forms", this window opens.
+
After clicking on "[[Image:Web form button.png]] Web forms", this window opens.  
  
 
|-
 
|-
Line 41: Line 41:
 
|-
 
|-
 
|  
 
|  
−
To configure the homepage, click on the [[Image:Configure_website_button.png]] button.
+
To configure the homepage, click on the [[Image:Configure website button.png]] button.  
  
 
|}
 
|}
Line 47: Line 47:
 
<br>  
 
<br>  
  
−
 
+
<br>
  
 
=== 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 the margins, to add a logo as well as personalized notes, etc.
+
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.  
  
 
<br>  
 
<br>  
Line 68: Line 68:
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
−
'''<span style="color: rgb(255, 0, 0);">A: </span>'''The [[Image:Colour button.png]] button allows you to modify the colour of the margin. To view an example of margin, see '''point '''<span style="color: rgb(255, 0, 0);">'''A'''</span> of the "Example of a Homepage" section.<br>  
+
'''<span style="color: rgb(255, 0, 0);">A: </span>'''The [[Image:Colour button.png]] button allows you to modify the colour of the margin. To view an example of margin, see '''point '''<span style="color: rgb(255, 0, 0);">'''A'''</span> of the "Homepage Example" section.<br>  
  
 
| width="50%" |  
 
| width="50%" |  
−
'''<span style="color: rgb(255, 0, 0);">B: </span>'''The [[Image:Colour_button.png]] button allows you to modify the colouor of the background. To view an example of background, see '''point'''<span style="color: rgb(255, 0, 0);">''' B'''</span> of the "Example of a Homepage" section.
+
'''<span style="color: rgb(255, 0, 0);">B: </span>'''The [[Image:Colour button.png]] button allows you to modify the colouor of the background. To view an example of background, see '''point'''<span style="color: rgb(255, 0, 0);">''' B'''</span> of the "Homepage Example" section.  
  
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
−
'''<span style="color: rgb(255, 0, 0);">C: </span>'''The [[Image:Colour_button.png]] button allows you to modify the homepage title and the [[Image:Font_button.png]] button allows you to modify the font of the homepage title. To view an example of title font, see '''point '''<span style="color: rgb(255, 0, 0);">'''C'''</span> of the "Example of a Homepage" section.
+
'''<span style="color: rgb(255, 0, 0);">C: </span>'''The [[Image:Colour button.png]] button allows you to modify the homepage title and the [[Image:Font button.png]] button allows you to modify the font of the homepage title. To view an example of title font, see '''point '''<span style="color: rgb(255, 0, 0);">'''C'''</span> of the "Homepage Example" section.  
  
 
| width="50%" |  
 
| width="50%" |  
−
'''<span style="color: rgb(255, 0, 0);">D: </span>'''The [[Image:Colour_button.png]] button allows you to modify the colour of the form names and the [[Image:Font_button.png]] button allows you to modify the form name font. To view an example of form name font, see '''point '''<span style="color: rgb(255, 0, 0);">'''D'''</span> of the "Example of a Homepage" section.
+
'''<span style="color: rgb(255, 0, 0);">D: </span>'''The [[Image:Colour button.png]] button allows you to modify the colour of the form name and the [[Image:Font button.png]] button allows you to modify the form name font. To view an example of form name font, see '''point '''<span style="color: rgb(255, 0, 0);">'''D'''</span> of the "Homepage Example" section.  
  
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
−
'''<span style="color: rgb(255, 0, 0);">E: </span>'''The [[Image:Colour_button.png]] button allows you to modify the colour of the form description and the [[Image:Font_button.png]] button allows you to modify the font of the form description. To view an example of form description font, see '''point '''<span style="color: rgb(255, 0, 0);">'''E''' </span>of the "Example of a Homepage" section.
+
'''<span style="color: rgb(255, 0, 0);">E: </span>'''The [[Image:Colour button.png]] button allows you to modify the colour of the form description and the [[Image:Font button.png]] button allows you to modify the font of the form description. To view an example of form description font, see '''point '''<span style="color: rgb(255, 0, 0);">'''E''' </span>of the "Homepage Example" section.  
  
 
| width="50%" | <br>
 
| width="50%" | <br>
Line 96: Line 96:
 
|}
 
|}
  
−
<br>
+
<br>  
  
 
==== "French" and "English" Tabs<br>  ====
 
==== "French" and "English" Tabs<br>  ====
Line 147: Line 147:
 
<br>  
 
<br>  
  
−
<br>
+
<br>  
  
 
==== "Labels" Tab<br>  ====
 
==== "Labels" Tab<br>  ====
Line 175: Line 175:
 
<br>  
 
<br>  
  
−
<br>
+
<br>  
  
 
==== "Notes" Tab<br>  ====
 
==== "Notes" Tab<br>  ====
Line 219: Line 219:
 
<br>  
 
<br>  
  
−
<br>
+
<br>  
  
 
==== "Website documents" Tab<br>  ====
 
==== "Website documents" Tab<br>  ====
Line 246: Line 246:
 
<br>  
 
<br>  
  
−
<br>
+
<br>  
  
 
=== "Import" Tab<br>  ===
 
=== "Import" Tab<br>  ===

Revision as of 23:27, 26 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 homepage, 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 homepage and the website. The homepage 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 homepage, click on the Configure website button.png button.



Configuration Tab

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.


"Preview" Tab

This tab allows you to customize the appearance of the homepage, 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 "Homepage 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 "Homepage Example" section.

C: The Colour button.png button allows you to modify the homepage title and the Font button.png button allows you to modify the font of the homepage title. To view an example of title font, see point C of the "Homepage 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 "Homepage 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 "Homepage Example" section.









"French" and "English" Tabs



















"Labels" Tab











"Notes" Tab

















"Website documents" Tab









"Import" Tab






Homepage and Website Configuration Examples

Example of a Website in maintenance







Example of Homepage












Example of a Terms and Conditions Page






Document name: ProDon:Home Page and Website Configuration

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