DB Primary help wiki

 

Adding an email feedback form

 

From DB Primary Wiki

Jump to: navigation, search

Adding an email feedback form

Contents


A form can be added to your page in order to gather user details and feedback. Clicking on 'Send' will email these details to an email address that you specify.


To insert the code for your form, please click on 'Design Page' and on the text editor, choose 'Source':



First copy the html code from below and paste into the Source area:




<h2>
	Contact Us</h2>
<form method="get">
	<input name="recipient" type="hidden" value="myemail@domain.co.uk" />

<input name="subject" type="hidden" value="Contact Us Form Submission" /><br />
	<table border="1" cellpadding="1" cellspacing="1" style="width: 500px">
		<tbody>
			<tr>
				<td>
					Name</td>
				<td>
					<input name="Your name:" type="text" /></td>
			</tr>
			<tr>
				<td>
					Email</td>
				<td>
					<input name="Your email address:"type="text" /></td>
			</tr>
			<tr>
				<td>
					Subject</td>
				<td>
					<input name="Subject" type="text" /></td>
			</tr>
			<tr>
				<td>
					Message</td>
				<td>
					<textarea name="Message:"></textarea></td>
			</tr>
		</tbody>
	</table>
	<p>
		<input type="submit" value="Send" /></p>
</form> 



This code provides and framework for your own form and can be amended to suit your needs.


Changing the properties of the form

First you will need to insert your own email address over the below:


image:form_mailer_email.JPG


The text fields can be amended, so you could, for example, overwrite 'Email' with 'Address' and 'Your email address:' with 'Address:':


image:form_submission_email.JPG


Changing the properties of the table and its cells

The form elements are inserted into a table, the properties of which can be amended as you wish by right clicking on the table and choosing 'Table Properties':


image:form_mailer_table_properties.JPG


For example, you may like to change the border width of the cells, table height and width etc.

To change the properties of any particular cell, right click in the cell and select 'cell properties':

image:form_mailer_cell_properties.JPG

The following example shows how you can can the background colour of the cell:

image:form_mailer_cell_properties_changecolour.JPG


Receiving feedback by email

Once the Send button has been pressed, an email is sent to the email address specified, as shown below. A spreadsheet showing the feedback will also be attached to the email:


image:form_mailer_email_feedback.JPG

Personal tools