Custom Field recipes! Here you’ll find quick copy/paste examples of the various Custom Fields that are possible with USP Pro. This post meant for those who already are familiar with USP Pro Custom Fields. For more in-depth documentation on any of the fields covered below, check out the reference links at the end of the article.
Custom Text Fields
Text Input
field#input|type#text|label#Custom Text Input|placeholder#Custom Text Input
Range Input
field#input|type#range|label#Custom Range Input|placeholder#Custom Range Input
Color Input
field#input|type#color|label#Custom Color Input|placeholder#Custom Color Input
Date Input
field#input|type#date|label#Custom Date Input|placeholder#Custom Date Input
Custom Textarea Fields
Regular Textarea
field#textarea|label#Custom Textarea|placeholder#Custom Textarea
RTE Textarea
field#textarea|label#Custom Textarea|placeholder#Custom Textarea|data-richtext#true
Custom Select Fields
Single Select
field#select|options#null:Option 1:Option 2:Option 3|option_default#Please Select..|option_select#null|label#Options
Multiple Select
field#select|options#null:Option 1:Option 2:Option 3|option_default#Please Select..|option_select#null|label#Options|multiple#true
Custom Checkbox Fields
Unique names, all required
Each checkbox has a unique name, all required
field#input_checkbox|checkboxes#input1:input2:input3|checkboxes_checked#input1|checkboxes_req#input1:input2:input3|desc#Custom Checkboxes
Same name, one checkbox required
All checkboxes have the same name, at least one checkbox is required
field#input_checkbox|checkboxes#input1:input2:input3|checkboxes_checked#input1|multiple#true|desc#Custom Checkboxes
Unique names, none required
Each checkbox has a unique name, none required
field#input_checkbox|checkboxes#input1:input2:input3|checkboxes_checked#input1|data-required#false|desc#Custom Checkboxes
Same name, none required
All checkboxes have the same name, none required
field#input_checkbox|checkboxes#input1:input2:input3|checkboxes_checked#input1|multiple#true|data-required#false|desc#Custom Checkboxes
Custom Radio Fields
Radio Input
field#input_radio|radio_inputs#Option 1:Option 2:Option 3|radio_checked#Option 1|desc#Custom Radio Field
File Input Fields
Multiple files, “Add Another” link
Upload multiple files using the “Add Another” link
field#input_file|multiple#true
Single file, “Add Another” link
Upload single file using the “Add Another” link
field#input_file|multiple#false
Multiple files, select field
Upload multiple files using select field
field#input_file|multiple#true|method#select
Single file, select field
Upload single file using select field
field#input_file|multiple#false|method#select
Others..?
This post is a work in progress..
If you can think of any other custom-field recipes that should be added, drop a line and it shall be done!
Resources
- USP Pro – Custom Fields
- USP Pro – Custom Field Options
- USP Pro – Custom Field Attributes
- USP Pro – Display Custom Fields
- USP Pro – Displaying Custom Fields
- USP Pro – Helper Plugin
- USP Pro – Video Tutorial: Add Custom Fields
- USP Pro – Video Tutorial: Display Custom Fields
- USP Pro – Custom Text Fields
- USP Pro – Custom Textarea Fields
- USP Pro – Custom Select Fields
- USP Pro – Custom Checkbox Fields
- USP Pro – Custom Radio Fields
- USP Pro – Multiple File Upload Fields