--- title: Visual Page Builder description: "### Accessing the editor To start working with Elementor, go to the WordPress dashboard. Then, add a new page by clicking on Pages > Add New. Then, create a new page and save it with the 'full width' template and…" url: "https://themewinter.com/docs/themes/theme-docs/turitor/visual-page-builder-14/" updated: "2023-02-04" category: Turitor --- # Visual Page Builder ### Accessing the editor To start working with Elementor, go to the WordPress dashboard. Then, add a new page by clicking on Pages > Add New. Then, create a new page and save it with the 'full width' template and then click on the 'Edit with Elementor' button. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/page-creation-1024x494.png) ### **Elementor UI: Getting to know the interface** The Elementor page builder includes these main areas: 1. **Panel (Top)**: Use the search field to find a widget. 2. **Widgets / Widget Settings: **Choose a widget and configure it. 3. **Preview Button: **This enables you to preview the page. Once clicked it hides/shows the panel. 4. Panel (Bottom): View the page, Go back to Dashboard, or Save the page. 5. **Content Area:** Drag & drop widgets and design your page. 6. **Add New Section / Add Template:** Choose between creating a new section or inserting an existing template. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/elements.png) ### **Creating your section** A section is the most basic element that you can work with. It's the building block of every page. A section can be set as full width and spread all over the screen, or receive the content area width (by default). [Build Your Page Layout on Elementor](https://www.youtube.com/embed/joWTUN77hnA?feature=oembed) After you create a section you can drag and drop a widget inside. You can also divide each section into a few columns. Every page you create can contain as many sections as you want. You can drag a section above or under another one to relocate it. 1. **Add New Section: Click this button to create a new section or simply drag a widget from the panel and drop it in the content area.** 2. **Select Yout Structure: Choose a structure for your section (Later, you can edit the exact width of every column).** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/elements_section.png) ### **Inserting a widget** Click the content to edit, duplicate or delete a widget. You can also save it as a Global Widget. Add Widget: Drag a widget from the left panel and drop it into a column. 1. To edit a widget, click the pencil icon. 2. On the Panel header, you can choose to edit the widget's content and style. 3. Every widget has a different setting.  4. You can save your current changes at any stage. 5. When you have finished designing, click the 'X' button at the bottom panel and view the page. ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/elements_widget.png) #### **Elementor Header** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/elementor-menu-2-1024x494.png) ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/ementor-header-1024x489.png) #### **Turitor Shortcodes** Elementor add section ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/add-section-1024x497.png) #### **Turitor Course** **1 : Step One** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/course0-1024x492.png) **2 : Step Two** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/course1-1024x492.png) **3 : Step Three** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/course2-1024x492.png) **4 : Step Four** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/course3-1024x494.png) #### **Turitor Lessons** **1 : Step One** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/lessons-1024x490.png) **2 : Step Two** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/lessons45-1024x517.png) #### **Create Instructor** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/instructor2-1024x492.png) **Insert Instructor** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/instructor-1024x509.png) #### **Turitor Events** **1 : Step One** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/event_widgets_11-1024x479.png) **2 : Step Two** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/event2-1024x493.png) **3 : Step Three** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/event3-1024x435.png) #### **Turitor Team** **1 : Step One** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/team-1024x493.png) **2 : Step Two** ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/team2-1024x497.png) #### Footer Widget ![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2023/02/footer_widget-1024x492.png)