Advanced Custom Fields allows adding custom fields (also called metadata) to your WordPress site.Visual Composer provides the Advanced Custom Fields element which can be downloaded from the Visual Composer Hub. The element allows displaying custom fields from the Advanced Custom Fields.As a developer, you can also add an extra class name to the element and use local or global CSS to style the output of your field to your liking.In addition to that, Visual Composer offers Dynamic Content Fields feature which allows you to use custom fields from Advanced Custom Fields.
Visual Composer makes it easier to add a form created using the Gravity Forms plugin through its interface.Once the Gravity Forms plugin is installed and activated, a form can be created under Forms – New form:You can check the detailed process of creating form fields on the Gravity Forms website. Upon saving the form, the next step is to add it to the page.To add a form, download the Gravity Forms element from the Visual Composer Hub:Upon adding it onto the page, you can select the form which was previously created. You can also choose to show/hide the title and description in its settings.
The Visual Composer integrates with a variety of plugins which makes it easier to display their output. These elements can be downloaded from the Visual Composer Hub.To use them, the respective third-party plugin needs to be installed. Following are the plugins which Visual Composer integrates with:WooCommerceAdvanced Custom FieldsTranslatePressGravity FormsContact Form 7Caldera FormsCaptainFormNinja FormsWP FormsEnvira GalleryEssential GridEventOn CalendarKreatura SliderMailChimp for WordPressNextGen GallerySlider RevolutionwpDataTables
Visual Composer Website Builder integrates fully with TranslatePress plugin to create multi-lingual sites. Using it, you can translate any Visual Composer element or template instantly from the frontend. The language switcher element available in the hub makes it easier for a website visitor to switch languages.Once the TranslatePress plugin is installed, navigate to Settings – TranslatePress and add the required language.Translating the Page:To translate a page, click on the Translate Page option in the top bar while viewing the page:This will open the translation interface on left. We can now hover onto the respective element on right and select the translate option next to it:In the interface on left, we now see an option to add a corresponding translation for it:This is also applicable to the image elements where you can set different images based on the language. Once the translations are added, save the change.Adding a Language Switcher:To add a language switcher, download the TranslatePress Language Switcher element from the Visual Composer Hub and add it onto the page:
Visual Composer Website Builder has integration and is fully compatible with WooCommerce. The biggest e-commerce plugins for WordPress.You can use different WooCommerce elements to build a site in Visual Composer:Single product pageCart pageAdd to cart buttonCheckout pageArchive pageAccount PageFeatured product pageBest selling productRelated productRecent productTop-rated productYou can also edit your single product page using Visual Composer by enabling it in the Role Manager: