Twenty Twenty-One

WPBakery Page Builder

Estimated reading: 3 minutes 0 views

1. Install and activate WPBakery Page Builder: Start by installing the WPBakery Page Builder plugin on your WordPress website. You can find it in the WordPress plugin repository. Once installed, activate the plugin.

2. Create a new page: In your WordPress dashboard, go to “Pages” and click on “Add New” to create a new page where you want to build your design.

3. Launch WPBakery Page Builder: After creating the new page, you’ll see two tabs above the editing area: “Classic Editor” and “Backend Editor.” Click on the “Backend Editor” tab to launch the WPBakery Page Builder.

4. Choose a page template (optional): WPBakery Page Builder offers pre-designed templates that you can use as a starting point. Click on the “Templates” button in the WPBakery Page Builder toolbar to access the available templates. You can choose one and import it into your page.

5. Start building your page: Once you’re in the WPBakery Page Builder editor, you’ll see a grid-based layout where you can add various elements and content blocks to build your page.

6. Add elements and content blocks: To add an element or content block to your page, simply click on the “+” icon in the grid and select the desired element from the list. There are various elements available, such as text blocks, images, buttons, columns, and more. You can customize the settings of each element to match your preferences.

7. Customize the design: WPBakery Page Builder provides options to customize the design of your page. You can change colors, fonts, backgrounds, spacing, and more. Click on an element to edit its settings, and a panel with customization options will appear on the right side of the screen.

8. Rearrange and resize elements: You can easily rearrange elements on your page by dragging and dropping them within the grid layout. You can also resize elements by clicking on them and adjusting the handles.

9. Add rows and columns (optional): If you want to create complex layouts, you can add rows and columns. Click on the “+” icon in the grid and choose the desired row or column structure. Then, you can add elements within each column to create your desired layout.

10. Preview and save your page: As you build your page, you can preview your changes by clicking the “Preview Changes” button. Once you’re satisfied with the design, click the “Update” or “Publish” button to save your changes.

11. View the published page: After saving your changes, you can view the published page on the front-end of your website to see how it looks to visitors.

That’s it! You’ve successfully built a page using WPBakery Page Builder. Remember to save your work regularly and experiment with different elements and design options to create the desired look for your page.

For more detailed information you can visit the WPBakery Page Builder Knowledge Base. 

Leave a comment

Your email address will not be published. Required fields are marked *

Share this Doc