ProDon:Creating a Web Form

From Logilys
Revision as of 10:41, 17 July 2013 by Cbrochu (talk | contribs)
Jump to: navigation, search

Template:Header ProDon

Introduction

The Online Donations 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 online donations website includes the configuration of the home page and the website, as well as the creation of different Web forms. Each Web form is attached to a donation occasion, this ensures that Internet users are able to register online to the fundraising activities of the organization, or make a donation directly online.


Moreover, when an Internet user make a donation or register to an activity through a Web form, ProDon automatically adds him or her to the database when importing the donations.


Creating a Web Form

If it is not already done, it is better to configure the home page and the website prior to creating Web forms.

To learn how to configure the home page and the website, consult this procedure.

To create a Web form, go to "Web form management".

To do so, click on the "Configuration" menu, then select "Web form button.png Web forms".

Creating a Web Form 001.png


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

Creating a Web Form 002.png

A: The Button add plus.png, Button Edit.png and Button Minus remove delete.png buttons allow you to add, modify or delete a form, select the right form  at N. To modify or delete a form, select the right form at N, then click on Button Edit.png or on Button Minus remove delete.png.

NOTE: It is highly inadvisable to delete a form, it is better to archive it. View point D to learn how to archive a Web form.

B: If the Dot in the middle button.png button is orange, this means that the form selected at N is "In development". A form that is "In development" is being created and cannot be viewed on the test website or on the production website. When creating a form, it is "In develpoment" by default. To view the list of forms "In development", go to the tab at K.

C: If the In production button.png button is orange, this means that the form selected at N is "In test" or "In production". A form "In test" means that the form is almost completely created and can be viewed on a website provided for this purpose for internal testing. Once there is no more correction necessary, the form has to become "In production", in order to make it accessible to all Internet users. To voew the list of form "In test" or "In production", go to the "Active" tab, at L.

NOTE: See points E, F, G and H to learn how to publish a form in test or in production.

D: If the Button checkbox checked crossed.png button is orange, this means that the form selected at N is "Archived". An "Archived" form is an inactive form, which means that this form is not used for the moment or will no longer be used. To archive a form, select the form to archive at N, then click on the Button checkbox checked crossed.png button. To view the list of archived forms, go to the tab at M.

E: The Test button.png button allows you to publish the form selected at N on the test website, i order to view and test it before putting it online.

NOTE: After clicking on this button, 3 options become available, select the appropriate option.

CAUTION: You must publish the form on the test website each time edits are made.

F: The Publish button.png button allows you to publish the form selected at N.

NOTE: After clicking on this button, 3 options become available, select the appropriate option.

CAUTION: You must publish the form on the test website AND on the production website each time that edits are made.

CAUTION: If the Maintenance button.png button is not activated during the modification, ProDon will demand that you activate it before making the modifications. For more information concerning maintenance, see point I.

G: The Test button.png button allows you to view the home page of the forms or theform selected at N on the test website. A test form can be viewed on a website provided for the purpose of internal testing.

NOTE: After clicking on this button, 3 options become available, select the appropriate option.

CAUTION: So that the last modifications become visible on the form, you have to publish it on the test website before viweing it. To learn how to publish a form in test, see point E.

H: The Production website button.png button allows you to view the home page of the forms or the form selected at N on the production website. The forms published on the production website are visible and can be completed by any Internet users. 

NOTE: After clicking on this button, 3 options become available, select the appropriate option.

CAUTION: So that the last modifications become visible on the form, you have to publish it on the test website AND on the production website before viewing it. To learn how to publish a form in production, see point F.

I: If the Maintenance button.png button is orange, this means that the website is in maintenance. To view an example of website in maintenance, click here.

NOTE: It is required to activate the maintenance button to be able to send a form or the modificatiosn made to the home page on the production website.

CAUTION: When the wbsite is in maintenance, none of the forms can be completed by Internet users and nobody can view the home page. Therefore, it is important to deactivate the maintenance after sending the form or the home page on the production website.

J: The "All" tab contains all types of forms ("In development" forms, "In test" forms, "In production" forms and archived forms) available in the "Form management".

K: The "In development" tab contains only the forms that are being created; that is, the forms that have not yet been published on the test website nor on the production website. For more information concerning forms "In development, see point B.

L: The "Active" tab contains only the forms that have been published on the teste website or on the production website. For more information concerning Forms "In test" or "In production", see point C.

M: The "Archived" tab contains the forms that have been deactivated; that is, the form is not used for the moment or might never be used again. For more information concerning archived forms, see point D.

N: It is the list of forms available in the selected tab.


After clicking on the Button add plus.png button or on the Button Edit.png button, this window opens.

Creating a Web Form 003.png

A: It is the form code.

NOTE: It is important to give a precise code so that the search becomes more effective.

B: Allows you to determine whether the form should be created in French only, English only, or in both languages.

C: These are the French and English names of the form. To view an example of name, see point D of the "Home Page Example" section of the  "Home Page and Website Configuration" document. 

NOTE: It is important to give a precise name so that the search becomes more effective.

CAUTION: If the "English" checkbox at B is deactivated, the field for the English name is not available.

D: These are the French and English descriptions of the form. To view an example of description, see point E of the "home Page Example" section of the "Home Page and Website Configuration" document.

CAUTION: If the "English" checkbox at B is deactivated, the field for the English description is not available.


"Form Options" Tab

This tab allows you to configure the general appearance of the form.

Creating a Web Form 004.png

A: The "Display on the home page" checkbox allows you to display or not the form on the home page.

B: The "Expiration date of the form" field allows you to specify an expiration date for the form. This field is used mostly for a registration form for an event, when there is a deadline to register. From the expiration date , a message saying that the form is expired will be displayed when opening ProDon.

CAUTION: Even if an expiration date is specified, you will ahve to manually deactivate the form on the day of the expiration date. If the form is not manually deactivated, it will remain available for Internet users.

C: When the option "According to the filled out form" is selected, if the client fills out the form in English, he or she will be added as an English speaker in ProDon during the import.

If the option "Ask the client" is selected , you will have to specify the languages by clicking on the Specify languages button.png button, then a field allowing you choose the language will be added to the form. For instance, if the donor fills out the English form, but he or she specifies that his or her language is French, he or she will be added as a French speaker in ProDon during the import. To view an example of field allowing you to choose the language, see point H  of the "Web Form Example1" section.

