Demo Forms

Last Updated on February 4, 2023 by Neil Murray

Show & Hide Form Fields

Show Message field when user types in Name field

Formcontact-form-7 id=”2938″ title=”Logic – Demo – Show & Hide Form Fields”

    Your Details

    * Required


    Instructions – start typing in the Name field to see the form expand to include Message field.

    Compare Field Values to Set Criteria

    Display additional questions based on user input

    Formcontact-form-7 id=”2936″ title=”Logic – Demo – Compare Field Values to Set Criteria”

      Your WordPress Experience
      1. FreeProNone
      2. Which of the following describe how you use WordPress?

      * Required


      Instructions – additional questions are displayed based on your answer to the first question

      Multiple fields with multiple logic statements

      Dynamically change multiple form fields based on the values input in other form fields

      Formcontact-form-7 id=”8510″ title=”Logic – Demo – Multiple fields with multiple logic statements”

        Your Sports Preference

        * Required


        Instructions – additional questions are displayed based progressively based on individual Sports Preferences.

        Hide Form Fields based on User Status

        Hide Form Fields that you don’t need filled in by logged in users

        Formcontact-form-7 id=”2557″ title=”Logic – Demo – Hide Form Fields based on User Status”

          Registration
        • YesNo

          Filling this for someone else? Please log out first.


          Instructions – if you a logged in user on this site you will not see the “Email” & “Are you an existing customer?” fields. Login to your Account to see this.

          Dynamically Generate Form Fields based on Post Info

          Description – The form field is only shown when the post info such as post id in logic is matching with the current post id.

          Formcontact-form-7 id=”20300″ title=”Logic – Demo – Dynamically Generate Form Fields based on Post info”

            Your Opinion

            Instructions – Check if the field “Rate the Post” is only available when the post id is 2824.

            Display Form Content based on Stored Post Meta Values

            Description – The form field will be shown if there is a meta value selected in the logic.

            Form – contact-form-7 id=”2568″ title=”Logic – Demo – Display Form Content based on Stored Post Meta Values”

              Legend

              Instructions – Check if the text field is visible when a meta value (Custom Field) “Extras” is added on the post or page.

              Demo Form

              You can help us improve CF7 Skins Logic by completing this form. This will show you a CF7 Skins Logic form in action. In addition, as a thank-you, we’ll send you a Discount Code to use with your next purchase from CF7 Skins.

              Form contact-form-7 id=”5422″ title=”Logic – Demo”

                Conditional Logic for Contact Form 7 forms

                CF7 Skins Logic allows you to control what information your user is asked to provide and tailor the form specifically to their needs. (In fact this is a CF7 Skins Logic form you are using now.)

                 

                You can help us improve CF7 Skins Logic by completing this form

                You can see a detailed example of using CF7 Skins Logic and help us at the same time by simply completing this form. It will help us to understand better how you might use the CF7 Skins Logic Add-on.

                Your Details

                (This form uses CF7 Skins Logic to show extra questions when add your email address. )

                 

                In addition, as a thank-you, we'll send you a Discount Code to use with your next purchase from CF7 Skins.

                [honeypot honeypot-736]

                Conditional Logic is Easy to Use

                You can easily display or hide form elements based on the values input in other form fields.

                Your WordPress Experience
                    1. FreeProNone

                (This form uses CF7 Skins Logic to display extra different questions for Free & Pro version users)

                 

                (This form also uses Ready Class column to group several fields into equally spaced columns. Ready Class box is added to the second column to create a surrounding box. )

                Add conditional logic options quickly & easily

                We're interested to find out which conditional logic options, included with CF7 Skins Logic, are most important to you.

                Conditional Logic Options
                1. Which of the available CF7 Skins Logic options are important to you?
                2. Very ImportantImportantNot ImportantNot sure
                3. Very ImportantImportantNot ImportantNot sure
                4. Very ImportantImportantNot ImportantNot sure
                5. Very ImportantImportantNot ImportantNot sure
                6. Very ImportantImportantNot ImportantNot sure
                7. Very ImportantImportantNot ImportantNot sure
                8. Very ImportantImportantNot ImportantNot sure
                9. Very ImportantImportantNot ImportantNot sure
                10. Very ImportantImportantNot ImportantNot sure
                11. Very ImportantImportantNot ImportantNot sure
                12. Very ImportantImportantNot ImportantNot sure
                13. Very ImportantImportantNot ImportantNot sure
                14. Very ImportantImportantNot ImportantNot sure

                (This form uses CF7 Skins Logic to ask for more detailed responses as you complete some questions. )

                 

                (This form uses Ready Class radio-horizontal to create a more compact form.)

                Thank you for completing this form

                If you have any suggestions to improve CF7 Skins Logic you can add them below.
                Please help us to improve CF7 Skins Logic
                [mc4wp_checkbox "Sign me up to receive regular emails about how to use both CF7 Skins and the Contact Form 7 plugin more effectively."]

                This page was created by selecting the Contact Template and adjusting it to our requirements.

                Instructions – The form uses different logic functionalities in each tab, you can see the info text below each fieldset to test.