As of version 1.6, USP Pro supports custom field prefixes. So in addition to using the default
usp-custom- prefix, you can define your own prefix to use with custom form fields.
Visit Advanced > Custom Field Prefix and specify your custom prefix. For example, you could use
cf7_ to integrate USP Pro with the Contact Form 7 plugin.
Once you’ve defined the custom prefix, you can use it with any field by adding the markup directly to the form. For example, to create an input to use with Contact Form 7, you would add something like this:
<input name="c74_mobile-device" class="usp-input" type="text" value="" required="required" placeholder="Mobile Device" />
That’s all there is to it, and of course you can customize the form fields as needed. Here is the same input field along with a
<label> and wrapped in a
<fieldset class="usp-fieldset usp-fieldset-default"> <label for="c74_mobile-device" class="usp-label">Mobile Device</label> <input name="c74_mobile-device" class="usp-input" type="text" value="" required="required" placeholder="Mobile Device" /> </fieldset>
That’s the same basic markup that is generated when using an equivalent shortcode; feel free to add/modify/remove elements as needed. Then to make the field required, include the following hidden field just beneath the
<input name="c74_mobile-device" value="1" type="hidden" />
Aaaand done. Enjoy :)