D: The Edit labels button.png button allows you to modify the names of all the fields of the form, except for the "Transaction" section. It is possible to create groups of labels in order to reuse them in all the forms. For more information concerning label groups, see this document.

E: The Edit labels button.png button allows you to modify the names of the fields in the "Transaction" section of the form. It is possible to create label groups in order to be able to resuse them in all the forms. To learn more about labels, consult this document.

F: The "Personal donor" checkbox allows individuals to make donations.

NOTE: Check the checkbox at G to enable companies to make donations.

G: The "Corporate donor" checkbox allows companies to make donations.

NOTE: Check the checkbox at  F to enable individuals to make donations.

H: The "Job title required" checkbox requires the donor to enter his or her job title, if he or she is a corporate donor. 

I: Choose among the options in the drop-down menu. By selecting the "Personal" option, the "Personal" type of donor will appear by default on the form. By selecting the "Corporate" option, the "Corporate" type of donor will appear by default on the form. By selecting the "ask before form entry" option, a window opens prior to the opening of the form, asking you to choose either options. By selecting "None", the "Donor type" section will blink when opening the form, until a donor type is specified.

J: Decide whether the default transaction is a regular transaction or a commitment transaction. In order for the two options to be available, you must activate them in the "Transaction" and "Commitment" tabs.
NOTE: It is possible to create a form with only transactions, only commitments or a form allowing both transactions and commitments.

CAUTION: To be able to activate commitments in a Web form, the "Prospecting and Commitments" module must be activated in  ProDon.

K: If this checkbox is checked, the registration number of the organization will appear at the bottom of the form. To view an example of NPO label, see point E of the "Web Form Example 2" section.


L: If this checkbox is checked, the donor is required to specify his or her email address in the form.

M: If this checkbox is checked, the donor is required to enter hie or her email address a second time.

N: When the "Phone number required" checkbox is checked, you can also decide if you want to require the phone number. For instance, the checkboxes "Home", "Office and extension" and "Mobile" are checked plus the "Phone number required" option, the donor will have to enter at least one of the three, but will be able to choose which one he or she wants to give. On the other hand, if the "Home" and "Phone number required" are checked, the donor will have to his or her home phone number and will be able to enter others if he or she wishes to.

NOTE: The "Personal" section allows you to choose which number individuals will have to provide and the "Corporate" section allows you to choose which number companies will have to provide. For instance, if in the "Corporate" section, only the "Office and extension" checkbox is checked, companies will be required to enter an office phone number to make transactions.

O: If the "Display the comment" checkbox is checked, a "Comment" field will appear at the bottom of the form. To view an example of "Comment" field, see point F of the "Web Form Example 2" section.

P: If this checkbox is checked, the activity for which the donor has made a donation will be displayed in the payment confirmation.
NOTE: If the payment information is displayed in a table, this option is unavailable.

Q: By clicking on this button, the following window opens.



After clicking on the GET & POST button.png button, this window opens.

Creating a Web Form 005.png

Changing for the parameter mode, allows you to send prefilled information to a Web form from another Web platform or from an HTML email. 

This is an advanced feature is meant for Web developers who wish to change parameters with the GET or POST method.

Logilys does not offer training nor direct support on the usage, except to Web programmers who already have the reuired qualifications to handle this function.

NOTE: To learn more about the GET and POST parameters of the Web forms, consult this document.


After clicking on the Specify languages button.png button, this window opens.

Creating a Web Form 006.png

A: These are the languages that can be selected for the person who completes the form. To view an example allowing the user to choose the language, see point H of teh "Web Form Example 1" section.

B: The Button add plus.png button allows you to add a new language to the list at A.

C: The Button Edit.png button allows you to modify an existing language in the list. To do so, select the language to modify at A, then click on the Button Edit.png button. File:Bouton Modifier.png.

D: The Button Minus remove delete.png button alllows you to remove a language from the list.  To do so, select the language to modify at A, then click on the Button Minus remove delete.png buttonBouton Retirer.png.


After clicking on the Edit labels button.png button, this window opens.

Creating a Web Form 007.png

A: It is the list of the form labels.

B: By clicking on the Bouton dupliquer.png button, it is possible to duplicate anoter label group. For more information concerning label groups, consult this document.

C: The Button Search.png button displays the search bar.

D: The Button Edit.png button allows you to modify a label in the list at A. To do so, select the label to modify at A, then click on the Button Edit.png button.


"Transaction" Tab

This tab allows you to configure the "Transaction" section of the form.

Creating a Web Form 008.png

A: If this checkbox has been activated, the "Transaction" section will be available on the form.

B: The Bouton dupliquer.png button allows you to duplicate transactional information from another form.

C: Select the donation occasion for which the transactions will be made.

D: This checkbox displays or not the payment information on the form. If this checkbox is unchecked, it is possible to make $0 transactions. For instance, it is possible to create a form to register to a free event, make a scholarship request or for financing. During the import, a $0 pending transaction will be then imported in ProDon.

NOTE: It is required to use a "Pending" payment method.

E: This checkbox displays the payment information in a chart, see point B of the "Web Form Example 2" section.  To view an example of payment that is not in the chart, see point B of the "Web Form Example 1" section.

NOTE: Donors can select more than one activity only if the payment information is displayed in a chart.

F: These are the activities for which the donor can make a donation or register. To add, modify or delete activities, see points G, H and I.

G: The Button add plus.png button allows you to add activities at F.

NOTE:  The activity must have previously been created in the "Donation occasion management".

H: The Button Edit.png button allows you to modify an activity in the list at F. To modify an activity, select the activity to modify, then click on the Button Edit.png button.

I: The Button Minus remove delete.png button allows you to delete an activity at F. To delete an activity, select the activity to delete, then click on the Button Minus remove delete.png button.

NOTE: If an activity is deleted from here, it will only be removed from the formand will always exist in the "Donation occasion management".

J: This button allows you to determine a minimum and maximum amount or quantity for donations. The minimum and maximum determined here will be applied to all the activities of the form.

NOTE: It is also possible to set a different minimum or maximum amount or quantity for each activity.

K: When the "Use the receipt checkbox" checkbox is checked, the donor has the choice to get or not a receipt. Moreover, the checkbox is always checked by default, except if a minimum amount is specified at P and that the amount of the donation is less than the minimum amount. To view an example of receipt checkbox, see point D of the "Web Form Example 2" section.

