Images – Blog

Last Updated on January 26, 2021 by Neil Murray

We maintain a record of all the many different images used on our various websites.

Blog #

Use default values for Contact Form 7 Radio Buttons #

Use default values for Contact Form 7 Radio Buttons – All Images

cf7skins-radio-button-validation-error
cf7-update-radio
form-code

Matching Mail Tags with Form Tags in Contact Form 7 #

Matching Mail Tags with Form Tags in Contact Form 7 – All Images

blog-cf7skins-form-tags-1

Mail Tab images

blog-cf7skins-form-tags-not-used-in-mail-tab
blog-cf7skins-mail-tab
form-tags-shown-in-mail-tab

Message body images

blog-cf7skins-message-body (1)
blog-cf7skins-message-body

Creating selectable email addresses in Contact Form 7 #

Creating selectable email addresses in Contact Form 7 – All Images

cf7skins-blog-form-section
cf7skins-email-addresses-exposed
cf7skins-email-addresses-hidden
cf7skins-selectable-email-addresses
cf7skins-selectable-email-cf7skins-drop-down
cf7skins-selectable-email-cf7skins-edit-drop-down
cf7skins-selectable-email-cf7skins-options-2
cf7skins-selectable-email-drop-down-tag
cf7skins-selectable-email-radio-buttons
cf7skins-selectable-email-to-field
dragdrop-600×150-gray

Email form- images

cf7skins-selectable-email-form-display-1
cf7skins-selectable-email-form-tab-2
cf7skins-selectable-email-form-tag-generator-2
cf7skins-selectable-email-in-form (1)
cf7skins-selectable-email-in-form

5 common mistakes beginners make when they start using Contact Form 7 #

5 Common mistakes beginners make when they start using contact – All Images

blog-cf7skins-5-common-mistakes-successful-error-message

Tags images

blog-cf7skins-form-tags (1)
blog-cf7skins-form-tags
blog-cf7skins-from-and-to-mail-tags-should-look-like
blog-cf7skins-from-tags
blog-cf7skins-mail-tags

5 Common mistakes beginners make when they start using contact-other images

blog-cf7skins-mail-tab
cf7skins-blog-advanced-contact-form-7
dragdrop-600×150-gray

Add text, links and paragraphs in contact Form 7 forms – All Images

cf7skins-add-text-and-links-fields-cf7skins-tab-300×191
cf7skins-add-text-and-links-fields-tab-203×300
cf7skins-add-text-and-links-form-section-2
cf7skins-add-text-and-links-form-section-3
cf7skins-add-text-and-links-html-edit-dialog-300×202
cf7skins-add-text-and-links-html-edit-icon-300×42
cf7skins-add-text-and-links-introduction
cf7skins-add-text-and-links-links-example-1
cf7skins-add-text-and-links-links-example-2
cf7skins-add-text-and-links-paragraph-edit-dialog-300×211
cf7skins-add-text-and-links-paragraph-edit-icon-300×37
cf7skins-add-text-and-links-paragraph-example-1
cf7skins-add-text-and-links-paragraph-example-2
cf7skins-add-text-and-links-skins-tab (1)
cf7skins-add-text-and-links-skins-tab (2)
cf7skins-add-text-and-links-skins-tab
cf7skins-add-text-and-links-text-label-cf7-300×57
cf7skins-add-text-and-links-text-label-cf7-alternate-300×80
cf7skins-add-text-and-links-text-label-example-1
cf7skins-add-text-and-links-text-label-example-2
cf7skins-blog-form-section
dragdrop-600×150-gray

Using CF7 Skins Fieldsets to improve your Contact Form 7 forms #

Using CF7 Skins Fieldsets to improve your contact Form 7 forms – All Images

cf7skins-add-fieldset-fieldset-example-300×206
cf7skins-edit-fieldset-fieldset-example-300×53
cf7skins-edit-legend-fieldset-example-300×136
cf7skins-fieldset-edit-fieldset-example-step2
cf7skins-fieldset-example-featured
cf7skins-form-fieldset-example-step2
cf7skins-styles-tab-fieldset-example-step1
dragdrop-600×150-gray

Tips to structure your Contact Form 7 forms #

Tips to structure your Contact Form 7 forms – All Images

cf7skins-tips-to-structure-styles-tab
cf7skins-tips-to-structure-templates-tab
cf7skins-tips-to-structure-your-forms

Add Better Contact Form 7 Placeholders #

