How to migrate from WPBakery to Visual Composer?

How to migrate from WPBakery to Visual Composer?

At the moment there is no mechanism to migrate your layout from the WPBakery Page Builder plugin to the Visual Composer Website Builder.To migrate the site, you can temporary install both plugins on your WordPress site to redesign WPBakery pages in Visual Composer. Once all the pages are redesigned, you can remove WPBakery plugin.

How to create equal-sized columns in the same row?

How to create equal-sized columns in the same row?

Visual Composer row settings allow to set all columns within a row to have the same height. The height of the columns will be similar to the column with the longest content.To set an equal height for all columns:Open row edit windowEnable "Column equal height" toggleAll columns in a row are now equal in heightIn addition to equal columns height, you can also manipulate with content vertical position. By default, the content is placed on the top, but you can align content vertically in the middle or stick to the bottom of the columns.

How to move a website from temporary (dev) to final (live) URL?

How to move a website from temporary (dev) to final (live) URL?

To migrate your website from a development environment or another hosting we recommend using Duplicator plugin. This plugin will take care of your database data and update URLs. Links pointing to development (or old domain name) will be replaced with a new domain name.After that initiate Reset (Dashboard -> Setting -> General) to re-download all installed bundles and auto-configure paths after migration.

How to add custom HTML?

How to add custom HTML?

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.

How to create a custom 「Add to Cart」 button?

How to create a custom 「Add to Cart」 button?

If you are running a WooCommerce store, you may want to use these buttons as an "Add to Cart", but don』t know how?You can download any button from the Visual Composer Hub and make it act like an "Add to Cart" button.To add "Add to Cart" link to the button:Add the button to your page and open element edit window;Click on 『Select URL』;In the popup, select Custom in the URL drop-down menu;Enter 『Add to Cart』 URL with appropriate product id (ex. /?add-to-cart=1404).

How to add Facebook Pixel and Google Analytics code?

How to add Facebook Pixel and Google Analytics code?

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.

How to create a link to a downloadable file?

How to create a link to a downloadable file?

Using Visual Composer you can link to a downloadable file using any of its elements that output the link. For this example, let』s create a button that will open/download a pdf file when clicked.The first step is to upload the file via the WordPress media library. Once done, copy the file URL using the 「Copy URL to clipboard」 button. Now add a button element and in it』s link selection field, paste this url under URL.

How to adjust row height?

How to adjust row height?

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.