With WordPress order forms, you don’t need to get your hands dirty with any source code whatsoever, although the mechanism behind your order form is complex and highly secure. Read below the three easy steps required to post your order form on WordPress.

1. Create your order form. To build your order form, you can start from the 123ContactForm order form template. Add and edit form fields, list the products/services that you offer and customize an order form theme. Keep in mind that, when listing your products, you can use radio buttons with images, to make the offer more attractive. Also, don’t forget to add your company logo to the order form theme.

2. Set up the payment integration. The most popular choice is the order form with PayPal payment integration, but you can also create Google Checkout order forms or Authorize.net order forms. To set up the payment integration for your form, visit your Settings → Payments section. Select the payment processor(s) that you want to use, assign prices to fields, create advanced calculation formulas, if you need to, and customize payment notifications. Tick Enable payments for this form when you’re done to activate the payment integration for your order form.

3. Post your PayPal order form on WordPress. To post your order form on WordPress, you need to install the 123ContactForm plug-in for WordPress: download it, unzip it and move it to your wordpress/wp-content/plugins directory; then, in your WordPress dashboard, click on the Plugins tab and press Activate for the plugin named 123ContactForm for WordPress. The contact form plugin for WordPress is now installed and you can choose one of two different ways to publish your PayPal order form on WordPress.

The first way to post your order form on WordPress is to visit your 123ContactForm Get Code & Publish section, choose the Wordpress publishing option, copy the code provided and paste it in your post. The other way of publishing your WordPress order form is by using an API Key generated by 123ContactForm. After you paste this key in the WordPress interface (in the 123ContactForm plugin customization lightbox), all the forms that you have in your 123ContactForm account will be listed in the plugin lightbox and you simply need to choose the one that you want to post. Learn more about how to post your order form on WordPress.

Among the cool features that you will find on the IconoSites platform, you’ve got various designs to choose from, animated image transitioners and smooth drop-down menus. The friendly administration panel provides easy access and control over your pages and files. Whilst you need no technical expertise to create and manage your IconoSites website, the full HTML/CSS code is always available if you wish to tweak it.

Here’s a nice list of add-on applications that can be used on your IconoSites websites. 123ContactForm web forms can be embedded on IconoSites pages as easy as 1-2-3, as shown in the video tutorial below.

We’ll take you through the steps of creating a new contact form, adding and editing basic and advanced fields, adjusting form settings and, finally, publishing the web form as an iFrame on your website.

Full installation and usage notes can be found here.

Here is a simple form, created with 123ContactForm, embedded in this WordPress post using the newly released 123ContactForm for WordPress plugin.

• Login your 123ContactForm account, and create a contact form
• Go to Get Html Code page and copy the form code to the clipboard
• Login your MySpace account
• From the Profile menu, select Edit Profile
• In the left part of the page that appears, click on About Me
• In the textbox that appears, paste the form code that you have in clipboard (press CTRL+V)
• Click the Save Changes button

The contact form will now appear on your profile page.
Enjoy!

We will assume that you have a Facebook account, and a 123ContacForm account (it’s free, sign up if you haven’t already). Then follow the steps described below:

- add 123ContactForm Application to your Facebook page.
- this will automatically create a new menu option and open the App configuration panel.
- select your form and the destination Facebook page
- click Add

Don’t hesitate to watch our video tutorial for a step by step action

HTML forms are the best way to collect data from the visitors. With them, you can create a contact fom, a survey, a “send to a friend” form, a newsletter subscribing form and much more. The forms require input from the visitors, like: Name, Email, Address, Message, Age, Ocupation… and so on, you get the point. The most common form elements are text fields, radio buttons, checkboxes, drop down lists and submit buttons. Before you define the form elements, you must define the form, using the <form> tag.

<form method=”post” action=”mailto:yourname@yoursite.com”>
………………………….
form elements
………………………….
</form>

In the code above, you can see the email address that is set to receive the form sumbissions. In the mid-1990s, when spam started to be a problem, the web developers had to find a way to hide the email address. So, nowadays, 99.9% of the forms use a script that actually sends the form submission:

<form method=”post” action=”myscript.php”>
………………………….
form elements
………………………….
</form>

Let’s go back to the form elements, and explain them one by one. We will separate the form elements & text using the <br/> tag, which will put them one on a line.

Text fields are used when you want the user to type letters, numbers etc (for example, type their name, address, email).

Your name: <br/>
<input type=”text” name=”yourname” />

In the browser, this will become:

Radio buttons are used when you want the user to select a choice from a fixed list of choices (for example, his sex: male of female)

Your sex:<br/>
<input type=”radio” name=”yoursex” value=”male” /> Male<br/>
<input type=”radio” name=”yoursex” value=”female” /> Female

In the browser, this will become:

Checkboxes are used when you want the user to select one or more choices (or even none!) from a fixed list of choices.

<input type=”checkbox” name=”browser1″ value=”Internet Explorer”/> Using Internet Explorer<br/>
<input type=”checkbox” name=”browser2″ value=”Firefox”/> Using Firefox<br/>
<input type=”checkbox” name=”browser3″ value=”Google Chrome”/> Using Google Chrome<br/>

In the browser, this will become:

Drop down lists are quite similar to radio buttons, as you can select only one choice from a list of choices, but they are prefered in case of a high amount of options. If you want the user to select one of the 50 US states, using radio buttons would occupy a lot of space in the web page, while the dropdown ocuppies just one line.

How many children do you have? <br/>
<select name=”children”>
<option>None</option>
<option>One</option>
<option>Two</option>
<option>Three or more</option>
</select>

In the browser, this will become:

Submit buttons are used, of course, to submit the form When the user is satisfied with what he filled the form, he clicks the submit button and the form is submitted.

<input type=”submit” value=”Submit” />

In the browser, this will become:

Ok, now let’s put all these form elements together.

<form method=”post” action=”myscript.php”>

Your name: <br/>
<input type=”text” name=”yourname” /><br/>

Your sex:<br/>
<input type=”radio” name=”yoursex” value=”male” /> Male<br/>
<input type=”radio” name=”yoursex” value=”female” /> Female<br/>

<input type=”checkbox” name=”browser1? value=”Internet Explorer”/> Using Internet Explorer<br/>
<input type=”checkbox” name=”browser2? value=”Firefox”/> Using Firefox<br/>
<input type=”checkbox” name=”browser3? value=”Google Chrome”/> Using Google Chrome<br/>

How many children do you have? <br/>
<select name=”children”>
<option>None</option>
<option>One</option>
<option>Two</option>
<option>Three or more</option>
</select><br/>

<input type=”submit” value=”Submit” />

</form>

The entire form code is saved here. The form looks like this:

That’s it, we created a simple form. The script that sends the email can be created with various programming languages, like PHP, ASP. You can learn HTML and those languages, but you have a simpler solution: use 123ContactForm, our free form generator. Using it, you can create a wide variety of web forms, in a couple of minutes.