Adding a Custom Form to a Page

The following article will walk you through how to add a contact form to a custom page.

In order to add supplementary forms, you will need to use a third party provider such as http://wufoo.com

You can create various forms and embed them on to your site using the iframe Version.

Once you have created a form on http://wufoo.com/ you can grab the code that is generated for you and just paste it into your custom page.

IMPORTANT: Be sure to use the iframe version. The JavaScript version will cause the form to show up multiple times when using the WYSIWYG editor.

The first thing you will want to do is create a new Content Area and give it a name. In the example below "Custom Form" and click on the New Content Area button: Content and Files > Content Areas

Next, you will click on the drop down arrow and select "Html Plain" and click on Add New Content Block.

Then you will create your Custom Page by going to: Content and Files > Custom Pages and click on New Content Page

Next you will fill out the information on this screen and click save for the "Page URL:" to be generated.

You will then come back in to the custom page that you just created and under Content Column, select the content block you created earlier.

When your page is set up, you can then turn on design mode in the storefront and add the code to the content block you created under the custom page..

An example of the generated iframe version code would be as follows and is what you would paste in your content block:

<iframe height="1116" allowTransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none"  src="https://logicblock.wufoo.com/embed/r8ox0a41nv245b/"><a href="https://logicblock.wufoo.com/forms/r8ox0a41nv245b/">Fill out my Wufoo form!</a></iframe>