NOTE: It is highly recommended to always check this checkbox so that all the donors can receive a receipt if they wish to.

CAUTION: If the activity for which the form is assigned is configured not to issue receipts, the checkbox will not appear on the form, even if the one above is checked.

L: When an Internet user makes an instant payment, that he or she wants to get receipt and that this checkbox is checked, a link allowing you to print its receipt will be added to the payment confirmation email, which keeps the organization from issuing the receipt, since the donor would have already received it in an email.

M: The "Personal receipt" checkbox allows you to issue receipts to individuals. For instance, if the "Personal receipt" checkbox is not checked, none of the individuals will receive receipts, even if the checkbox at K is checked. However, if the "Personal receipt" checkbox is checked and that the checkbox at K is checked, individuals will have the choice to get a receipt or not.

NOTE: To enable the issuance of receipts to companies, see point N.

N: The "Corporate receipt" checkbox allows you to issue receipts to companies. For instance, if the "Corporate receipt" checkbox is not checked, none of the companies will get a receipt, even if the checkbox at K is checked. However, is the "Corporate receipt" checkbox and the checkbox at K are checked, companies will have the choice to get or a receipt or not.

NOTE: To enable the issuance of receipts to individuals, see point M.

O: If this checkbox is checked, only one receipt will be issued annually. For more details concerning the issuance of annual receipts, see the "Processing of Receipts to be Issued" procedure.

P: This field allows you to determine a minimum amount to issue a defalut receipt. For instance, if an amount of $20.00 is entered in this field and that a donation of $15.00 is made, the checkbox at K will not be checked by default on the form. However, if the checkbox at K has not been checked in the window above and that the amount of the donation is lower than the minimum amount, the client will not be able to get the receipt, even if he or she wishes to get one.

Q: This checkbox allows you to issue receipts for all the donations for which the amount is higher than the minimum amount. If this checkbox is checked and that the one at K is not checked, clients will not have the choice to get or not the receipt (donations for which the amount is less than the minimum amountwill not get receipts and the donations for which the amount is more then the minimum amount will get a receipt). If this checkbox is checked and that the one at K is also checked, donors who have given less than the minimum amount will have the choice to get a recipt or not, and donors who had given more than the minimum amount will get a receipt.



After clicking on the "Configure validations on quantity and amount" button, this window opens.

Creating a Web Form 009.png

A: Allows you to enter a minimum amount a donor can give.

B: Allows you to enter a maximum amount a donor can give.

C: Allows you to enter a minimum number of tickets a donor can buy.

D: Allows you to enter a maximum number of tickets a donor can buy.

E: This field allows you to sell tickets in multiples. For instance, if you enter 2 in the box, donors will be able to buy even numbers of tickets.


After clicking on the Button add plus.png button or the Button Edit.png button, this window opens.

Creating a Web Form 010.png

A: The drop-down list allows you to choose the activity that has to be modified or added.

NOTE: The activity must have previously been created in the "Donation occasion management".

B: This field allows you to give a French label to an activity.

C: This field allows you to give an English label to an activity.

D: This field allows you to create a French label for the number of tickets sold or the amount of the donation.

E: This field allows you to create an English label for the number of tickets sold or the amount of the donation.

F: This checkbox alows you to display the activity selected at A on the form.

G: This option displays an "Other amount" field on the form when there are suggested amounts. To view an example of "Other amount" field, see point C of the "Web Form Example 1" section.

Creating a Web Form 011.png

A: To suggest donation amounts on the form, enter them here. To view an example of a form with suggested amounts, see point D of the "Web Form Example 1" section.

B: The Button add plus.png button allows you to add suggested amounts to the list at A.

C: The Button Edit.png button allows you to modify an amount in the list at A. To do so, select the amount to modify at A, then click on the Button Edit.png button.

D: The Button Minus remove delete.png button allows you to remove an amount from the list at A. To do so, select the amount to remove at A, then click on the Button Minus remove delete.png button.

E: The Bouton dupliquer.png allows you to duplicate the suggested amounts from another activity of the form to enter them at dupliquer les montants A.

Creating a Web Form 012.png

A: These are the notes that will be displayed under the activity on the form. To view an example of note below an activity in a chart, see point C of the "Web Form Example 2" section. To view an example of note that is not below a chart, see point E of the "Web Form Example 1". section.

B: The Button add plus.png button allows you to add a note to the list at A.

NOTE: To learn how to configure the "Add note to the form" window, see this section.

C: The Button Edit.png button allows you to modify the notes at A. To do so, select the note to modify at A, then click on the Button Edit.png button.

D: The Button add plus.png button allows you to delete a note at A. To do so, select the note to delete at A, then click on the Button Minus remove delete.png button.

Creating a Web Form 013.png

A: This field allows you to choose the value entered at B is fixed or it can be modified by the donor. If the option chosen here is "The donor cannot modify the amount", the value entered at B will be entered by default when opening the form and the donor will not be able to modify it. However, if the option chosen here is "The donor may modify the amount", the value entered at B will be entered by default when opening the form, and the donor will be able to modify it.

B: This field allows you to specify a default amount or quantity. This amount will be displayed by default when opening the form.

NOTE: When the activity is an event and that it is a ticket sale, this field will be named "Default quantity". In this case, it is possible to specify a quantity that will be displayed by default when opening the form.

C: This field allows you to assign a minimum amount or quantity to make a transaction through the form.

NOTE: When the activity is an event and that it is a ticket sale, the field will be named "Minimum quntity".

D: This field allows you to assign a maximum amount or quantity to make a transaction through a form.

NOTE: When the activity is an event and that it is a ticket sale, the field will be named "Maximum quantity".

E: This field allows you to sell tickets in multiples. For instance, donors will only be able to buy even numbers of tickets.

NOTE: This field is visible only if the activity is an event and that it is a ticket sale.


"Commitment" Tab

Allows you to configure the "Commitment" section of a Web form.

 

"Donation occasion and activities" Tab

Creating a Web Form 014.png

A: If this checkbox is activated, the "Commitment" section will become available in the form.

The Bouton dupliquer.png button allows you to duplicate commitment information from another form.

B: The Bouton dupliquer.png button allows you to duplicate transactional information from another form.

