|
Wordpress contact form
This tutorial shows you how to put a contact form on a Wordpress website, using our service. It shows you how to make a contact page and how to insert a contact form into a Wordpress post.
Requirements
- Wordpress blog
- FormToEmail Remote account (Free or Pro service)
Wordpress blog
You need to have a Wordpress blog. You can use the self-hosted version or the Wordpress hosted version.
FormToEmail Remote account
You need to have an account with us, Free or Pro. It only takes a moment to register for an account. You can do so from the "Register" link above.
Making a contact page
With Wordpress you have the option of making pages on your blog. Here's how to make a contact page with a contact form on it. This assumes you have your blog set up and have an account with us.
Creating the page
Log in to the Wordpress admin area/dashboard. Click on the "Pages" link, then on "Add New":

Enter a name for the new page. This will show on the front page of your blog. In this case you are making a contact page, so conveniently you could call it "Contact" as shown below. With Wordpress you have the option of editing in "Visual" or "HTML" mode. As you will be inserting our HTML form code, click on the HTML tab, as shown below:

Inserting the FormToEmail Remote form code
log in to the User Admin Area from the "Login" link above. When you are in the User Admin Area, you will see a form configuration for a contact form. Click on the "Sample form code" link. This will take you to a page containing sample form code for various different forms. The first form you will see there is a basic contact form (name, email, comments). Next to the form, you will see the code that you need to copy:

Copy the code and paste it into the HTML edit box in the Wordpress "Add New Page" page, like so:

Publishing the page
From the Wordpress dashboard, hit the "Publish" button. That's it! You now have a contact page on your Wordpress blog. Easy? You bet it is!
Inserting a contact form into a post
As an alternative to making a contact page in Wordpress, you can insert a contact form into a post. Just do the same as above, but instead of making a new page, make a new post from: "Posts"..."Add New". Then select the HTML tab and paste in the form code.
Configuration
Any form configuration that is required, such as the email address to send the form to (if not using the default), is done from the User Admin Area of this website, which you can get from the "Login" link above. All you need to do with Wordpress is paste in the form code, thereafter, any configuration is done through FormToEmail Remote. You will see in the form code above, a "user_id" and "form_id". These values are created automatically for you when you register with us, and are automatically included in the sample form code that you get in the User Admin Area, so all you need to do is copy the code and paste it into your blog.
Using your own form code
Instead of using the provided sample form code, you can use your own form code which you paste into your blog as described above. To use it in conjunction with our service, you need to use the correct form action and include your user_id and form_id. See the "Processing an existing form" page on the support section for more information.
Note this is not a plugin. You do not configure it as a plugin. Just do as described above.
|