Articles

CF7 Skins HTML Element

Starting from CF7 Skins Pro version 2.1, CF7 Skins introduces a new HTML element. You can use this item to easily add HTML Tags that you require in your form. In this article, we cover how you use the HTML element to add HTML tags in CF7 Skins forms quickly and easily. The HTML item […]

CF7 Skins Multi (with Visual Editor)

CF7 Skins Multi allows you to break your Contact Form 7 forms into multiple steps easily. Using CF7 Skins Multi with Visual Editor, forms can be divided where required, quickly & easily, right within the Contact Form 7 plugin interface. Multiple page forms are the modern way of handling long forms. Generally, users are much […]

CF7 Skins Multi (with CF7 Form Editor)

This article is about using CF7 Skins Multi in the Contact Form 7 form editor. To learn about using CF7 Skins Multi in the CF7 Skins Visual Editor, see CF7 Skins Multi (with Visual Editor). . CF7 Skins Multi allows you to break your Contact Form 7 forms into multiple steps easily. Forms can be divided where […]

Choosing a Style for Your Form

CF7 Skins comes with many Styles which you can apply to any form with just a click (See Understanding Templates and Styles). Create a new form or edit an existing Contact Form 7 form. Scroll down to the Skins section and click on the Style tab to view the list of available styles to choose […]

Using a Custom CSS plugin to modify a CF7 Skins Style

Custom Styling your Contact Form 7 Form With CF7 Skins you’re able to apply a Style and get a great looking Contact Form 7 form quickly and easily without having any HTML or CSS skills. Sometimes, though, you might want to make small changes. Using a Custom CSS plugin is a relatively easy way to […]

Contact Form 7 Fields Side by Side

Contact Form 7 (CF7) users often like to display commonly used form fields like Name and Email side by side on a single line. However many people find this task challenging because they don’t have a detailed knowledge of HTML and CSS. CF7 Skins Ready, an add-on for our popular Contact Form 7 Skins plugin, […]

Contact Form 7 Form in Columns

Contact Form 7 (CF7) users often like to add evenly spaced columns to their forms. However, many people find this task challenging because they don’t have a strong knowledge of HTML & CSS. CF7 Skins Ready, an add-on for our popular Contact Form 7 Skins plugin, makes it possible to do this with no knowledge […]

Change Type of CF7 Tag: a Quick Guide

With the release of Version 2.1, Contact Form 7 Skins (CF7 Skins) introduces an easy way to change the type of Contact Form 7 (CF7) Form Tag, while creating or changing a form for your WordPress site. In this article, we cover how you can change the CF7 Tag type in the CF7 Skins Visual […]

Installing CF7 Skins

Installing CF7 Skins is easy and simple. After downloading the zip file to your computer, log into your WordPress site’s admin area. Go to Plugins → Add New and then click on Upload link. On the upload screen, click on the Choose File button to select the plugin’s zip file from your computer and then […]

Create a form with CF7 Skins

Once you have downloaded and activated the Contact Form 7 plugin and the CF7 Skins plugin, you are ready to get started. 1. Log in to your WordPress dashboard. 2. Under Contact > Contact Forms, click Add New. 3. Scroll down until you see the Skins section.  The Visual Form Editor will be open by default, showing a basic form structure. Notice that […]

Choosing a Template for Your Form

When you select a CF7 Skins Template, it instantly generates a form with predefined HTML fields and Contact Form 7 tags. All of your available templates are on the Template tab. Choosing a Template To begin, select your Contact Form from the admin panel. Scroll down to the Skins section. Click the Template tab to begin exploring […]

Edit your CF7 Skins Form (CF7 Skins Visual Editor)

The CF7 Skins Form tab is where you edit your form using the Visual Editor. The visual editor enables you to make changes to your form without having to know about Contact Form 7 tags and syntax.  Tip: If this is your first time using CF7 Skins or creating a new form, we recommend starting with Create […]

How to Customise Your Selected CF7 Skins Style

Before you begin This article will only be useful if you: Have a basic understanding of HTML and CSS. Learn more. Understand and know how to use developer tools such as Firefox Firebug or Chrome Developer Tools – Learn more. Understand child themes and/or how to update the CSS of your WordPress theme using a […]

Better Contact Form 7 Checkboxes & Radio Buttons

Checkboxes and radio buttons are commonly used on many types of forms, and you’ll most likely find yourself using them. Contact Form 7 even offers a few different types of modifications for your checkboxes and radio buttons. Even though checkboxes and radio buttons are common, they are frequently used incorrectly. Your forms will be easier […]

Contact Form 7 Custom Button

Some users of Contact Form 7 prefer to use an image as their form button instead of the default submit button. In this tutorial, we’ll walk you through how to accomplish this using Contact Form 7 and our popular Contact Form 7 Skins plugin. Before you begin But before we get started, there are a […]

Making your form easy to read by using Fieldsets

When creating your CF7 Skins form, you may notice that your form is starting to get a little long or confusing to follow. To help solve these problems, rather than creating separate forms or having one long form, you can section apart your content using the fieldset and legend elements. The grouping and labelling of […]

Edit your CF7 Skins Form (Contact Form 7 Editor)

This tutorial is about using the Contact Form 7 tag editor. To learn how to edit your form using the CF7 Skins visual editor, see Edit your CF7 Skins Form (CF7 Skins Visual Editor). Starting a new form with Contact Form 7 gives you a default Contact Form within Contact Form 7’s form tag editor: Select a Template […]