C: If this checkbox is checked, the end date and the objective will be specified in the form. To view an example of commitment with an end date and an objective, see point F of the "Web Form Example 1" section.

D: Select the donation occasion for which the commitments will be made.

E: This checkbox displays the commitments in a chart. To view an example of payment information in a chart, see point B of the "Web Form Example 2" section. To view an example of payment information that is not in a chart, see point B of the "Web Form Example 1" section.

NOTE: Donors will be able to select more than one activity only if the payment information is displayed in the table.

F: These are the activities for which the donor may commit to donating. To add, modify or delete activities, see points G, H and I.

G: The Button add plus.png button allows you to add activities at F.

NOTE: The activity must have previously been created in the "Donation occasion management".

H: The Button Edit.png button allows you to modify an activity in the list at F. To do so, select the activity to modify, then click on the Button Edit.png button.

I: The Button Minus remove delete.png button allows you to remove an activity from the list at F. To do so, select the activity to remove, then click on the Button Minus remove delete.png button.


NOTE: If an activity is deleted from here, it will only be removed from the form and will always exist in the "Donation occasion management".

J: This button allows you to determine a minimum and a maximum amount per instalment. The minimum or maximum determined here will be applied to all the activities of the form.

NOTE: It is also possible to assign a different minimum and maximum amount for each activity.

K: When the "Use the receipt box" checkbox is checked, the donor has the choice to get or not a receipt. Moreover, this checkbox is always checked by default in the form, except when a minimum amount is specified at O and that the amount of the donation is lower than the minimum amount. To view an example of receipt, see point D of the "Web Form Example 2" section

NOTE: It is also possible to assign a different minimum and maximum amount or quantity for each activity.

L: The "Personal receipt" allows you to issue receipts to individuals. For instance, if the "Personal receipt" checkbox is not checked, none of the individuals will get a receipt, even if the checkbox at K is checked. However, if the "Personal receipt" checkbox is checked and that the checkbox at K is checked, individuals will have the choice to get or not a receipt.

NOTE: To enable the issuance of receipts to companies, see point M.

M: The "Corporate receipt" checkbox allows you to issue a receipt to companies. For instance, if the "Corporate receipt" checkbox is not checked, none of the companies will get receipts, even if the checkbox at K is checked. However, if the "Corporate receipt" checkbox is checked and that the checkbox at K is checked, companies will have the choice to get or not receipts.

NOTE: To enable the issuance of receipts to individuals, see point L.

N: If this checkbox is checked, only one receipt will be issued annually. To learn more about annual receipts, see the "Processing of Receipts to be Issued" procedure.

O : Ce champ permet de déterminer un montant minimum pour l'émission d'un reçu par défaut. Par exemple, si un montant de 20,00 $ est inscrit dans ce champ et qu'un don de 15,00 $ est effectué, la case en K ne sera pas cochée par défaut dans le formulaire. Par contre, si la case en K n'a pas été cochée dans la fenêtre ci-haut et que le montant du don est plus petit que le montant minimum, le client ne pourra pas recevoir de reçu, même s'il désire en recevoir un.

P: This checkbox allows you to issue receipts for all donations for which the amount is higher than the minimum amount. If this checkbox is checked and that the checkbox at K is not checked, clients will not have the choice to get or not a receipt (donations for which the amount is lower than the minimum amount will not get receipts and the donations for which the amount is higher than the minimum amount will get receipts). If this checkbox is checked and that the checkbox at K is also checked, donors who will have given less than the minimum amount will have the choice to get or not receipts, and donors who will have given more than the minimum amount will get receipts.



Après avoir cliqué sur le bouton « Configurer les validations sur la quantité et le montant », la fenêtre suivante s'ouvre.

Creating a Web Form 015.png

A : Permet d'inscrire un montant minimum que le donateur peut donner.

B : Permet d'inscrire un montant maximum que le donateur peut donner.



Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton File:Bouton Modifier.png, la fenêtre suivante s'ouvre.

Creating a Web Form 016.png

A : La liste déroulante permet de choisir l'activité qui doit être modifiée ou ajoutée.

NOTE : L'activité doit être préalablement créée dans la « Gestion des occasions de dons ».

B : Ce champ permet d'attribuer un libellé français à l'activité.

C : Ce champ permet d'attribuer un libellé anglais à l'activité.

D : Ce champ permet de créer un libellé français pour le montant du don.

E : Ce champ permet de créer un libellé anglais pour le montant du don.

F : Cette case permet d'afficher dans le formulaire l'activité choisie en A.

G : Cette option permet d'afficher un champ « Autre montant » dans le formulaire lorsqu'il y a des montants suggérés. Pour un exemple de champ « Autre montant », voir la lettre C de la section « Exemple 1 de formulaire Web ».

Creating a Web Form 017.png

A : Pour suggérer des montants de don dans le formulaire, les inscrire ici. Pour un exemple de formulaire avec des montants suggérés, voir la lettre D de la section « Exemple 1 de formulaire Web ».

B : Le bouton Bouton Ajouter.png permet d'ajouter des montants suggérés à la liste en A.

C : Le bouton File:Bouton Modifier.png permet de modifier un montant de la liste en A. Pour ce faire, sélectionner le montant à modifier en A, puis cliquer sur le bouton File:Bouton Modifier.png.

D : Le bouton Bouton Retirer.png permet de supprimer un montant de la liste en A. Pour ce faire, sélectionner le montant à supprimer en A, puis cliquer sur le bouton Bouton Retirer.png.

E : Le bouton File:Petit Bouton Dupliquer.png permet de dupliquer les montants suggérés d'une autre activité du formulaire pour les inscrire en A.

Creating a Web Form 018.png

A : Il s'agit des notes qui s'afficheront sous l'activité dans le formulaire. Pour un exemple de note sous une activité dans un tableau, voir la lettre C de la section « Exemple 2 de formulaire Web ». Pour un exemple de note sous une activité qui n'est pas dans un tableau, voir la lettre E de la section « Exemple 1 de formulaire Web ».

B : Le bouton Bouton Ajouter.png permet d'ajouter une note à la liste en A.

NOTE : Pour savoir comment configurer la fenêtre « Ajout d'une note de formulaire », consulter cette section.

C : Le bouton File:Bouton Modifier.png permet de modifier les notes en A. Pour ce faire, sélectionner la note à modifier en A, puis cliquer sur le bouton File:Bouton Modifier.png.

