{"id":3964,"date":"2018-03-13T14:05:44","date_gmt":"2018-03-13T14:05:44","guid":{"rendered":"https:\/\/wplook.com\/docs\/?p=3964"},"modified":"2020-02-15T14:35:34","modified_gmt":"2020-02-15T14:35:34","slug":"authoring-contact-forms-magazine","status":"publish","type":"post","link":"https:\/\/wplook.com\/docs\/magazine\/contact-form-magazine\/authoring-contact-forms-magazine\/","title":{"rendered":"Authoring Contact Forms"},"content":{"rendered":"\n

Contact forms in WPlook Studio themes are managed using the Contact Form 7<\/a> plugin. It’s a well established plugin, with support for many languages as well as other features which make it the chosen plugin to include in our themes, such as Google reCAPTCHA support for preventing spam. Follow the instructions in Required Plugins<\/a> to install the plugin.<\/p>\n\n\n\n

Most shared hosting accounts on which WordPress will run won’t have any problems sending emails – but if you do experience issues, check the Setting Up Mail<\/a> article.<\/p>\n\n\n\n

Adding Contact Forms<\/h2>\n\n\n\n

Individual contact forms in Contact Form 7 are managed in the Contact<\/strong> screen found in the navigation sidebar in the WordPress Administration Panel. This screen lists all available contact forms.<\/p>\n\n\n\n

\"\"<\/a>
The Contact Forms screen, displaying a list of all available contact forms.<\/figcaption><\/figure><\/div>\n\n\n\n

From here you can click Add New<\/strong> at the top of the screen to add a new form. You will be taken to the Edit Contact Form screen.<\/p>\n\n\n\n

\"The<\/a>
The Edit Contact Form screen of Contact Form 7, displaying the form body.<\/figcaption><\/figure><\/div>\n\n\n\n

This screen is similar to WordPress’ standard Edit Post screen, however, it allows for editing forms rather than standard post content. To get started, give your new contact form a title.<\/p>\n\n\n\n

Form<\/h3>\n\n\n\n

To add a new field to your form, enter the following at the point in the form text where you’d like the field to appear.<\/p>\n\n\n\n

<label> Field Name <\/label><\/pre>\n\n\n\n
Put the cursor just before the <\/label><\/code> tag, and click one of the buttons above the text area to add that type of field. The following field types are accepted:<\/p>\n\n\n\n