Adding Hidden Fields Using The Contact Form 7 Modules Plugin | Contact Form 7 Tutorials Part 11 - Best Webhosting

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Adding Hidden Fields Using The Contact Form 7 Modules Plugin | Contact Form 7 Tutorials Part 11

Watch Wordpress WPLearningLab Video: Adding Hidden Fields Using The Contact Form 7 Modules Plugin | Contact Form 7 Tutorials Part 11.
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL
Contact Form 7 - Adding Hidden Fields Using The Contact Form 7 Modules Plugin | WP Learning Lab

Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist

The ability to create hidden fields is one of the major things missing from Contact Form 7. Luckily there's a nice little plugin that will add that ability to CF7 and as a bonus it will allow you to add dynamic data to the hidden fields as well. I'll explain all of that below.

The first thing we have to do is install the Contact Form 7 Modules plugin.

To install this plugin please log into your WordPress dashboard, hover over Plugins and then click on Add New.

On the next page type "Contact Form 7 Modules" into the search bar. The plugin we want should be the first one in the top left.

Click on the Install Now button and then click Activate after it's installed.

Now go to your Contact Form 7 editor (click on the Contact menu item on the side menu, then click Edit below the form you want to add the hidden field to).

Inside the editor you will see a button labelled "hidden". If you click inside the editor where your form code exists and then click on the "hidden" button a dialog box will open up.

Fill in the details and you have your hidden field.

I recommend you use a descriptive name for the Name field so that you know what the hidden field is for.