D : Le bouton Bouton Retirer.png permet de supprimer une note en A. Pour ce faire, sélectionner la note à supprimer en A, puis cliquer sur le bouton Bouton Retirer.png.

File:ProDon Création formulaire Web 019.pngCreating a Web Form 019.png

A : Ce champ permet de choisir si la valeur inscrite en B est fixe ou si elle peut être modifiée par le donateur. Si l'option choisie ici est « Le donateur ne peut pas modifier le montant », la valeur inscrite en B sera inscrite par défaut à l'ouverture du formulaire et le donateur ne pourra pas la modifier. Par contre, si l'option choisie ici est « Le donateur peut modifier le montant », la valeur inscrite en B sera inscrite par défaut à l'ouverture du formulaire, mais pourra être modifiée par le donateur.

B : Ce champ permet de spécifier un montant par défaut. Ce montant sera affiché par défaut à l'ouverture du formulaire.

C : Ce champ permet de définir un montant minimum pour effectuer une transaction à partir du formulaire.

D : Ce champ permet de définir un montant maximum pour effectuer une transaction à partir du formulaire.


"Frequencies" Tab

Creating a Web Form 020.png

A : Il s'agit des fréquences que le donateur peut choisir pour son engagement.

B : Le bouton Bouton Ajouter.png permet d'ajouter des fréquences à la liste en A.

C : Le bouton File:Bouton Modifier.png permet de modifier les fréquences de la liste en A. Pour ce faire, sélectionner la fréquence à modifier en A, puis cliquer sur le bouton File:Bouton Modifier.png.

D : Le bouton Bouton Retirer.png permet de supprimer une fréquence de la liste en A. Pour ce faire, sélectionner la fréquence à supprimer en A, puis cliquer sur le bouton Bouton Retirer.png.

E : Le bouton File:Petit Bouton Dupliquer.png permet de dupliquer les fréquences d'une autre activité dans le formulaire.


Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton File:Bouton Modifier.png, la fenêtre suivante s'ouvre.

Creating a Web Form 021.png

A : Permet de donner un nom français à la fréquence.

B : Permet de donner un nom anglais à la fréquence.

C : Si cette case est cochée, la fréquence (en D), la date de début (en E), le montant du versement (en F) et l'objectif (en G) seront inscrits par défaut à l'ouverture du formulaire et ne seront pas modifiables.

D : Permet de déterminer la fréquence. Dans cet exemple, un paiement devrait être effectué 1 fois par mois.

E : Permet de déterminer la date du premier paiement.

NOTE : Ce champ est disponible seulement si la case en C est cochée. Sinon, le donateur peut débuter son engagement à la date de son choix ou devra choisir entre les dates proposées en I.

F : Permet de spécifier le montant des versements.

NOTE : Ce champ est disponible seulement si la case en C est cochée. Sinon, le donateur peut choisir le montant qu'il désire.

G : Permet de spécifier le montant de l'objectif.

NOTE : Ce champ est disponible seulement si la case en C est cochée. Sinon, le donateur peut choisir le montant qu'il désire.

H : Si cette case est cochée, un calendrier sera disponible dans le formulaire à côté du champ en E pour sélectionner la date de début désirée.

I : Permet de spécifier des choix pour le champ en E. Dans cet exemple, le donateur pourra débuter son engagement seulement au 1er jour du mois et au 15e jour du mois.

J : Le bouton Bouton Ajouter.png permet d'ajouter un nouveau choix de jour en I.

K : Le bouton File:Bouton Modifier.png permet de modifier les choix de jour en I. Pour ce faire, sélectionner le jour à modifier en I, puis cliquer sur le bouton File:Bouton Modifier.png.

L : Le bouton Bouton Retirer.png permet de supprimer des choix de jour en I. Pour ce faire, sélectionner le jour à supprimer en I, puis cliquer sur le bouton Bouton Retirer.png.

M : L'onglet « Note » permet d'ajouter une note sous la fréquence lorsqu'elle est choisie dans le formulaire. Pour un exemple de note sous la fréquence, voir la lettre G de la section « Exemple 1 de formulaire Web ».

NOTE : Pour savoir comment configurer la fenêtre « Ajout d'une note de formulaire », consulter cette section.


"Lists" Tab

Cet onglet permet de configurer les listes à choix prédéfinis du formulaire.

Creating a Web Form 022.png

A : L'onglet « Pays et provinces » permet de modifier les choix de pays et de provinces qui seront disponibles lorsqu'un donateur complètera le formulaire.

B : L'onglet « Appellations » permet de modifier les choix d'appellations qui seront disponibles lorsqu'un donateur complètera le formulaire.

C : L'onglet « Type de voie » permet de modifier les choix de type de voie (ex. : rue, avenue, place, etc.) qui seront disponibles lorsqu'un donateur complètera le formulaire.

D : L'onglet « Point de remise » permet de modifier les choix de point de remise (ex. : appartement, local, suite, etc.) qui seront disponibles lorsqu'un donateur complètera le formulaire.

E : Il s'agit de la liste des pays que le donateur pourra choisir lorsqu'il complètera le formulaire.

F : Le bouton Bouton Ajouter.png permet d'ajouter un pays à la liste en E. 

G : Le bouton File:Bouton ajouter tous.png permet d'ajouter à la liste en E tous les pays existants dans ProDon.

H : Le bouton File:Bouton Modifier.png permet de modifier un pays de la liste en E. Pour ce faire, sélectionner le pays à modifier, puis cliquer sur le bouton File:Bouton Modifier.png.

I : Le bouton File:Petit Bouton Dupliquer.png permet de dupliquer les pays d'un autre formulaire pour les ajouter en E.

J : Le bouton Bouton Retirer.png permet de supprimer un pays de la liste en E. Pour ce faire, sélectionner le pays à supprimer, puis cliquer sur le bouton Bouton Retirer.png.

K : Le bouton Bouton efface.png permet de supprimer tous les pays de la liste en E.

L : Il s'agit de la liste des provinces que le donateur pourra choisir lorsqu'il complètera le formulaire.

NOTE : Même si le formulaire est seulement en français, les noms anglais des provinces s'ajoutent automatiquement. Cependant, lorsqu'un internaute complète le formulaire français en ligne, seules les provinces cochées « Français » sont disponibles.

