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

From Logilys
Jump to: navigation, search
Line 57: Line 57:
 
==== "Preview" Tab<br>  ====
 
==== "Preview" Tab<br>  ====
  
−
This tab allows you to customize the appearance of the homepage, as well as a few general options of the Web forms.<br>  
+
This tab allows you to customize the appearance of the home page, as well as a few general options of the Web forms.<br>  
  
 
{| width="50%" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
{| width="50%" cellspacing="1" cellpadding="1" border="1" class="wikitable"
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 "Homepage Example" 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 "Home page 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 "Homepage Example" 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 "Home page 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 "Homepage Example" section.  
+
'''<span style="color: rgb(255, 0, 0);">C: </span>'''The [[Image:Colour button.png]] button allows you to modify the home page title and the [[Image:Font button.png]] button allows you to modify the font of the home page title. To view an example of title font, see '''point '''<span style="color: rgb(255, 0, 0);">'''C'''</span> of the "Home page 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 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.  
+
'''<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 "Home page 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 "Homepage Example" 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 "Home page Example" section.
 +
 
 +
| 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.
  
−
| width="50%" | <br>
 
 
|-
 
|-
−
| width="50%" | <br>  
+
| width="50%" |  
−
| width="50%" | <br>
+
'''<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%" |  
 +
'''<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.
 +
 
 
|-
 
|-
−
| width="50%" | <br>  
+
| width="50%" |  
−
| width="50%" | <br>
+
'''<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.
 +
 
 +
| 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.
 +
 
 +
'''NOTE:''' To learn how to modify the logo of the home page, see the "Web site document" Tab" section.
 +
 
 
|-
 
|-
 
| width="50%" | <br>  
 
| width="50%" | <br>  
Line 96: Line 112:
 
|}
 
|}
  
−
<br>  
+
<br>
  
 
==== "French" and "English" Tabs<br>  ====
 
==== "French" and "English" Tabs<br>  ====

Revision as of 00:15, 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 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 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.




"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=4638"