When selecting a Template or Style for your form, you can click on the Details link to get more information about that template or style.

details-link

From there, you can click on Expanded View to see a larger view of the template or style.

template-expanded-view

If you want to see what it will actually look like on your website, follow these steps:

1. After selecting a Template and Style for your form, Save your CF7 Skin.

save-form

2. At the top of the page under the title of your form, you will see a code snippet that looks something like:

[contact-form-7 id="1541" title=“My Form"]

Highlight this code (it’s called a Shortcode) and copy it.

3. Then go to the page or post you are creating in your WordPress Admin area and paste the Shortcode into your content where you wan the form to appear.

4. On the right hand side under Publish, click Preview Changes to see your form in action.

If your not happy with what you see, all you have to do is to edit your form or select a different Style. Your changes will be applied to the form displayed on your post or page.