There are two ways in which a row height can be adjusted:Margins and paddingsIn row design options, a margin or padding can be added to a row to adjust its height. Different values can be set based on the screen size.Empty space elementAn empty space element can be added within a row and its height can be adjusted via element settings.You can download the empty space element from the Visual Composer Hub.
Add Facebook Pixel and Google Analytics code to WordPress with Visual Composer Custom JavaScript.You can add Facebook Pixel and Google Analytics code to your WordPress site with Visual Composer.To add the snippet, you will need to use Global Custom JavaScript.To add Facebook Pixel or Google Analytics code:In the Frontend editor open Settings - Custom JavaScriptSwitch to the "Global JavaScript" tabCopy your Facebook Pixel or Google Analytics code in the head sectionSave the pageImportant: It is recommended to insert Facebook Pixel and Google Analytics codes in the head part.
A custom HTML code can be added on a Page using Raw HTML element.A custom JavaScript code can be added using Raw JS element.If you want to add the code sitewide in its header or footer then it can be added under: Visual Composer - CSS & JavaScript - Custom HTML and JavaScript.
In Visual Composer, you can add filter option to any post grid element. Filters allow you to display menu above the post grid that allows to quickly switch between categories or other taxonomies.To enable category filters:Add a post grid element to your pageOpen element edit windowClick on the "Enable filters" toggleA new subsection "Filters" will appear where you can select the taxonomy and style filters
A blank space can be added by giving padding or a margin to the element. It can also be added by adding an Empty Space element within a column.The space can be adjusted using the height field in the element setting. It also allows setting the different amounts of space depending upon the screen size.
WordPress natively does not support SVG and hence it cannot be added via Visual Composer image element. But, you can use the Raw HTML element to add it.To do this, upload the image via media uploader and grab its URL. Finally, add Raw HTML element with HTML code in image format and paste the URL in img src.The code in Raw HTML element will look like:,,Note: WordPress requires tag in SVG before uploading it via media uploader. If you do not have such tag, then you can edit the SVG file using any text editor and add following on the first line:,
If you have a long page, it will be a good idea to have a back to the top button that will bring your customer to the top of the page.With Visual Composer, you can do that by giving an element id on your first row. And then you can create a button or icon and link it to that element id. It's the same method as How to link to a section on the same page.After that, you can set your button or icon to be sticky all the time. So it will always stick when user scrolling.
Yes, you can!To help us translate the Visual Composer editor in your language, please join the translation project at wordpress.org.Once translation will reach 90%, it will become available for use within the plugin.Thank you for your contribution!
Visual Composer Website Builder and WPBakery Page Builder are two completely separate plugins.The WPBakery Page Builder plugin relies on shortcodes to render its content while the new Visual Composer Website Builder relies on react-based output. Both are independent plugins and hence one cannot be replaced by another.It is important to mention that old versions of WPBakery Page Builder were called WPBakery Visual Composer before a complete rebranding and development of the new Visual Composer Website Builder. To understand which plugin you are using, follow these steps:Navigate to Plugins -> All plugins.Check the plugin name.If it is 「WPBakery Visual Composer」 then the plugin used is WPBakery Page Builder.A major difference between the two is that WPBakery Page Builder only works within the content area and hence areas such as header, footer, and sidebar cannot be edited using it. The Visual Composer Website Builder on the other hand allows editing the complete website.The following video explains detailed differences between the two:Here is a comparison between the features of the two:
Features
WPBakery Page Builder
Visual Composer Website Builder
Free version
Drag and Drop editor
Frontend editor
Tree view mode
Insights (Content Analysis)
Backend editor
Mobile editing
Inline text editor
Instant save
Header editor
Footer editor
Sidebar editor
Popup builder
Page layouts
Global header and footer
Dynamic content
Maintenance mode
Archive page editor (archive, category, tags, authors, search)
Works with any WordPress theme
Custom Post Type support
Multisite support
Multilanguage ready
RTL compatible
Template management
Blocks templates
Element presets
Element lock
Templatera/Global Templates (Reusable templates)
Template Export/Import
Design Options
Copy/Paste
Element clone
Element custom name
Grid Builder
Hide element
Keyboard shortcuts
Recent colors
Undo/Redo
Blank Page Wizard
Custom CSS
Custom JavaScript
Element replace
Role manager
Icon libraries
Google fonts
Instagram-like filters
Parallax effects
Gradient background
Slideshow background
Carousel background
Zoom In/Out background
Video background
Element animations
Background image position
Shape divider
Box Shadow
Instant column resize
Column stacking
Reverse column stacking
Row full width/height
Responsive preview mode
Automatic responsiveness
Custom row responsiveness
Yoast SEO support
Shortcode support
WordPress widget support
Gutenberg element
Block for Gutenberg
Custom widget support
Giphy integration
Unsplash Stock Images
API
Staging activation
3rd party Add-ons
WooCommerce Support
Cloud library
Menu elements
Online customer support
Theme integration
Developers License