Add Better Contact Form 7 Placeholders – All Images

cf7skins-blog-adding-placeholders-from-visual-editor
cf7skins-blog-add-placeholder-code
cf7skins-blog-add-placeholder-code-in-all-fields
cf7skins-blog-add-placeholder-in-all-fields-from-tag-generator
cf7skins-blog-add-placeholder-in-field-from-visual-editor-1
cf7skins-blog-edit-icon-2
cf7skins-blog-form-section
cf7skins-blog-placeholder-example (1)
cf7skins-blog-placeholder-example
cf7skins-blog-select-text-form-tag-generator (1)
cf7skins-blog-select-text-form-tag-generator
cf7skins-blog-skins-section
cf7skins-blog-text-form-tag-generator
cf7skins-blog-using-cf7skins-section

Addition of HTML Element #

Addition of HTML Element – All Images

cf7skins-blog-add-html-tags-using-paragraph-element-768×708
cf7skins-blog-addition-of-html-element-768×556
cf7skins-blog-using-html-element-step1-768×556
cf7skins-blog-using-html-element-step2 (1)
cf7skins-blog-using-html-element-step2
cf7skins-blog-using-html-element-step3-768×556
cf7skins-blog-using-html-element-step4
cf7skins-blog-using-html-item

Change Type of CF7 Tag: a Quick Guide #

Change Type of CF7 Tag: a Quick Guide – All Images

cf7skins-blog-before-v2-1
cf7skins-blog-change-cf7tag-in-v2-1
cf7skins-blog-change-type-cf7tags-from-edit-window
cf7skins-blog-change-type-of-cf7-tags-before-v2-1
cf7skins-change-cf7tagtype-dropdown
cf7skins-change-cf7tagtype-edit-icon
cf7skins-select-cf7tagtype-dropdown

Add Contact Form 7 form in WordPress Widget #

Add Contact Form 7 form in WordPress Widget- All Images

cf7skins-blog-add-widget
cf7skins-blog-cf7-form-in-widget
cf7skins-blog-custom-html-widget
cf7skins-blog-customize-widgets
cf7skins-blog-open-custom-html-widget
cf7skins-blog-save-text-widget (1)
cf7skins-blog-save-text-widget
cf7skins-blog-select-text-widget
cf7skins-blog-widgets-page

Alternatives to reCAPTCHA v3 in Contact Form 7 #

Alternatives to reCAPTCHA V3 in contact Form 7- All Images

cf7-recaptcha-v2-screenshot-1
cf7skins-blog-advanced-noCaptcha-invisible-captcha
cf7skins-blog-cf7-recaptcha-v2
cf7skins-blog-contact-form-7-captcha
cf7skins-blog-invisible-reCaptcha-for-WordPress
cf7skins-blog-no-CAPTCHA-reCAPTCHA
cf7skins-blog-recaptcha-v3

Recommended Free contact Form 7 Extensions – All Images

cf7-recaptcha-v2-screenshot-1 (1)
cf7-recaptcha-v2-screenshot-1
CF7-redirect (1)
CF7-redirect
cf7skins-blog-advanced-contact-form-7-300×97 (1)
cf7skins-blog-advanced-contact-form-7-300×97
cf7skins-blog-advanced-contact-form-7-db-screen
cf7skins-blog-advanced-noCaptcha-invisible-captcha-300×97
cf7skins-blog-cf7db-300×97 (1)
cf7skins-blog-cf7db-300×97
cf7skins-blog-cf7db-screen
cf7skins-blog-cf7-recaptcha-v2-300×97 (1)
cf7skins-blog-cf7-recaptcha-v2-300×97
cf7skins-blog-contact_form_advance_db-300×96
cf7skins-blog-contact_form_submissions-300×97
cf7skins-blog-contact-form-7-captcha-300×97
cf7skins-blog-contact-form-advance-db-screen
cf7skins-blog-contact-form-submissions-screen
cf7skins-blog-invisible-reCaptcha-for-WordPress-300×97 (1)
cf7skins-blog-invisible-reCaptcha-for-WordPress-300×97
cf7skins-blog-no-CAPTCHA-reCAPTCHA-1-300×97
ContactForm7-Datepicker
contact-form-7-dynamic-text-extension-300×97
contact-form-7-extension
ContactForm7-Honeypot-300×97
ContactForm7-Modules-300×97
Contact-Form-7-Redirection-900-300×96 (1)
Contact-Form-7-Redirection-900-300×96
Contact-Form-7-Success-Page-Redirects-300×96
Contact-Form-DB-300×73
Jquery-Validation-For-ContactForm7-500-300×130
MailChimp-for-WordPress-300×97
save-contact-form-7-banner-300×97