Then in the Value field you can enter a shortcode for dynamic content. Some of the available short codes and what they do are listed there and the rest are on this page (https://wordpress.org/plugins/contact-form-7-modules/).

I've compiled them all below, so you can read them right in the description.

- post_title - Inserts the title of the post/page
- post_category - The categories of the post or page
- post_url - The URL of the post or page
- post_author - The author of the post or page
- custom_field-[Name] - The value of a post or page's custom field. If you had a custom field "Foo", you would use the following as the hidden field value: custom_field-Foo

The following values will be replaced if an user is logged in:

- user_name: User Login
- user_id: User ID
- user_email: User Email Address
- user_display_name: Display Name (Generally the first and last name of the user)
- user_url: User Website

And you can also use it for user custom meta data using the format of user-{field}:

- user-aim: AIM
- user-jabber: Jabber / Google Talk
- user-description: User Bio

You can also use a filter: hook into the wpcf7_hidden_field_value filter to modify the value of the hidden field using add_filter(). If you know the ID of the input, you can also use the wpcf7_hidden_field_value_[#ID] filter.

There are lots of options for adding dynamic content to your hidden fields.

If the content you want to add is different that what the shortcodes provide then you will have to create a Javascript/jQuery and CSS solution.

Using those technologies what you can insert into hidden fields on a form is only limited by your imagination.

Don't forget, after you add the hidden fields to the form, you have to add them to the mail tab as well. Otherwise the information won't be sent to in the email that the form generates.

If you want to know more about customizing the email sent in the mail tab check out this tutorial: https://www.youtube.com/watch?v=wy70WGCjMY4

Subscribe to this awesome channel here: http://www.youtube.com/subscription_center?add_user=wplearninglab

Published:
Category: Wordpress WPLearningLab
134 Views

Related Videos

  • Popular Adding Contact Form 7 Hidden Fields With Dynamic Data | Contact Form 7 Tutorials Part 6

    Adding Contact Form 7 Hidden Fields With Dynamic Data | Contact Form 7 Tutorials Part 6

    by Best Webhosting Added 134 Views / 0 Likes

    Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download our exclusive 10-Point WP Hardening Checklist: http://bit.ly/10point-wordpress-hardening-checklist Adding Contact Form 7 Hidden Fields With Dynamic Data | WP Learning Lab Adding hidden fields with dynamic contact to contact form 7 is easy when you install the contact form 7 modules plugin. If you don't install that plugin you will need to create the functionality u

  • Popular Easily Add All Fields To The Contact Form 7 Email | Contact Form 7 Tutorials Part 3

    Easily Add All Fields To The Contact Form 7 Email | Contact Form 7 Tutorials Part 3

    by Best Webhosting Added 130 Views / 0 Likes

    Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Easily Add All Fields To The Contact Form 7 Email | WP Learning Lab At first, few people realize that once you've created your Contact Form 7 form, you also need to create the email that goes along with it. They usually figure it out when the email the form sends doesn't include the custom fields they added. If you add more fields to your form, you also need to add them to

  • Popular Creating A Contact Form Using Contact Form 7 WordPress Plugin | Contact Form 7 Tuts Part 1

    Creating A Contact Form Using Contact Form 7 WordPress Plugin | Contact Form 7 Tuts Part 1

    by Best Webhosting Added 134 Views / 0 Likes

    Creating A Contact Form Using Contact Form 7 WordPress Plugin - Step-by-Step | WP Learning Lab Check out https://happyforms.me/, it's a cool new form builder that you may like better than CF7 (and it's free!): HappyForms.me Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ In this tutorial I'm going to show you how to create a contact form using contact form 7. Let's get started. The first t

  • Popular Easily Add Contact Form 7 Placeholder Text To Any Input Field | Contact Form 7 Tutorials Part 14

    Easily Add Contact Form 7 Placeholder Text To Any Input Field | Contact Form 7 Tutorials Part 14

    by Best Webhosting Added 143 Views / 0 Likes

    Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Easily Add Contact Form 7 Placeholder Text To Any Input Field | WP Learning Lab Contact Form 7 placeholder text makes your contact form much more user-friendly. You can use placeholder text to give the user more information or you can use it to replace field labels. By eliminating field labels you can substantially reduce the space your form takes up. So if you need to cons

  • Popular A Dropdown in Contact Form 7 Turned Into A Multi-Select Box | Contact Form 7 Tutorials Part 18

    A Dropdown in Contact Form 7 Turned Into A Multi-Select Box | Contact Form 7 Tutorials Part 18

    by Best Webhosting Added 138 Views / 0 Likes

    Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL A Dropdown in Contact Form 7 Can Be Turned Into A Multi-Select Box https://youtu.be/KZGqjKL6Spk Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist To create a dropdown in contact form 7 the first thing you need to do is install and configure the contact form 7 plugin. Here's a tutorial on how to do just that: https://

  • Popular Contact Form 7 Skins To Change Style - No CSS required | Contact Form 7 Tutorials Part 13

    Contact Form 7 Skins To Change Style - No CSS required | Contact Form 7 Tutorials Part 13

    by Best Webhosting Added 137 Views / 0 Likes

    Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download our exclusive 10-Point WP Hardening Checklist: http://bit.ly/10point-wordpress-hardening-checklist Contact Form 7 Skins To Change Style - No CSS required | WP Learning Lab Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ Changing the appearance of your contact form 7 forms is easy with this Contact Form

  • Popular Add Confirm Email Field To Contact Form 7 Forms | Contact Form 7 Tutorials Part 9

    Add Confirm Email Field To Contact Form 7 Forms | Contact Form 7 Tutorials Part 9

    by Best Webhosting Added 150 Views / 0 Likes

    Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL There is nothing more frustrating than receiving an message from a promising lead through your contact form, but their email address has a typo. With some email addresses you can identify the typo easily, with others you can't. Adding an email confirmation field where the user has to type their email twice helps fight this problem. And luckily adding a contact form 7 confir

  • Popular Contact Form 7 DB - Save Submissions To Your WordPress Database | Contact Form 7 Tutorials Part 16

    Contact Form 7 DB - Save Submissions To Your WordPress Database | Contact Form 7 Tutorials Part 16

    by Best Webhosting Added 135 Views / 0 Likes

    Contact Form 7 DB - Save Submissions To Your WordPress Database | Contact Form 7 Tutorials Part 16 https://youtu.be/ubifAGzRE4Y Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL The Flamingo plugin for WordPress stores Contact Form 7 submissions to your database. So even if the email doesn't arrive for some reason, you can find the message in your WordPress dashboard. Subscribe to this awesome channel here: http://www.yout

  • Popular Contact Form 7 File Upload Field Tutorial   | Contact Form 7 Tutorials Part 10

    Contact Form 7 File Upload Field Tutorial | Contact Form 7 Tutorials Part 10

    by Best Webhosting Added 145 Views / 0 Likes

    Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Tutorial updated for 2017/2018: https://www.youtube.com/watch?v=-RtBrUCSkBk&t=151s&index=20&list=PLlgSvQqMfii5Q05RFNFaZhTbPomLfZssV Contact Form 7 File Upload Field Tutorial • | WP Learning Lab The Contact Form 7 file upload feature is a great addition that a lot webmasters will find useful. There is one trick to setting it up that many people get wrong, this tutorial will

  • Popular WordPress Booking Calendar Using Contact Form 7 & A Datepicker | Contact Form 7 Tutorials Part 7

    WordPress Booking Calendar Using Contact Form 7 & A Datepicker | Contact Form 7 Tutorials Part 7

    by Best Webhosting Added 135 Views / 0 Likes

    Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL WordPress Booking Calendar Using Contact Form 7 & A Datepicker https://youtu.be/uKYEK1y0hNk Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist A WordPress booking calendar or WordPress appointment form is a must for any service company. They aren't hard to create and can be free to make. In this tutorial we're to use

  • Popular Contact Form 7 Validation With Custom Error Messages | Contact Form 7 Tutorials Part 8

    Contact Form 7 Validation With Custom Error Messages | Contact Form 7 Tutorials Part 8

    by Best Webhosting Added 145 Views / 0 Likes

    Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Contact Form 7 Validation With Custom Error Messages | WP Learning Lab You can use the Contact Form 7 validation plugin to add custom error messages to all of your Contact Form 7 fields. This will greatly improve user experience with your contact forms. Why do you need custom error messages? Because a default contact form 7 error message is just "this field is required". Wh

  • Popular Contact Form 7 Email Validation Using DNS Verification | Contact Form 7 Tutorials Part 12

    Contact Form 7 Email Validation Using DNS Verification | Contact Form 7 Tutorials Part 12

    by Best Webhosting Added 113 Views / 0 Likes

    Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download our exclusive 10-Point WP Hardening Checklist: http://bit.ly/10point-wordpress-hardening-checklist Contact Form 7 Email Validation Using DNS Verification | WP Learning Lab Contact Form 7 validates the syntax of email addresses, but it doesn't check to make sure the email address is associated with a real domain. The DNS verification plugin will do that. If you rece

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS