home > content management systems (CMS) > wikispaces
How to Add Email Forms to Wikispaces
Wikispaces is a powerful tool for creating your own Wiki. It is quite easy to add email forms Wikispaces. The steps for doing this are outlined below.
A demonstration form created using a Wikispaces web site can be seen here.
1. Create Your Form HTML
The first step in integrating an email form into your website is to build the actual HTML code for the form. The easiest and quickest way to create the form code is to use myContactForm.com.
myContactForm.com features a free online wizard that steps you through the entire form building process. myContactForm.com has just about any feature you could ask for including auto-responders, CAPTCHA, file attachements, CSS styling, data exports (Excel, CSV, Text, HTML, etc.), pre-made templates, and much more.
Click Here to read a tutorial on creating the form HTML using myContactForm.com.
2. Login to the Wikispaces Administration Area
a. Go to Wikispaces.com and login.
b. Click My Wikis and then the name of your Wiki
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
b. Click the Widget button
c. Click the Other HTML icon
d. Open a new browsing window and navigate to myContactForm.com. Login to myContactForm.com
e. Click the Xtras Button next to your form
f. Click the Hosted Forms button
g. 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.
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.
j. Click the Save button
k. Click the Save button on the edit page
4. Test Your Form
Open a web browser and go to the web page containing your form. Fill out the form and press the submit button to test it.
A demonstration form created using a Wikispaces web site can be seen here.
Common Problems Encountered by Users:
I submit the form and get a form location error.
If you are using myContactForm.com, you will need to login and make sure that you've set the Form Location setting to the proper URL for your form.
a. Login to myContactForm.com
b. Click the Edit Button
c. Click the Basic Form Information Button
d. Enter all variations of the URL where the form will appear. Typically this is the full URL of your web form with and without the www subdomain. You can also use wildcards (*) in this setting. For examples using http://www.mydomain.com/* would allow the form to be placed on any page uploaded to mydomain.com.
e. Click 