Using SMTP to send emails in Contact Form 7 #

Using SMTP to send emails in Contact Form 7 – Image

use-smtp-cf7

Answers to issues with using reCAPTCHA v3 in Contact Form 7 #

Answers to Issues with using reCAPTCHA v3 in Contact Form 7 – All Images

orange-border-response-1
recaptcha2-robot
recaptcha-v3-feature
recaptchaV3-privacy-icon
screenshot-recaptcha-1-768×793

Free General Use template for Contact Form 7 #

Free General Use template for Contact Form 7 – All Images

cf7skins-blog-free-general-use-template (1)
cf7skins-blog-free-general-use-template
cf7skins-blog-free-general-use-template-for-contact-form-7

Supporting Contact Form 7 #

Supporting Contact Form 7 – All Images

cf7-support-google-search
NeilMurray-300×300

Save Contact Form 7 to WordPress database using 5 free plugins #

Save Contact Form 7 to WordPress database using 5free plugins- all images.

cf7skins-blog-advanced-contact-form-7 (1)
cf7skins-blog-advanced-contact-form-7
cf7skins-blog-advanced-contact-form-7-db-screen
cf7skins-blog-cf7db
cf7skins-blog-cf7db-screen
cf7skins-blog-contact_form_advance_db
cf7skins-blog-contact_form_submissions
cf7skins-blog-contact-form-advance-db-screen
cf7skins-blog-contact-form-submissions-screen
cf7skins-blog-save-contact-form-7
cf7skins-blog-save-contact-form-7-screen
save-cf7-to-wp-database

Your Contact Form 7 email may be going to spam #

your-email-as-spam-contact-form-7

Using default values in your Contact Form 7 forms #

Using default values in your Contact Form 7 forms- All images

default-value-meta-tag
http-requests
logged-in-user
multiple-default-values (1)
multiple-default-values

Show and Hide a Checkbox on your Form #

Show and Hide a Checkbox on your Form- All images.

cf7skins-logic-contact-form-7-show-checkbox
cf7skins-logic-select-item (1)
cf7skins-logic-select-item
cf7skins-logic-show-hide-if
cf7skins-logic-statement

Use a suitable From: address in Contact Form 7 #

1.Use-suitable-From-address_Mail-Tab

GDPR Checkbox and Privacy Link in Contact Form 7- All images.

CF7-long-text-acceptance-checkbox-url
CF7-mail-acceptance-checkbox
CF7-short-text-acceptance-checkbox-url (1)
CF7-short-text-acceptance-checkbox-url
CF7-short-text-acceptance-checkbox-url-1
CF7-Wordpress-GDPR-acceptance-checkbox-url

Time Saving Tips when Editing Forms #

Time Saving Tips When Editing Forms- All images

cf7skins-visual-delete-fields
cf7skins-visual-dragdrop-fields (1)
cf7skins-visual-dragdrop-fields
cf7skins-visual-duplicate
cf7skins-visual-show-hide-fields
delete
dragdroporder
duplicate
showhide

CF7 Skins Visual – Contact Form 7 Drag & Drop Editor released #

CF7 Skins Visual – Contact Form 7 Drag & Drop Editor released-All images.

cf7skins-form-contact-template-as-visual
cf7skins-form-duplicate-options
cf7skins-form-field-actions
cf7skins-form-field-add-arrows (1)
cf7skins-form-field-add-arrows
cf7skins-form-fieldtag-text-edit
cf7skins-form-template-event

on_sent_ok not working in Contact Form 7 #

on_sent_ok not working in Contact Form 7- All images

contact-form-7-controls-google-analytics-905×1024
contact-form-7-controls-redirect-900×1024
on_sent_ok-working-screenshot
on_sent_ok-working-screenshot-1

Using Special Mail Tags to improve your Contact Form 7 emails #

Using Special Mail Tags to improve your Contact Form 7 emails – All images.

date-and-time-special-mail-tags
example-of-special-mail-tags
form-url-special-mail-tags
post-author-details-special-mail-tags
post-meta-data-special-mail-tags (1)
post-meta-data-special-mail-tags
regular-mail-tags
remote-ip-special-mail-tags
serial-number-special-mail-tags
user-agent-special-mail-tags

