---
title: "WPBakery Page Builder"
date: 2020-11-13
author: "nK"
---

# WPBakery Page Builder

## Element

1. Create a [Saved Layout](https://staging.visualportfolio.com/docs/saved-layouts-and-shortcodes/).
2. In WPBakery, **Add Element** → search **Visual Portfolio**.
3. Choose the layout in **Select Layout**. **Custom Classes** and the Design Options tab are available.

![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-19.35.32-1024x550.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-19.35.32-1024x550.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-19.58.36-1024x516.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-19.58.36-1024x516.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-19.59.31-1024x516.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-19.59.31-1024x516.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-20.03.37-1024x544.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-20.03.37-1024x544.png)    The element is the `[visual_portfolio]` shortcode with a picker. Its attributes are on [Shortcode reference](https://staging.visualportfolio.com/docs/saved-layouts-and-shortcodes/shortcode-reference/).

## Edit projects with WPBakery

WPBakery Page Builder → **Role Manager** → choose the role → **Post types: Custom** → tick **Portfolio**. The Backend and Frontend editor buttons then appear on projects.

![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-20.05.31-1024x571.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-20.05.31-1024x571.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-20.07.23-1024x583.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-16-at-20.07.23-1024x583.png)