{"id":25984,"date":"2023-08-13T12:12:29","date_gmt":"2023-08-13T09:12:29","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=25984"},"modified":"2026-01-21T16:50:41","modified_gmt":"2026-01-21T14:50:41","slug":"how-to-create-sidebar-templates-with-hello-theme","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/","title":{"rendered":"Create a sidebar template"},"content":{"rendered":"\n

By default, the Hello Theme<\/a> does not call the WP sidebar functionality. You can create a child theme and add a snippet of code as shown here<\/a> to the functions.php file of a child theme.<\/p>\n\n\n\n

If you would like to use the WP sidebar widgets along with Elementor widgets, without using code, you can do so by creating a sidebar in your Single Page, Single Post, and Archive templates in the Theme Builder. These templates will allow you to feature a custom sidebar on your site for each new page or post.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Let\u2019s Get Started<\/h2>\n\n\n\n

Create A New Single Page Template<\/h3>\n\n\n\n
    \n
  • From WP Admin, navigate to Elementor>Theme Builder<\/strong>.
    \"\"<\/li>\n<\/ul>\n\n\n\n

    From the Elementor Theme Builder<\/strong>, choose the Single Page<\/strong>,  Single Post, or Archive<\/strong> Template and create a new one. For this document, we will be using the Single Page <\/strong>option. This will create a template for all pages on the website that use the Default Layout<\/strong>.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Add A Two Column Section<\/h3>\n\n\n\n

    From the + icon in the editor, choose the two column 70 \/ 30 layout. This will be the foundation of our template.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Add The Content Widget<\/p>\n\n\n\n

    In order for Elementor to call \u201cthe Content,\u201d we must add a Post Content Widget<\/strong> to our template. This region will dynamically display the Page content, or the region we can add Elementor Widgets to in later steps. If creating an Archive Template<\/strong>, select the Archive Posts Widget<\/strong> rather than the Post Content Widget.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Note: This is also often the cause of getting the Content Not Found Error in Elementor. The Single Page Template needs to have a Post Content Widget to work.<\/p>\n\n\n\n

    Preview Settings<\/h3>\n\n\n\n

    When working with templates it is helpful to use the Preview Settings<\/strong> located in the settings for the page located by clicking the gear icon in the lower corner. Select a page already published on your website such as the Sample Page. Click the Apply and Preview button. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Adding WordPress Widgets To The Template<\/p>\n\n\n\n

    You may now add the traditional WordPress Widgets<\/strong> to your sidebar. They are all located at the very bottom of the Editor Widget Panel. If you have installed additional plugins that use widgets, they will be found here as well.<\/p>\n\n\n\n

    Tip: If using WooCommerce, you will find all the search and filtering option widgets in this region. Use these to create your Product Archive and Product Single Templates. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Adding Elementor Widgets<\/h3>\n\n\n\n

    In addition to the WordPress Widgets, you may also add any Elementor widgets you wish to the sidebar. This adds unlimited possibilities to your design. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Styling Your Sidebar<\/h3>\n\n\n\n

    When styling your WP widgets, you will find that most will use the H3 headings, lists, and link colors from your global styles. You can add background colors and styles to the WP based widgets in the Advanced Tab<\/em>. Elementor widgets can use the widget controls and style tab.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Advanced CSS Tricks<\/h3>\n\n\n\n

    If using the Hello Theme, some Custom CSS will often be needed for the desired results. You can modify the look of the list styles or fonts by adding custom CSS to the widget by selector, or adding to the Custom CSS in the Site Settings and giving your widgets the class name created.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Adding A Page Title Region<\/h3>\n\n\n\n

    Often, you may wish to include a page title region for displaying the H1 and breadcrumbs (if used). This is good practice for SEO. You can do so by adding a section above the existing one.
    <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Setting Display Conditions<\/h3>\n\n\n\n

    You may now set the display conditions for your template. Typically, you will choose the Pages > All<\/em> condition here. You may additionally add more conditions if needed. If you choose \u201cSingular,\u201d this template will be used for pages, and posts as well as custom post types. If creating the Post Single or Archive Template, choose Posts > All here. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Create New Page(s)<\/h2>\n\n\n\n

    Using The Block Editor For Content<\/h3>\n\n\n\n

    When creating pages or posts on your website, you may wish to write your content in the WP editor. This may also be used for clients, or users with only editor privileges.<\/p>\n\n\n\n

      \n
    1. Create Block Editor Page(s) in the WP editor.
      <\/li>\n\n\n\n
    2. Add your verbiage, media, and other block editor content.
      <\/li>\n\n\n\n
    3. Publish your page using the WP Publish button. The page may be set to draft mode if needed.<\/li>\n\n\n\n
    4. View your page. It will now show the Block Editor content with the template sidebar.<\/li>\n<\/ol>\n\n\n\n

      Using Elementor For Content<\/h3>\n\n\n\n

      If you wish to still edit the content with Elementor but use the sidebar on all pages it is now possible to do so easily. All Elementor widgets will use the 70% content region of the page template.<\/p>\n\n\n\n

        \n
      1. Name your page, and publish it in the WP editor.
        <\/li>\n\n\n\n
      2. Click the Edit With Elementor button
        <\/li>\n\n\n\n
      3.  Add your Elementor Widgets to \u201cThe Content\u201d region. You will not be able to drag widgets into the sidebar region unless the template is edited.   <\/li>\n<\/ol>\n\n\n\n

        Notes And Information<\/h2>\n\n\n\n

        Note: Pages and Posts will need to use the Default Layout rather than Elementor Full Width, or Elementor Canvas for the theme builder Display Conditions to show. In reverse, if you wish to not have a sidebar on a page (example: Home), you may use Elementor Full Width and Canvas.<\/p>\n","protected":false},"excerpt":{"rendered":"

        If you would like to use the WP sidebar widgets along with Elementor widgets, without using code, you can do so by creating a sidebar in your Single Page, Single Post, and Archive templates in the Theme Builder. These templates will allow you to feature a custom sidebar on your site for each new page or post.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1466],"tags":[],"class_list":["post-25984","post","type-post","status-publish","format-standard","hentry","category-templates"],"acf":[],"yoast_head":"\nCreate a sidebar template | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Create a sidebar template in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a sidebar template | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Create a sidebar template in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-13T09:12:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-21T14:50:41+00:00\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Create a sidebar template\",\"datePublished\":\"2023-08-13T09:12:29+00:00\",\"dateModified\":\"2026-01-21T14:50:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/\"},\"wordCount\":873,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/07\/SideBarOne-1024x561.png\",\"articleSection\":[\"Templates\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/\",\"url\":\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/\",\"name\":\"Create a sidebar template | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/07\/SideBarOne-1024x561.png\",\"datePublished\":\"2023-08-13T09:12:29+00:00\",\"dateModified\":\"2026-01-21T14:50:41+00:00\",\"description\":\"Learn everything about Create a sidebar template in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Themes\",\"item\":\"https:\/\/elementor.com\/help\/themes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Templates\",\"item\":\"https:\/\/elementor.com\/help\/themes\/templates\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Create a sidebar template\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a sidebar template | Elementor","description":"Learn everything about Create a sidebar template in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/","og_locale":"en_US","og_type":"article","og_title":"Create a sidebar template | Elementor","og_description":"Learn everything about Create a sidebar template in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/","og_site_name":"Help","article_published_time":"2023-08-13T09:12:29+00:00","article_modified_time":"2026-01-21T14:50:41+00:00","author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Create a sidebar template","datePublished":"2023-08-13T09:12:29+00:00","dateModified":"2026-01-21T14:50:41+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/"},"wordCount":873,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/07\/SideBarOne-1024x561.png","articleSection":["Templates"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/","url":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/","name":"Create a sidebar template | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/07\/SideBarOne-1024x561.png","datePublished":"2023-08-13T09:12:29+00:00","dateModified":"2026-01-21T14:50:41+00:00","description":"Learn everything about Create a sidebar template in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/how-to-create-sidebar-templates-with-hello-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Themes","item":"https:\/\/elementor.com\/help\/themes\/"},{"@type":"ListItem","position":3,"name":"Templates","item":"https:\/\/elementor.com\/help\/themes\/templates\/"},{"@type":"ListItem","position":4,"name":"Create a sidebar template"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=25984"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25984\/revisions"}],"predecessor-version":[{"id":162276,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25984\/revisions\/162276"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=25984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=25984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=25984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}