Contact Form 7 Custom Button #

Contact Form 7 Custom Button – All images.

button_hover
button_main
custom_button
custom_button-
firebug-inspect-element

Why I created Contact Form 7 Skins #

Why I created Contact Form 7 Skins – All images.

cf7skins-plugin-header
NeilMurray-300×300
works-within-the-contact-form-7-interface

Better Checkboxes & Radio Buttons (with Contact Form 7 Tag Editor) #

Better Checkboxes & Radio Buttons (with Contact Form 7 Tag Editor) – All images

cf7skins-create-checkbox1 (1)
cf7skins-create-checkbox1
cf7-skins-radio-buttons
cf7-skins-radio-buttons-form
generatetag-checkbox

CF7 Skins Visual started – a drag and drop visual editor for Contact Form 7 forms #

CF7 Skins Visual started – a drag and drop visual editor for Contact Form 7 forms – All images.

cf7s-visual-draft-01a
cf7s-visual-interface-01
cf7s-visual-interface-02
cf7s-visual-interface-03
cf7s-visual-interface-04

Upgrade to CF7 Skins Logic and save 20% #

Upgrade to CF7 Skins Logic and save 20% – all images

cf7skins-logic-logo-400
how-to-upgrade_01

CF7 Skins Logic – available for Beta Testing #

CF7 Skins Logic – available for Beta Testing – All images

CF7_Skins_Logic_Easy_to_use-02
CF7_Skins_Logic_Features

Logo images

cf7skins-logic-logo400 (1)
cf7skins-logic-logo400

CF7 Skins Logic – Conditional Logic for Contact Form 7 #

CF7 Skins Logic – Conditional Logic for Contact Form 7 – All images

CF7_Skins_Logic_Easy_to_use
CF7_Skins_Logic_Easy_to_use_04
cf7skins-logic-logo-400

5 really useful free Contact Form 7 Extensions #

5 really useful free Contact Form 7 Extensions – All images.

banner-772×250
contact-form-7-dynamic-text-extension
contact-form-7-extension
ContactForm7-Honeypot
contact-form-7-skins
MailChimp-for-WordPress

CF7 Skins Ready – Structure Contact Form 7 forms #

CF7 Skins Ready – Structure Contact Form 7 forms – All images

CF7_Skins_Ready_Add-on-01
cf7skins-ready-classes
cf7skins-ready-logo-400

CF7 Skins Multi – Multi-page Contact Form 7 forms #

CF7 Skins Multi – Multi-page Contact Form 7 forms – All images.

CF7_Skins_Multi_Add-on-01
cf7skins-multi-logo-800×300-300×113
Easy-to-use
features-highlighted-500
Matching-Styles-600

CF7 Skins – Beta Testing Complete #

skins-features-300×240

Introducing Contact Form 7 Skins #

Introducing Contact Form 7 Skins – All images.

cf7-skins-edit-contact-form-1024×568
contact-form7-plugin-300×186
features-highlighted-500
NeilMurray1-300×300
Skins-Features
works-within-the-contact-form-7-interface

CF7 Skins Beta Release Announcement #

CF7 Skins Beta Release Announcement – All images

cf7-skins-edit-contact-form
cf7-skins-edit-contact-form-1024×568
contact-form7-plugin-300×186

Contact Form 7 Configuration Validator #

Contact Form 7 Configuration Validator

configuration-validator

Yahoo DMARC Issue #

yahoo-email-address

Contact Form 7 Email Issues & Problems #

spinning-arrow
lost-password
orange-border-response-1
email-issues

Plugin or Theme Conflicts #

spinning-arrow

JavaScript Conflict Problems #

spinning-arrow

Contact Form 7 Form in Columns #

Contact Form 7 Form in Columns

6.-Contact-Form-7-Fields-in-Column-Final-Visual-Form
select-multi-class-dialog-box-column
8.-Contact-Form-7-Fields-in-Column-Edit-OL
select-multi-class-dropdown-singleline-column-1
7.-Contact-Form-7-Fields-in-Column-Preview
6.-Contact-Form-7-Fields-in-Column-Template
5.-Contact-Form-7-Fields-in-Column-Thumbnail-Form
cf7skins-kb-cf7fields-in-column-thumbnail

Contact Form 7 Fields Side by Side #

Contact Form 7 Fields Side by Side

