Visual Composer: vc_map field examples

There's a few things missing to the documentation for Visual composer, like samples of how to use each field type. Some of these are probably pretty intuitive, but we figured we'd make some examples for each as more of a library of snippets to pick for the vc_map function. Sometimes just an example of something that works for a type is all you need to feel more confident — Enjoy! [VC Documentation]

textarea_html
Text area with default WordPress WYSIWYG Editor. Important: only one html textarea is permitted per shortcode and it should have “content” as a param_name

textfield/textarea
Simple input / textarea field

dropdown
Dropdown input field with set of available options. Array containing the drop down values (either should be a normal array, or an associative array)

attach_image / attach_images
Single image selection/Multiple images selection

posttypes
Checkboxes with available post types (automatically finds all post types)

colorpicker
Color picker

exploded_textarea
Text area, where each line will be imploded with comma (,)

widgetised_sidebars
Dropdown element with set of available widget regions, that are registered in the active wp theme

textarea_raw_html
Text area, its content will be coded into base64 (this allows you to store raw js or raw html code)

vc_link
Link selection. Then in shortcodes html output, use $href = vc_build_link( $href ); to parse link attribute

checkbox
Creates checkboxes, can have 1 or multiple checkboxes within one attribute

loop
Loop builder. Lets your users to construct loop which can later be used during the shortcode’s output

css
Basic CSS style editor for your content element. Check “Add “Design Options” Tab with CSS Editor to Your Element” page for more details

... attribute types can be extended with new custom types.
Create Your Own