M : Le bouton File:Bouton plus moins.png permet d'afficher ou pas la province dans le formulaire.

N : Le bouton File:Bouton crochet dans rond.png permet de modifier la province par défaut spécifiée dans la liste en L.


Adding a Country

Après avoir cliqué sur le bouton Bouton Ajouter.png ou double-cliqué sur un pays de la liste en E de cette fenêtre, la fenêtre suivante s'ouvre.

Creating a Web Form 023.png

A : Choisir le pays à ajouter à la liste en E de cette fenêtre.

B : Cette option est disponible uniquement si aucun mode de paiement instantanné n'est utilisé dans le formulaire ou s'il s'agit d'un formulaire client. Si un mode de paiement instantanné est utilisé, le pays doit être obligatoirement spécifié.

C : Permet d'indiquer que le pays en A sera le pays qui apparaîtra par défaut dans le formulaire Web.

D : Permet d'indiquer les libellés français et anglais pour les pays.

E : Le bouton File:Bouton modifier les libellés.png permet de configurer les libellés du pays en A. Pour plus d'informations sur les libellés, consulter le document « Configuration des libellés ».

F : Permet d'afficher ou non le champ « Province » dans le formulaire Web.

G : Permet d'afficher l'adresse dans une seule boîte ou dans des boîtes séparées, par exemple, une boîte pour le numéro civique, une autre pour le nom de la rue, etc.

H : Permet d'afficher ou non le champ « Code postal » dans le formulaire Web.

I : Permet d'afficher ou non le champ « Cedex » dans le formulaire Web (cette option est utilisée principalement en Europe).

J : Ces options s'inscrivent automatiquement en choisissant un pays en A. Il s'agit des configurations du pays.


"Payment" Tab

Cet onglet permet de choisir les modes de paiement que les donateurs pourront utiliser.

Creating a Web Form 024.png

A : Il s'agit des modes de paiement disponibles aux donateurs pour effectuer leur don.

B : Le bouton Bouton Ajouter.png permet d'ajouter des nouveaux modes de paiement à la liste en A.

NOTE : Pour pouvoir ajouter un mode de paiement ici, il doit avoit été préalablement créé à partir de la « Gestion des modes de paiement ».

C : Le bouton File:Bouton Modifier.png permet de modifier un mode de paiement de la liste en A. Pour ce faire, sélectionner le mode de paiement à modifier en A, puis cliquer sur le bouton File:Bouton Modifier.png.

D : Le bouton Bouton Retirer.png permet de supprimer un mode de paiement de la liste en A. Pour ce faire, sélectionner le mode de paiement à modifier en A, puis cliquer sur le bouton Bouton Retirer.png.

E : Le bouton File:Petit Bouton Dupliquer.png permet de dupliquer tous les modes de paiement d'un autre formulaire Web pour les ajouter en A.



Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton File:Bouton Modifier.png, la fenêtre suivante s'ouvre.

Creating a Web Form 025.png

A : La liste déroulante permet de choisir un mode de paiement que les donateur pourront utiliser pour effectuer leur don. Si le mode de paiement désiré n'existe pas dans les choix, il est possible de le créer à partir de la « Gestion des modes de paiement ».

B : Ce champ permet d'inscrire un libellé pour le nom du mode de paiement en français.

C : Ce champ permet d'inscrire un libellé pour le nom du mode de paiement en anglais.

D : Ce champ permet d'inscrire un message d'autorisation en français. Pour un exemple de message d'autorisation, voir la lettre G de la section « Exemple 2 de formulaire Web ».

E : Ce champ permet d'inscrire un message d'autorisation en anglais.

F : Ces cases à cocher permettent de choisir s'il s'agit d'un mode de paiement pour une transaction normale, pour une transaction d'engagement ou pour les deux types de transactions.

G : L'onglet « Note » permet d'insérer une note sous le paiement dans le formulaire. Pour savoir comment configurer la fenêtre « Ajout d'une note de formulaire », consulter cette section. Pour un exemple de note sous la section paiement, voir la lettre C de la section « Exemple 3 de formulaire Web ».

NOTE : Pour que les clients puissent payer par chèque, utiliser un mode de paiement « En attente ». Lors de l'importation, le paiement se retrouvera alors dans l'onglet « À percevoir » de la « Gestion des transactions » et pourra être encaissé lors de la réception du chèque. Ajouter également une note en G, mentionnant de libeller le chèque à l'adresse de la fondation. Pour plus de détails concernant le mode de paiement « En attente », consulter le document « Gestion des modes de paiement ».


"Customizations" Tab

Cet onglet permet de créer des caractéristiques qui seront ajoutées aux fiches des donateurs dans ProDon lors de l'importation.

Pour savoir comment configurer les personnalisations d'un formulaire Web, consulter ce document.


"Notes" Tab

Cet onglet permet d'insérer des notes dans le formulaire.

Creating a Web Form 026.png

A : Il s'agit de toutes les notes qui ont été ajoutées au formulaire.

B : Le bouton Bouton Ajouter.png permet d'ajouter une nouvelle note au formulaire.

C : Le bouton File:Bouton Modifier.png permet de modifier une note de la liste en A. Pour ce faire, sélectionner la note à modifier en A, puis cliquer sur le bouton File:Bouton Modifier.png.

D : Le bouton Bouton Retirer.png permet de supprimer une note de la liste en A. Pour ce faire, sélectionner la note à modifier en A, puis cliquer sur le bouton Bouton Retirer.png.

E : Le bouton Bouton efface.png permet de supprimer toutes les notes du formulaire.

NOTE : Les notes qui ont été créées à partir de différents onglet de la gestion des formulaires Web apparaîssent également ici.


Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton File:Bouton Modifier.png, la fenêtre suivante s'ouvre.

Creating a Web Form 027.png

A : Ce champ permet d'inscrire le texte français de la note.

B : Ce champ permet d'inscrire le texte anglais de la note.

C : Ce menu apparaît en faisant un clic-droit dans le champ en A ou en B. Il permet d'insérer des images ou des liens hypertextes dans la note.

D : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la police de la note. Le bouton File:Bouton modifier police petit.png permet de modifier la police de la note.

E : Le champ « Position » permet de choisir dans quelle section du formulaire insérer la note. L'en-tête et le pied de page sont disponibles ainsi que quelques sections du formulaire.

