{"id":165,"date":"2020-11-29T08:42:29","date_gmt":"2020-11-29T08:42:29","guid":{"rendered":"https:\/\/support.themewinter.com\/docs\/themes\/?post_type=docs&#038;p=165"},"modified":"2020-11-29T08:53:56","modified_gmt":"2020-11-29T08:53:56","password":"","slug":"visual-page-builder","status":"publish","type":"docs","link":"https:\/\/support.themewinter.com\/docs\/themes\/theme-docs\/newseqo\/visual-page-builder\/","title":{"rendered":"Visual Page Builder"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\" id=\"line4_a\">Accessing the editor<\/h3>\n\n\n\n<p>To start working with Elementor, go to the WordPress dashboard. Then, add a new page by clicking on Pages &gt; Add New. Then, create a new page and save it with the &#8216;full width&#8217; template and then click on the &#8216;Edit with Elementor&#8217; button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Create Elementor Page<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/page-creation-1024x505.png\" alt=\"\" class=\"wp-image-166\" srcset=\"https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/page-creation-1024x505.png 1024w, https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/page-creation-300x148.png 300w, https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/page-creation-768x379.png 768w, https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/page-creation.png 1347w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"line4_1\">Elementor UI: Getting to know the interface<\/h3>\n\n\n\n<p>The Elementor page builder includes these main areas:<br>1.\u00a0<strong>Panel (Top)<\/strong>: Use the search field to find a widget.<br>2.\u00a0<strong>Widgets \/ Widget Settings:\u00a0<\/strong>Choose a widget and configure it.<br>3.\u00a0<strong>Preview Button:\u00a0<\/strong>Enables you to preview the page. Once clicked it hides\/shows the panel.<br>4.\u00a0<strong>Panel (Bottom)<\/strong>: View page, Go back to Dashboard or Save the page.<br>5.\u00a0<strong>Content Area:<\/strong>\u00a0Drag &amp; drop widgets and design your page.<br>6.\u00a0<strong>Add New Section \/ Add Template:<\/strong>\u00a0Choose between creating a new section or inserting an existing template.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"539\" src=\"https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements.png\" alt=\"\" class=\"wp-image-169\" srcset=\"https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements.png 1004w, https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements-300x161.png 300w, https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements-768x412.png 768w\" sizes=\"auto, (max-width: 1004px) 100vw, 1004px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"line4_2\">Creating your section<\/h3>\n\n\n\n<p>A section is the most basic element that you can work with. It&#8217;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).<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-rich is-provider-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Build Your Page Layout on Elementor\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/joWTUN77hnA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>After you create a section you can drag and drop a widget inside. You can also divide each section to 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.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>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.<\/li><li>Select Yout Structure: Choose a structure for your section (Later, you can edit the exact width of every column).<\/li><\/ol>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1002\" height=\"504\" src=\"https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements_section.png\" alt=\"\" class=\"wp-image-173\" srcset=\"https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements_section.png 1002w, https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements_section-300x151.png 300w, https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements_section-768x386.png 768w\" sizes=\"auto, (max-width: 1002px) 100vw, 1002px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Inserting a widget<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>1. To edit a widget, click the pencil icon.<br>2. On the Panel header, you can choose to edit the widget&#8217;s content and style.<br>3. Every widget has a different setting.&nbsp;<br>4. You can save your current changes at any stage.<br>5. When you have finished designing, click the &#8216;X&#8217; button at the bottom panel and view the page.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1002\" height=\"542\" src=\"https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements_widget.png\" alt=\"\" class=\"wp-image-174\" srcset=\"https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements_widget.png 1002w, https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements_widget-300x162.png 300w, https:\/\/support.themewinter.com\/docs\/themes\/wp-content\/uploads\/sites\/2\/2020\/11\/elements_widget-768x415.png 768w\" sizes=\"auto, (max-width: 1002px) 100vw, 1002px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Accessing the editor To start working with Elementor, go to the WordPress dashboard. Then, add a new page by clicking on Pages &gt; Add New. Then, create a new page and save it with the &#8216;full width&#8217; template and then click on the &#8216;Edit with Elementor&#8217; button. Create Elementor Page Elementor UI: Getting to know [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[3],"doc_tag":[],"class_list":["post-165","docs","type-docs","status-publish","hentry","doc_category-newseqo"],"year_month":"2026-04","word_count":372,"total_views":"1228","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"teamwinter","author_nicename":"teamwinter","author_url":"https:\/\/support.themewinter.com\/docs\/themes\/author\/teamwinter\/"},"doc_category_info":[{"term_name":"Newseqo","term_url":"https:\/\/support.themewinter.com\/docs\/themes\/docs-category\/newseqo\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/support.themewinter.com\/docs\/themes\/wp-json\/wp\/v2\/docs\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.themewinter.com\/docs\/themes\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/support.themewinter.com\/docs\/themes\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/support.themewinter.com\/docs\/themes\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/support.themewinter.com\/docs\/themes\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":5,"href":"https:\/\/support.themewinter.com\/docs\/themes\/wp-json\/wp\/v2\/docs\/165\/revisions"}],"predecessor-version":[{"id":438,"href":"https:\/\/support.themewinter.com\/docs\/themes\/wp-json\/wp\/v2\/docs\/165\/revisions\/438"}],"wp:attachment":[{"href":"https:\/\/support.themewinter.com\/docs\/themes\/wp-json\/wp\/v2\/media?parent=165"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/support.themewinter.com\/docs\/themes\/wp-json\/wp\/v2\/doc_category?post=165"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/support.themewinter.com\/docs\/themes\/wp-json\/wp\/v2\/doc_tag?post=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}