Getting Started!


If you already have plugins, Contact Form 7 & Customizer for Contact Form 7 installed and activated, Navigate to the 'Add New' Post or Page section within your Wordpress Control Panel, wherever you would like to add your contact form, begin with adding a title then you are ready to start adding blocks...


Insert Customizer Block

Click on the block inserter button to open the blocks browser window, Type Customizer into the search bar and select Customizer for Contact From 7 block, then select a contact form from the drop down.

Form Selector

Toggle the form selector to access your contact forms

Customizer for CF7 Settings

Toggle the settings sidebar by clicking the sidebar icon in the top right corner of the menu bar then click on your block to activate it, the Customizer Settings are split into 3 tabbed sections : Block Settings, Form Fields and Submit Button.

Block Settings

The options within the Block Settings section are Block Sizing, Block Margin, Block Padding, Block Backgound, Block Border and Block Shadow.

Block Sizing

All elements within the block will scale by adjusting the base font size, There are additional Block Sizing settings for Tablet and Mobile screen sizes.

Block Margin

Create space around your block, There are additional Block Margin settings for Tablet and Mobile screen sizes.

Block Padding

Create space within your block, There are additional Block Padding settings for Tablet and Mobile screen sizes.

Block Background

Select a preset or custom colour with the colour picker.

Block Border

Add a coloured border or adjust corner border radius.

Block Shadow

Box Shadow controls are : horizontal-offset, vertical-offset, blur radius, spread radius, color.

Form Fields

The options within the Form Fields section are Field Background, Field Labels, Field Text, Field Padding and Field Shadow.

Field Background

Choose preset or custom colours with the colour picker.

Field Labels

Change Label font case, font size, font weight (if available), line height and colour.

Field Text

Change field font size, line height and colour.

Field Padding

Add some padding space around field text.

Field Border

Select a border, change border tickness and colour.

Field Shadow

Box Shadow controls are : horizontal-offset vertical-offset, blur radius, spread radius, color, inset.

Submit Button

The options within the Submit Button section are Submit Background, Submit Text, Submit Width, Submit Padding, Submit Border and Submit Shadow.

Submit Background

Select preset or custom colours with the colour picker.

Submit Text

Change Button font case, font size, font weight (if available) and colour.

Submit Width

The Submit button can be set to full width or Auto, if auto is selected the width can be adjusted with padding.

Submit Padding

Create space around your button text

Submit Border

Change border radius or add button border, change border thickness or colour.

Submit Shadow

Box Shadow controls are : horizontal-offset, vertical-offset, blur radius, spread radius, color.