If you plan to build your pages using the frontend visual editor, I think Elementor is the clear winner because: Its interface does a better job at making important elements readily available. Its interface feels faster than WPBakery Page Builder. You can type directly on the page with Elementor (inline editing)
Go to Settings > WPBakery Page Builder to setup the plugin. The most important part is to enable the composer for the post types you want to use it on. This is actually done via the “Role Manager†tab and the “Post Types†settings.
Make sure to activate the Video Element from dashboard settings. From the dashboard navigate to Ultimate > Modules and turn on the toggle for Video. The element allows embedding video from YouTube and Vimeo.
WPBakery Page Builder Template Library is a repository of free premium quality layout templates that you can download and use on your WordPress website. It is completely free to access Template Library with your directWPBakery Page Builder license and there is no download limit.
To add an element:
- Click the Element tool in the toolbar or press d.
- Select the element type from the tool options bar. Add a div element. Add an img element (or amp-img for AMPHTML ads). Add a video element (or amp-video for AMPHTML ads).
- Click and drag on the stage to position and size the new element.
Install example pluginCreate a page with Visual Composer; Once in the editor, open Add Element panel and you should see a Text Test element appeared; Hover over this element and you should see an Add-on tag on the preview image; Try adding Text Test element to a page.
Content elements are regular content blocks (ex. text block, button, icon) that can be added to your layout to form actual content. You can access the content element via the Add Content window in the Navigation bar.
Page Builder adds an extra tab to the standard WordPress editor.
- Clicking on this tab brings up the Page Builder interface.
- Row Actions.
- Creating a New Page Using Page Builder.
- Click on the Page Builder tab to start creating your content.
- Now, we're ready to start creating a page with Page Builder.
In your WordPress admin dashboard navigate to pages, post, or custom post type section in your left menu; Click 'Add new with Visual Composer'; WordPress will instantly open the Visual Composer Frontend editor.
Yes. In the WYSIWYG editor, you can insert [shortcodes] as usual. Basic scenario: Insert Text Block from Content Elements section, click Edit button and in the editor, enter your shortcode or place it between existing text content.
How to Make 5 Columns in WPBakery Page Builder
- Step 1: Create a 6 Columns Row. Simply create a new row with 6 columns.
- Step 2: Add the “five-columns†Class to the row. Next add the classname “five-columns†to the row.
- Step 3: Add your content to the first 5 columns.
How to Add Shortcode in WP Bakery Builder or Visual Composer
- Click on the + icon to add elements and search and add Text Block.
- Add Super Store Finder Shortcode and press Save.
- Your shortcode should look like below, update and view the page.
Click on the Pencil icon of each column and go to the Responsive Options tab and set the 6 Columns – 1/2 option. This will make the columns take up half of the row each.
WP Page Builder is a free drag and drop WordPress page builder to create websites easily. Whether you're an experienced developer or just a beginner, you can build stunning websites independently with this tool. Create beautiful web pages effortlessly using the intuitive live page composer without coding in minutes.
To save row or section as a template, open row or section param window and select settings menu on the top right corner. Click 'Save as template' and name your new template. The template will appear under Templates window 'My Templates'.
How to build and modify pages via Page Builder (WPBakery Page Builder Plugin)?
- You will see the “Backend Editor†and click the "Frontend editor" button.
- You will see page ready to edit.
- Drag and drop elements.
- Add new elements - 3 ways how to do it: 6.1.
- 6.2. Add Element.
- 6.3. Add New Element.
- Explore MyHome Elements.
- Edit.
The main difference between the two plugins is that WPBakery is only used for content, while the Visual Composer Website Builder allows you to assemble a full website, including headers and footers. Also, the WPBakery is entirely based on shortcodes, while the Visual Composer is not.
How to add any shortcode via Page Builder?
- Edit your page via Visual Composer.
- Add Element >> Search: Text >> Choose "Text Block"
- Paste your code and save.
- Your Shortcode will be displayed. Click the "Update" button.
Extra Class Name is predefined parameter available to all content elements of Visual Composer Website Builder. It allows you to add a custom CSS class to your content element and refer to it from either Local CSS or Global CSS options or your CSS or javascript files.
It's stored in the database, within the wp_posts table, under the custom_css post type, where the post name is the theme slug. There you also have the related customize_changeset and revision post types.