Add a Contact Form to a Page or Blog Post Novice Novice tutorials require no prior knowledge of any specific web programming language.
Information
In this video we have used Cloud Host as an example but the process of adding a contact form is the same for all our WordPress themes built on our Fuse Framework.
A contact form allows the readers of your website to easily reach out to you. In this article we will provide a detailed guideline on how to create and configure your contact form:
- Log in to your WordPress Dashboard (Ex: http://yourwebsite.com/wp-admin)
- Go to Contacts Forms menu
- Select All Contact forms submenu, then click the Add New button in order to create a new contact form
Press the Add/ Edit Forms, then go to Form Settings section and enter the information in the required fields
- Form name
- Email To
- Email Subject
In the Form Content section you can add different types of fields to your Contact Form
- You should enter in the Type and Label boxes the desired structure and click the Add new field button.
- Change the Width of the desired field, and then press the Create form button
You can also modify the default Messages Settings. In this section you can change the:
- Form header text: appears on the top of the form.
- Submit button text: text that is shown on the submit form button
- Reset button text: text that is shown on the reset form button
- Success message: appears when your message is successfully submitted
- Failure message: appears if the form delivery failed
Once you have finished, click on the Save Messages button
- After making all the modifications, you should copy the shortcode to add your form to a specific location
- Go to Pages > Contact or any blog post and press the Edit link
- In the next screen paste your shortcode between [raw] [/raw] tags.
- Click the Update button in the right top corner
- Click on the Preview Changes button to see the front end result