5.-Contact-Form-7-Fields-in-Column-Thumbnail-Form
4.-Contact-Form-7-Fields-Side-by-Side-Add-Singline-Ready-Class-1
5.-Contact-Form-7-Fields-Side-by-Side-Arrange-form-elements
0.-Contact-Form-7-Fields-Side-by-Side-Featured-Image

Styling Contact Form 7 Forms #

Styling Contact Form 7 Forms

CF7_Form_Structure
CF7_tag_with_ID__Class-02
CF7-Form-css-01
CF7-Form-html-01
CF7-Form-Section-02
Default-CF7-form-in-Firebug-01
styling-cf7-forms_copy-current-css
styling-form2

Contact Form 7 Form Section #

CF7-Form-Section-03

Default Form in Firebug #

Default-CF7-form-in-Firebug-01

Contact Form 7 Default Form Structure #

CF7_Form_Structure_A4

Contact Form 7 – reCaptcha v2 #

Contact Form 7 – reCaptcha v2 – All images

cf7-recaptcha-v2-screenshot-1
cf7skins-blog-cf7-recaptcha-v2

Invisible reCaptcha for WordPress #

cf7skins-blog-invisible-reCaptcha-for-WordPress

Advanced noCaptcha & invisible Captcha #

cf7skins-blog-advanced-noCaptcha-invisible-captcha

No CAPTCHA reCAPTCHA #

cf7skins-blog-no-CAPTCHA-reCAPTCHA-1

Contact Form 7 Captcha #

cf7skins-blog-contact-form-7-captcha

Contact Form 7 Database Addon – CFDB7 #

Contact Form 7 Database Addon – CFDB7 – all images

cf7skins-blog-cf7db
cf7skins-blog-cf7db-screen

Advanced Contact form 7 DB #

Advanced Contact form 7 DB – All images

cf7skins-blog-advanced-contact-form-7
cf7skins-blog-advanced-contact-form-7-db-screen

Contact Form Advanced Database – CFADB #

Contact Form Advanced Database – CFADB – All images

cf7skins-blog-contact_form_advance_db
cf7skins-blog-contact-form-advance-db-screen

Contact Form Submissions #

Contact Form Submissions – All images

cf7skins-blog-contact_form_submissions
cf7skins-blog-contact-form-submissions-screen

Save Contact Form 7 #

banner-772×250

Contact Form 7 Datepicker #

ContactForm7-Datepicker (1)

Contact Form 7 Modules #

ContactForm7-Modules

jQuery Validation for Contact Form 7 #

Jquery-Validation-For-ContactForm7-500

Contact Form 7 Redirection #

Contact Form 7 Redirection – All images

CF7-redirect
Contact-Form-7-Redirection-900

Contact Form 7 Dynamic Text Extension #

contact-form-7-dynamic-text-extension

MailChimp for WordPress #

MailChimp-for-WordPress

Contact Form 7 Honeypot #

ContactForm7-Honeypot

Contact Form DB #

Contact-Form-DB

Contact Form 7 – Success Page Redirects #

Contact Form 7 – Success Page Redirects – All images

CF7-redirect
Contact-Form-7-Success-Page-Redirects

Beginner’s guide to setting up mail in Contact Form 7 #

Beginner’s guide to setting up mail in Contact Form 7 – All images

cf7skins-beginners-guide-to-mail-body-field
cf7skins-beginners-guide-to-mail-default-mail-tab
cf7skins-beginners-guide-to-mail-exclude-lines-1
cf7skins-beginners-guide-to-mail-featured
cf7skins-beginners-guide-to-mail-file-field-1
cf7skins-beginners-guide-to-mail-file-field-2
cf7skins-beginners-guide-to-mail-file-field-3
cf7skins-beginners-guide-to-mail-file-field-4
cf7skins-beginners-guide-to-mail-file-field-input
cf7skins-beginners-guide-to-mail-from-field
cf7skins-beginners-guide-to-mail-headers-field
cf7skins-beginners-guide-to-mail-html-content-setup
cf7skins-beginners-guide-to-mail-inbox
cf7skins-beginners-guide-to-mail-mail2-option
cf7skins-beginners-guide-to-mail-mail2-overall
cf7skins-beginners-guide-to-mail-mail2-to-field
cf7skins-beginners-guide-to-mail-mail-tab
cf7skins-beginners-guide-to-mail-message-body-options
cf7skins-beginners-guide-to-mail-subject-field
cf7skins-beginners-guide-to-mail-to-field-1

Use a suitable From: address #

1.Use-suitable-From-address_Mail-Tab