home > content management systems (CMS) > wikispaces

Add a Contact Form to Your Wikispaces

Wikispaces allows you to create your own Wiki which you can easilty add an email form to. The steps for doing this are outlined within the tutorial on this page.

A Wikispaces web site embedded with a contact form can be viewed here.

1. Create Your Contact Form HTML

Before getting started, it is best to have your HTML form code already generated and ready to paste to your Wiki. The easiest was to do this is using a free email form service such as myContactForm.com. We have a full myContactForm.com tutorial here.

2. Login to the Wikispaces Administration Area

a. Go to Wikispaces.com and login.

Login

b. Click My Wikis and then the name of your Wiki

Click My Wikis

3. Add the Form HTML to an Existing Wiki Page

Below we are outlining the steps for adding an email form to an existing Wiki Page. If you have not yet created the Wiki page that you would like to add the email form to, please do this first.

a. Click the Edit button

Edit Button

b. Click the Widget button

Embed Widget

c. Click the Other HTML icon

Other HTML

d. Open a new browsing window, navigate to myContactForm.com, and login.

myContactForm.com Login Box

e. Click the Xtras Button next to your form

xtras

f. Click the Hosted Forms button

Hosted Forms

g. Click the Enable Hosted Form button

Click the Enable Hosted Form Button

h. Select and Copy (CTRL+C or Right Click and Select Copy) the URL of the hosted form that is provided.

Copy

i. Go back to the open Wikispaces browser window. Enter into the HTML window the following code:

<iframe width="600px" height="800px" src="myhostedformurl"></iframe>

Replace "myhostedformurl" with the URL of the hosted form that you copied above. Also change the width and height values to accomidate the size of your form.

Embed the Form HTML via an iframe

j. Click the Save button

Save Button

k. Click the Save button on the edit page

Save

4. Verify the Form is Functioning

Open a new web browser window and navigate to the web page containing your newly created form. Enter in the form fields and press submit to send a test through. Check your email to verify that the form data has been submitted.

A demonstration web form created using a Wikispaces web site can be seen here.