F : Ce champ dépend du choix fait en E. Dans cet exemple, la note s'insèrera sous la question « Désirez-vous emprunter une voiturette? ».

G : Ce champ permet de choisir l'alignement de la note.

H : Ce champ permet de choisir si la note doit apparaître seulement sur le formulaire Web, seulement sur le sommaire ou bien sur les deux.


"Email" Tab

Cet onglet permet de composer les courriels qui seront envoyés aux donateur automatiquement une fois qu'un don sera effectué.

Il est possible de composer des courriels français et anglais pour les transactions de don unique et pour les transactions d'engagement.

Creating a Web Form 028.png

A : L'onglet « Français » permet de composer les courriels français pour les transactions et les engagements.

B : L'onglet « Anglais » permet de composer les courriels anglais pour les transactions et les engagements.

C : L'onglet « Transaction » permet de composer le courriel qui sera envoyé aux donateurs qui auront effectué une transaction normale.

D : L'onglet « Engagement » permet de composer le courriel qui sera envoyé aux donateurs qui auront effectué une transaction d'engagement.

E : Ce champ permet d'inscrire l'objet du courriel.

F : Ce champ permet d'inscrire l'adresse à laquelle les donateurs pourront répondre.

G : Ce champ permet de spécifier le nom de la personne ou le nom de l'entreprise à qui le courriel pourra être retourné.

H : Ce champ permet d'inscrire une adresse qui recevra tous les courriels de remerciement en copie conforme invisible.

I : Il s'agit du courriel de remerciement pour une transaction normale.

J : Ce menu apparaît en faisant un clic-droit dans le champ en I. Il permet d'insérer des champs, des images et des liens hypertextes dans le courriel.


"Display" Tab

Cet onglet permet de personnaliser l'apparence du formulaire.

"Options" Tab

Creating a Web Form 029.png

A : Permet de choisir de mettre les coins supérieurs ronds ou carrés. Pour un exemple de coins carrés, voir la lettre D de la section « Exemple 3 de formulaire Web ». Pour un exemple de coins ronds, voir la lettre I de la section « Exemple 1 de formulaire Web ».

B : Permet de choisir d'afficher un ombrage sur l'arrière-plan. Pour un exemple d'arrière-plan avec un ombrage, voir la lettre B de la section « Exemple de page d'accueil » du document « Configuration de la page d'accueil et du site Web ».

C : Permet d'afficher les informations des donateurs sur une ou plusieurs colonnes. Pour un exemple d'informations affichées sur plusieurs colonnes, voir la lettre J de la section « Exemple 1 de formulaire Web ». Pour un exemple d'informations affichées sur une colonne, voir la lettre J de la section « Exemple 2 de formulaire Web ».

D : Permet de choisir comment afficher le logo et le titre dans le haut du formulaire.

NOTE : Il est également possible d'insérer un bandeau dans l'en-tête du formulaire Web ou de la page d'accueil plutôt que d'insérer un titre et un logo. Pour ce faire, sélectionner l'option « Afficher seulement le logo suivi d'un espace » ou « Afficher seulement le logo sans espace », puis choisir l'image du bandeau en D. Pour un exemple de bandeau, voir la lettre M de la section « Exemple 3 de formulaire Web ».

E : Permet d'insérer le logo français qui se trouvera dans l'en-tête du formulaire.

Le bouton File:Bouton afficher le logo.png permet de visualiser le logo qui se trouve dans le haut du formulaire français.

Le bouton File:Bouton autre logo.png permet de modifier le logo qui se trouve dans le haut du formulaire français.

F : Permet d'insérer le logo anglais qui se trouvera dans l'en-tête du formulaire.

Le bouton File:Bouton afficher le logo.png permet de visualiser le logo qui se trouve dans le haut du formulaire anglais.

Le bouton File:Bouton autre logo.png permet de modifier le logo qui se trouve dans le haut du formulaire anglais.

NOTE : Un bandeau doit être enregistré avec 820 pixels de large avant d'être inséré pour qu'il ait la même largeur que le formulaire Web ou que la page d'accueil. Pour un logo, la dimension n'a pas d'importance à l'enregistrement, puisqu'elle peut être ajustée en D et en E. La hauteur recommandée est 68 pixels.


"Overview" Tab

"General" Tab
Creating a Web Form 030.png

A : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la marge du formulaire. Pour un exemple de marge, voir la lettre A de la section « Exemple 3 de formulaire Web ».

B : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de l'arrière-plan du formulaire. Pour un exemple d'arrière-plan, voir la lettre B de la section « Exemple 3 de formulaire Web ».

C : Le bouton File:Bouton changer couleur.png permet de modifier la couleur du contour de la boîte active. Pour un exemple de contour de boîte active, voir la lettre H de la section « Exemple 2 de formulaire Web ».

D : Le bouton File:Bouton changer couleur.png permet de modifier la couleur du contour des boîtes inactives. Pour un exemple de contour de boîte inactive, voir la lettre I de la section « Exemple 2 de formulaire Web ».


"Label" Tab
File:ProDon Création formulaire Web 031.pngCreating a Web Form 031.png

A : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la police du titre du formulaire. Le bouton File:Bouton modifier police petit.png permet de modifier la police du titre. Pour un exemple de titre de formulaire, voir la lettre K de la section « Exemple 1 de formulaire Web ».

B : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la police des titres de sections. Le bouton File:Bouton modifier police petit.png permet de modifier la police des titres de sections. Pour un exemple de titre de section, voir la lettre L de la section « Exemple 1 de formulaire Web ».

C : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la police des libellés des champs standards. Le bouton File:Bouton modifier police petit.png permet de modifier la police des libellés des champs standards. Pour un exemple de libellé de champ standard, voir la lettre K de la section « Exemple 2 de formulaire Web ».

D : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la police des libellés des champs obligatoires. Le bouton File:Bouton modifier police petit.png permet de modifier la police des libellés des champs obligatoires. Pour un exemple de libellé de champ obligatoire, voir la lettre L de la section « Exemple 2 de formulaire Web ».


"Border" Tab
Creating a Web Form 032.png

A : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la bordure de la section type de donateur. Pour un exemple de la bordure « Type de donateur », voir la lettre F de la section « Exemple 3 de formulaire Web ».

B : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la bordure de la section donateur. Pour un exemple de la bordure « Section donateur », voir la lettre G de la section « Exemple 3 de formulaire Web ».

C : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la bordure de la section transaction. Pour un exemple de la bordure « Section transaction », voir la lettre H de la section « Exemple 3 de formulaire Web ».

D : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la bordure de la section autorisation. Pour un exemple de la bordure « Autorisation », voir la lettre I de la section « Exemple 3 de formulaire Web ».

E : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la bordure de la section type de transaction. Pour un exemple de la bordure « Type de transaction », voir la lettre J de la section « Exemple 3 de formulaire Web ».

F : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la bordure des tableaux de transaction. Pour un exemple de la bordure « Tableau de transaction », voir la lettre K de la section « Exemple 3 de formulaire Web ».

G : Le bouton File:Bouton changer couleur.png permet de modifier la couleur de la bordure de la section paiement. Pour un exemple de la bordure « Section paiement », voir la lettre L de la section « Exemple 3 de formulaire Web ».



"Distribution list" Tab

Cet onglet permet d'ajouter des cases à cocher au formulaire pour que les donateurs puissent s'inscrire à différentes listes de distribution.

Si un donateur coche une case d'inscription à une liste de distribution dans le formulaire Web, il sera automatiquement inscrit à la liste de distribution dans ProDon lors de l'importation.

NOTE : Cet onglet est visible seulement si le module PubliCourriel est activé dans ProDon.

Creating a Web Form 033.png

A : Il s'agit des listes de distribution auxquelles les donateurs pourront s'inscrire en complétant le formulaire.

B : Le bouton Bouton Ajouter.png permet d'ajouter une liste de distribution en A.

NOTE : Pour ajouter une liste de distribution, il faut qu'elle soit préalablement crée dans la « Gestion des listes de distribution ».

C : Le bouton File:Bouton Modifier.png permet de modifier une liste de distribution en A. Pour ce faire, sélectionner la liste de distribution à modifier, puis cliquer sur le bouton File:Bouton Modifier.png.

D : Le bouton File:Petit Bouton Dupliquer.png permet de dupliquer les listes de distributions d'un autre formulaire.

E : Le bouton Bouton Retirer.png permet de supprimer une liste de distribution en A. Pour ce faire, sélectionner la liste de distribution à supprimer, puis cliquer sur le bouton File:Bouton Modifier.png.

F : Le bouton Bouton efface.png permet de supprimer toutes les listes de distribution en A.


Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton File:Bouton Modifier.png, la fenêtre suivante s'ouvre.

Creating a Web Form 034.png

A : Choisir une liste de distribution parmi celles disponibles dans ProDon.

B : Inscrire le libellé qui apparaîtra sur le formulaire. Pour un exemple de libellé d'inscription à une liste de distribution, voir la lettre E de la section « Exemple 3 de formulaire Web ».


"Import constants" Tab

Cet onglet permet d'ajouter des caractéristiques ou des champs personnalisés aux fiches des donateurs lors de l'importation.

Creating a Web Form 035.png

A : Il s'agit de la liste des caractéristiques qui seront ajoutées à la fiche des donateurs qui rempliront le formulaire. Dans cet exemple, la profession « Comptable » sera spécifiée dans la fiche de chaque donateur qui remplira le formulaire.

B : Le bouton Bouton Ajouter.png permet d'ajouter une nouvelle caractéristique à la liste en A.

C : Le bouton File:Bouton Modifier.png permet de modifier une caractéristique de la liste en A. Pour ce faire, sélectionner la caractéristique à modifier, puis cliquer sur le bouton File:Bouton Modifier.png.

D : Le bouton Bouton Retirer.png permet de supprimer une caractéristique de la liste en A. Pour ce faire, sélectionner la caractéristique à supprimer, puis cliquer sur le bouton Bouton Retirer.png.

E : Le bouton File:Petit Bouton Dupliquer.png permet de dupliquer les caractéristiques d'un autre formulaire pour les ajouter à la liste en A.

F : Le bouton Bouton efface.png permet de supprimer toutes les caractéristiques de la liste en A.


Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton File:Bouton Modifier.png, la fenêtre suivante s'ouvre.

Creating a Web Form 036.png

A : Choisir à l'aide de la liste déroulante la caractéristique qui doit être ajoutée à la fiche des donateurs.

B : Inscrire la valeur qui sera inscrite dans la fiche de chaque donateur.

NOTE : Pour ajouter une caractéristique, il faut qu'elle soit préalablement crée dans la « Gestion des caractéristiques ».


Web Form Examples

Web Form Example 1

File:ProDon Exemple de formulaire Web 001.png

A : Lien de retour vers la page d'accueil.

B : Informations de paiement qui ne sont pas dans un tableau.

C : Champ « Autre montant ».

D : Formulaire avec montants suggérés.

E : Note sous l'activité qui n'est pas dans un tableau.

F : Engagement avec date de fin et objectif.

G : Note sous la fréquence.

H : Champ permettant de choisir la langue.

I : Coin supérieur rond.

J : Informations du donateurs sur plusieurs colonnes.

K : Titre du formulaire.

L : Titre de section.


Web Form Example 2

File:ProDon Exemple de formulaire Web 002.png

A : Temps de session Web restant.

B : Informations de paiement dans un tableau.

C : Note sous l'activité dans un tableau.

D : Case permettant au donateur de choisir s'il désire recevoir ou non un reçu.

E : Libellé de l'OBNL.

F : Champ « Commentaire ».

G : Message d'autorisation.

H : Contour de la boîte active.

I : Contour d'une boîte inactive.

J : Informations du donateur sur une seule colonne.

K : Champ standard.

L : Champ obligatoire.


Web Form Example 3

File:ProDon Exemple de formulaire Web 003.png

A : Dans cet exemple, la marge est verte.

B : Dans cet exemple, l'arrière-plan est blanc.

C : Note sous la section paiement.

D : Coins supérieurs carrés.

E : Case à cocher pour s'inscrire à une liste de distribution.

F : Bordures de la section type de donateur.

G : Bordures de la section donateur.

H : Bordures de la section transaction.

I : Bordures de la section autorisation.

J : Bordures de la section type de transaction.

K : Bordures du tableau des transactions.

L : Bordures de la section paiement.

M : Bandeau dans l'en-tête du formulaire.


Document name: ProDon:Creating a Web Form


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