How do I preview what my form will look like?

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.

How do I save my CF7 Skin?

After you have selected a Template and a Style, scroll to the top and click the Save button.

save-form

This will save the form that you just created using CF7 Skins.

Now to make your form to appear on your post/page:

1. After you save your form, a code snippet will appear under the main title of your form.

copy-shortcode

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

3. Go back to the post/page you are working on, copy the Shortcode into your content where you want your form to appear.

4. After you Save your post/page, the form will now appear.

How do I edit my CF7 Skins Form?

Each Template acts as an easy to follow guide, which can be adapted to your particular requirements. You can adjust the layout of your form by simply moving form fields around or you might copy a field similar to what you want and then change it to suit your needs.

If you haven’t selected a Template yet, choose one that has fields closest to what you want in your finished form.

1. Scroll up to the Form section on your screen.

As soon as you select a Template, the Form Editor will be automatically filled with required HTML tags and Contact Form 7 Tags.

form-section-generate-part

2. Copy and paste lines within the form.

Most users find they can adjust a Template to their requirements by simply copying & pasting.

a. If you are removing fields:

Highlight the line and delete it.

highlight-field

b. If you are adding fields:

Pick a field similar to what you want, highlight and copy it to where you want and then change it to suit your needs.

Tip: If you want to copy a Fieldset section – be sure to grab everything between the <fieldset> <fieldset/> tags.

3. Use the Generate Tag button to revise Contact Form 7 Tags.

Contact Form 7 Tags have rather complex syntax, but you don’t have to learn it. You can use the Generate Tag tool to generate as many tags as you want. Replace an existing tag with a new one you’ve created.

Review Contact Form 7’s documentation on Tag Syntax. This will let you know which tags and fields you can add to your form.

Tip: To check if you are changing the right text, try saving the form and previewing it after each change.

4. After you have made any changes, remember to Save!

Note: If you select a different template, it will replace the Form section with the new selected template.

Tip: Find another Template that has the field you are looking for.  Copy the line from the Form section, then paste it into the form you are creating. Don’t forget to save your changes after adding the new field.

Related FAQ:
How do I preview what my form will look like
How do I save my CF7 Skin

What are the benefits of CF7 Skins Pro?

The free version of CF7 Skins is a fully functional plugin on its own, with a range of commonly used Templates & Styles bundled in it.

The premium version, CF7 Skins Pro, offers a wider range of more complex Templates & Styles. It also entitles you to email based support.

Tip: CF7 Skins Pro is also required to access the CF7 Skins range of Add-ons which all require purchase of CF7 Skins Pro to be used.

License & Payment information

License

Your license is valid for one year from the purchase date. An active license key is needed for ongoing access to plugin updates and email support. You will need to renew your license to continue receiving updates and support (discounted renewal rates are available).

After purchasing, you’ll receive a Licence Key via email (or you can visit your Account). The key can be activated from within the plugin or via your account. Keys can also be deactivated from within the plugin or via your account, and re-activated on another site if needed.

Support

If you have a current licence you’ll be able to use our Support page to contact us for help. Premium Email Support is provided to deal with questions and problems from users with an active license key. See our Support Policy for details on the type of questions we can help with.

Updates

An automatic updater is included with the plugin. In order for the updater to work, you need to have a valid license key linked to the website where the plugin is installed.

You will receive notification of plugin updates just like you’re used to with plugins available from the WordPress Plugin Repository. We provide identical update support, although the plugin will be updated from our website instead of wordpress.org.

Note: If you move your site after you activate your license, you will need to change the site location in your Account to receive update notifications.

Renewals

When it’s time to renew, you get a discount! Your license can be renewed annually at a substantial discount of the price at the time of renewal. We’ll send you an email in advance of your license expiring with instructions on how to renew.

Payments

Our secure payment methods include Visa, MasterCard and Paypal. We are limited to online payments only, we are not be able to accept a money order, accept checks or receive phone orders.

Refunds

If you are not happy with our product or service, let us know within 30 days of purchase and we’ll refund you.

Can I upgrade my license later?

Yes – you can upgrade your license and only pay the price difference from your current license.

Will you automatically charge my credit card for renewal after 1 year?

No – we’ll send you an email before your renewal date with instructions on how to renew at a discount.

What counts as a site?

Any time you activate the plugin license on a site with a new URL, that counts as a site.

But local URLs (such as localhost, 10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16, .dev, and .local) do not count towards the activation limits of the license. So, for example, http://yoursite1.com and http://yoursite2.com would be two sites but http://dev.yoursite.com and http://yoursite.com would be only site.

Can I use the Personal license on multi-site?

Yes – you will need a license for each website on a multi-site on which the plugin is used.

Can I deactivate installs?

Yes – you can get a list of your currently active installs and deactivate them anytime at your Account.

Does deactivating an install free up some of my install limit?

Yes – when you deactivate an install, it frees up a slot for a another install. For example, you activate an install on http://youroldsite.com. You then de-activate your install and re-install it on http://yournewsite.com.

Can I move licenses to another site?

Yes – if you move your site after you activate your license, you will need to change the site location in your Account to receive update notifications.

Do you have a refund policy?

Yes – you can get a full refund within 30 days of purchase – you just need to ask.

Other pre-sale questions

Feel free to contact us if you have other unanswered questions.

Related FAQs:
Can I upgrade my CF7 Skins licenses

How do I start a form with Contact Form 7?

1. Log in to your WordPress Dashboard and click on Contacts in the admin menu.

new-contact-form

2. If your form is in English, click the Add New button. Or, select the language you are looking for.

3. At the top of the page, replace Untitled with a name for your form.

Add a title to your new form

What is the Form section?

The Form section (also known as the Form Editor or Form editing field) is where you can edit your form’s content & layout within the Contact Form 7 plugin interface – see Contact Form 7 Admin Screen.

form-section

When you select a Template, the Form section is populated for you. Each template acts as an easy to follow guide, which can be adapted by the user to their particular requirements.

You can use HTML tags and Contact Form 7 form-tags here. You can also use Generate Tag (known as the Tag Generator) to generate form-tags without any pre-knowledge of them.

For most fields, it’s pretty straight forward and you can customize the text around the form, such as ‘Your Message’ could be ‘Say hi!’.

If you have any issues with the content or basic fields (not the style) in your form, the Form section is the first spot to look!

Related FAQ:
How do I start a form with Contact Form?
What are Templates?
How do I change the text on my form?

How to add a form into a WordPress post or page?

1. After you save your form, a code snippet will appear under the main title of your form.

copy-shortcode

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

3. Edit the WordPress page or post where you want the form. Paste the Shortcode into your content where you want your form to appear.

4. After you Save your post/page, the form will now appear.