Using page builder

In this overview, you will find everything you need to know about Backend Builder. The SmartKit WPBakery Page Builder has everything you need to manage content elements with a single click: add, edit, duplicate, remove or create element presets, etc. Let’s have a look at the main page builder’s control elements:

wpbakery-editor

1. Classic Mode: this changes the mode by bringing you to the native WordPress text editor.
2. Frontend Editor: this opens the Frontend editor mode.
3. Add element: this opens the window containing all the available elements that can be inserted into the page.
4. Layouts: opens the custom layout section.
5. History: this shows the history states, allowing you to step backward throughout your actions.
6. Fullscreen: this switches to fullscreen display mode.
7. Custom CSS: click on it to open a code editor window and insert your custom code for the actual page.
8. Section drag: press this icon and start drag sections to other available positions.
9. Add row: click on it to add new row to section.
10. Section settings: this opens the overlay window with the section settings organized in convenient tabs.
11. Section clone: this clones the section from the layout.
12. Section delete: this removes the row from the layout.
13. Row drag: press this icon and start drag rows to other available positions.
14. Row layout: the lines icon opens the row layout where you can change the number of columns.
15. Add column: click on it to add new column to row.
16. Toggle row: click on it to toggle the row view.
17. Row settings: this opens the overlay window with the row settings organized in convenient tabs.
18. Row clone: this clones the row from the layout.
19. Row delete: this removes the row from the layout.
20. Add element to column: this opens the window containing all the available elements that can be inserted into the column.
21. Column settings: this opens the overlay window with the columns settings organized in convenient tabs.
22. Column delete: this removes the column from the row.
23. Column drag: by pressing this area it is possible to drag a column to other available positions within the same row.
24. Element drag: by pressing the name turns the cursor into the drag icon and it’s used to drag the Element.
25. Element settings: this opens the overlay window with the element settings organized in convenient tabs.
26. Element clone: this clones the element from the layout.
27. Element delete: this deletes the element from the layout.

Go back to documentation