In this article, we will show how you can add a custom shortcode to visual composer.
1. Login to the WordPress dashboard.
2. From the left-hand sidebar of the Dashboard, navigate to Visual Composer >> Shortcode Mapper.
3. Click the Map Shortcode button to display the Shortcode String textbox.
4. In the textbox paste or enter your shortcode.
For example, the YouTube shortcode wraps with
[embedyt][/embedyt]
5. Click the Parse Shortcode button to display the new Shortcode details.
6. Once you have parsed your shortcode, you can edit parameters and values as needed.
The General Information area contains:
The Tag field. This is the name of the shortcode.
The Category field. This indicates where your shortcode will be displayed in the element menu.
The default value is My Shortcodes.
The Description field.
If your shortcode contains a content part, you will need to activate it by placing a checkmark in the Include content param into a shortcode checkbox. This will trigger content param auto-add into the list of parameters.
7. In the Shortcode Parameters area you can control all parameters of your shortcode – add, edit, re-arrange or delete if you do not want your customers to use some of the parameters.
8. Click the Save Changes button to save any changes.
9. Open the page which you want to use a Shortcode in edit mode.
10. Choose “Backend Editor” from the top of the page
11. Open Visual composer elements and choose a shortcode from “My shortcodes” tab.