Set-up a CF7 form and styleStyle When you select a CF7 Skins Style the aesthetic design (CSS code) is automatically created and applied to your form. it with CF7 Skins
1. Download and install the Contact Form 7 (CF7) and Contact Form 7 Skins plugins if you haven’t already done that.
2. Create a new Contact Form 7 form or use an existing one. If you don’t know how to do this, go to Create a form with CF7 Skins.
3. Select a CF7 Skins Template – in this case let’s start with the Contact templateTemplate CF7 Skins Templates are the structure of your form, providing the content and layout. They act as an easy to follow guide that can be adjusted to your particular needs..
4. Select a CF7 Skins Style – in this case let’s use the Cargo style.
5. Once you save the CF7 form, a code snippet will appear at the top of the page under the main title of your form. This is called a shortcode. Highlight this code and copy it.
6. Paste the shortcode into your into the page, post or widget where you want to display your form.
.
You’ve now created a Contact Form 7 form, styled with CF7 Skins, which you can use as the basis of our many tutorials.
