{"id":667,"date":"2024-08-19T02:28:22","date_gmt":"2024-08-19T02:28:22","guid":{"rendered":"https:\/\/themesific.com\/documentation\/?post_type=sidebar-widget&#038;p=667"},"modified":"2024-08-19T02:28:38","modified_gmt":"2024-08-19T02:28:38","slug":"creating-a-sidebar-and-adding-it-to-a-page-using-the-page-builder","status":"publish","type":"sidebar-widget","link":"https:\/\/themesific.com\/documentation\/sidebar-widget\/creating-a-sidebar-and-adding-it-to-a-page-using-the-page-builder\/","title":{"rendered":"Creating a Sidebar and Adding It to a Page Using the Page Builder"},"content":{"rendered":"<p>Sidebars help enhance your WordPress site by adding widgets like recent posts, categories, social counters, or custom content. This guide will show you how to create a custom sidebar and easily add it to your page using the theme&#8217;s page builder.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-668\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/sidebar-1.jpg\" alt=\"\" width=\"773\" height=\"304\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/sidebar-1.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/sidebar-1-300x118.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/sidebar-1-768x302.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<h5>Step 1: Access the WordPress Dashboard<\/h5>\n<ol>\n<li>Log in to your WordPress Admin Dashboard.<\/li>\n<li>From the left-hand menu, go to <strong>Appearance &gt; Widgets<\/strong>.<\/li>\n<li>You\u2019ll now be in the Sidebar &amp; Widgets Settings panel. On the left side, you\u2019ll see the available widgets, and on the right side, you\u2019ll find the Sidebar Generator Tool along with the theme&#8217;s default sidebars.<\/li>\n<\/ol>\n<h5>Step 2: Create a Custom Sidebar<\/h5>\n<p>If you want to create a custom sidebar instead of using the default ones, follow these steps:<\/p>\n<ol>\n<li>In the Widgets section, locate the <strong>Sidebar Generator<\/strong> tool (highlighted in the red rectangle in the image above).<\/li>\n<li>Enter a name for your new sidebar (e.g., &#8220;Custom Sidebar for Pages&#8221;), then click the <strong>Add Widget Area<\/strong> button to create it.<\/li>\n<li>Drag and drop the widgets from the left side into your newly created sidebar.<\/li>\n<\/ol>\n<h5>Step 3: Assign the Sidebar to a Page Using the Theme&#8217;s Page Builder<\/h5>\n<ul>\n<li><strong>Create a New Page<\/strong><\/li>\n<\/ul>\n<p>Begin by adding a new page in your WordPress dashboard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-584 size-full\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-1.jpg\" alt=\"\" width=\"773\" height=\"416\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-1.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-1-300x161.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-1-768x413.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Set the Page Name and Choose the Template<\/strong><\/li>\n<\/ul>\n<p>Enter a name for your page and select the &#8220;Pagebuilder&#8221; template from the available options.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-585\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-2.jpg\" alt=\"\" width=\"773\" height=\"321\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-2.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-2-300x125.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-2-768x319.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Access the Pagebuilder Panel<\/strong><\/li>\n<\/ul>\n<p>Once you select the &#8220;Pagebuilder&#8221; template, the Pagebuilder Panel will appear, displaying various options for customization.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-586\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-3.jpg\" alt=\"\" width=\"773\" height=\"310\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-3.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-3-300x120.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-3-768x308.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<ul>\n<li><strong>Add a Has Sidebar Section to the Page <\/strong><\/li>\n<\/ul>\n<p>Once you add the <strong>Has Sidebar<\/strong> section to the page, expand its settings panel. On the right side, you\u2019ll find options to select a sidebar and another option to choose its position, as highlighted in the image below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-669\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/sidebar-2.jpg\" alt=\"\" width=\"773\" height=\"380\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/sidebar-2.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/sidebar-2-300x147.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/sidebar-2-768x378.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<p>After selecting your sidebar and its position, be sure to save the page for the changes to take effect.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":128,"template":"","_links":{"self":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/sidebar-widget\/667"}],"collection":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/sidebar-widget"}],"about":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/types\/sidebar-widget"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/media\/128"}],"wp:attachment":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/media?parent=667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}