home > content management systems (CMS) > wikispaces
Embed a Contact Form into 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 in the tutorial below.
A Wikispaces web site embedded with a contact form can be seen here.
1. Create Your Form HTML
Before getting started, it is best to have your HTML form code already generated. The easiest was to do this is using a service like myContactForm.com. We have a full myContactForm.com tutorial here.
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 