Articles

Installing CF7 Skins

Installing CF7 Skins and its Add-ons is easy and simple. Installing Contact Form 7 Skins (free version) Use one of the following methods to install Contact Form 7 Skins on your WordPress website: Directly on your WordPress website By uploading the CF7 Skins ZIP file Directly on your WordPress website 1. Log into your WordPress […]

Export and Import Contact Form 7 form

Sometimes, you may need to duplicate a Contact Form 7 (CF7) form on your current website to another website. Manually copying the form can be time-consuming and prone to human errors. Contact Form 7 Skins now offers a better way to duplicate a Contact Form 7 form across multiple websites by exporting it from one […]

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 […]

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 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 […]

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, […]

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]