How to add HTML elements to Contact Form 7 (Select Multiple)

How to add HTML elements to Contact Form 7 (Select Multiple)

You can place HTML form elements in Contact Form 7 plugin form editor. Yes, that is correct 🙂

The example shows multi-select checkboxes containing product images and titles wrapped inside a DIV element. The code below is more a guideline as it’s only proving a concept. The most important thing to have in mind is that the name property should be placed inside the email tab as a shortcode (Ex. if you have <input type=”checkbox” name=”ABC” value=”ABC”>, in the mail tab you should place [ABC] shortcode. Those values are also available through the CF7 filters.

After you prepare your form just place the appropriate shortcode in the mail tab.


Tags: ✓
Autor: Dimitar Radev | Modified: September 20, 2018 at 9:53 pm | Category: WordPress

Leave a Reply

Your email address will not be published. Required fields are marked *


Related posts

How to create jQuery driven “Read More” button for displaying large content blocks

Hiding long content sections is something which sometimes is necessary to make a design look a bit better instead of having a ton …