Table of Contents
Shortcodes
Use saved layouts to create shortcodes, which can be used in WPBakery Page Builder.
- Create saved layout https://visualportfolio.co/docs/saved-layouts-and-shortcodes/
![](https://visualportfolio.co/wp-content/uploads/2024/07/Shot-2024-07-16-at-19.35.32-1024x550.png)
- Open WPBakery Page Builder editor, click on the Add Element button and find Visual Portfolio element by typing in search “visual portfolio”
![](https://visualportfolio.co/wp-content/uploads/2024/07/Shot-2024-07-16-at-19.58.36-1024x516.png)
![](https://visualportfolio.co/wp-content/uploads/2024/07/Shot-2024-07-16-at-19.59.31-1024x516.png)
- Insert the shortcode to your page and select Saved Layout from shortcode settings
![](https://visualportfolio.co/wp-content/uploads/2024/07/Shot-2024-07-16-at-20.03.37-1024x544.png)
Projects Editor
By default, WPBakery Page Builder works with Pages and Posts only. To enable page builder on the Project editor, follow these steps:
- Open Admin Menu → WPBakery Page Builder → Role Manager
- Select the required user role and change the Post Types setting to Custom
- Check the Portfolio checkbox
![](https://visualportfolio.co/wp-content/uploads/2024/07/Shot-2024-07-16-at-20.05.31-1024x571.png)
- Then, when you will open the project editor, you will be able to switch to the WPBakery Page Builder:
![](https://visualportfolio.co/wp-content/uploads/2024/07/Shot-2024-07-16-at-20.07.23-1024x583.png)
By following these steps, you can easily integrate Visual Portfolio into your WPBakery Page Builder workflows, allowing you to create dynamic and visually appealing portfolio layouts within your existing page designs.