Contact Form 7 Field Shortcodes

Text Field:

[text* business 64/100 id:business class:business watermark"business"]

  • ‘text’ – field type
  • ‘*’ – required
  • ‘business’ – field name
  • ’64/100′ – size/max characters
  • ‘id’ – css id
  • ‘class’ – css class
  • ‘watermark’ – use default as watermark
  • ‘ “business” ‘ – default

Text Area:

[text* business 100x5 id:business class:business watermark"business"]

  • ‘100×5’ – columnsxrows. x5 = 5 rows, 100×5 = 100 columns by 5 rows

Checkboxes

[checkbox type id:type class:type label_first use_label_element exclusive "Exporter" "Importer" "Manufacturer" "Retailer" "Service"]

  • ‘label_first’ – label before box, default is after
  • ‘use_label_element’ – wrap box with label tag
  • ‘exclusive’ – make each box exclusive
  • “Importer” “Manufacturer” – box names/values

Radio Buttons

[radio paymentmethod default:2 "Credit Card" "Internet Banking" "Cheque" ]

  • ‘default:2’ – set second value as default checked button

2 Comments

  1. Guillaume on June 21, 2013 at 9:03 am

    Hello,

    Do you know a way to have only one field ‘exclusive’. So user can choose choice #1 & #2 but not choice # with any other.

    Ex :
    – Cat
    – Dog
    – Bird
    – No animal ( So cannot choose this one and other one )

    Thanks !

    • babbler on July 20, 2013 at 10:20 am

      Possibly use a simple jQuery script to set the others to unchecked if the “No Animal” is checked.

Leave a Comment